body {
    background-color: white;
}

a, a:visited, a:hover {
    _color: #0000AA;
    color: #759099;
}

TABLE {
    border-collapse: collapse;
    border-spacing: 0;
}

TABLE TD {
    padding: 0;
}

.gwt-Tree {

}

.gwt-Tree .gwt-TreeItem {
    font-size: 80%;
    cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
    background-color: #C3D9FF;
}

.gwt-StackPanel {
    background-color: white;
    border: 1px solid #AAAAAA;
    width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
    background-image: url(images/blue_gradient.gif);
    background-repeat: repeat-x;
    background-color: #EEEEEE;
    cursor: pointer;
    cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {

}

.gwt-TabPanel {

}

.gwt-TabPanelBottom {
    border-left: 1px solid #87b3ff;
    border-right: 1px solid #87b3ff;
    border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
    font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
    height: 100%;
    border-bottom: 1px solid #87b3ff;
    border-right: 1px solid #87b3ff;
    padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
    border-bottom: 1px solid #87b3ff;
    padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
    border-top: 1px solid #87b3ff;
    border-bottom: 1px solid #87b3ff;
    padding: 2px;
    cursor: hand;
    white-space: nowrap;
    border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
    font-weight: bold;
    background-color: #e8eef7;
    border-top: 1px solid #87b3ff;
    border-right: 1px solid #87b3ff;
    border-bottom: 1px solid #e8eef7;
    padding: 2px;
    cursor: default;
    white-space: nowrap;
}

.gwt-PushButton-up {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-up-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-down {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-PushButton-down-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-up {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-up-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-down {
    background-color: #C3D9FF;
    padding: 2px;
    background-color: #E8F1FF;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-down-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    background-color: #E8F1FF;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-RichTextArea {
    margin: 0px;
    padding: 0px;
    border: 0px solid black;
}

.gwt-RichTextToolbar {
    background-color: #C3D9FF;
    padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
    margin-right: 2px;
    border: 1px solid #C3D9FF;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
    margin-right: 2px;
    background-color: #E8F1FF;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
    margin-right: 2px;
    background-color: #E8F1FF;
    border: 1px solid #C3D9FF;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
    border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
    background-color: #C3D9FF;
    cursor: move;
}

.gwt-HorizontalSplitPanel .left {
    background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
    border: 8px solid #C3D9FF;
}

.gwt-VerticalSplitPanel .splitter {
    background-color: #C3D9FF;
    height: 8px;
    cursor: move;
}

.gwt-SuggestBoxPopup {
    border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
    padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
    background-color: #C3D9FF;
    padding: 2px;
}

.gwt-DisclosurePanel {
    border: 2px solid #C3D9FF;
}

.gwt-DisclosurePanel .header {
    background-color: #e8eef7;
    cursor: hand;
}

.gwt_Label_Login {
    color: Navy;
    font-size: 18px;
    font-weight: bold;
}

.gwt_Asterik_Login {
    color: Red;
    font-weight: bold;
}

.gwt_label_smalltext {
    font-size: 8px;
}

.gwt_Label_bold {
    font-weight: bold;
}

.gwt_bgcolor {
    border-top: thin solid white;
    border-right: thin solid;
    border-bottom: thin solid;
    border-left: thin solid black;
    background-color: deepskyblue;
}

.gwt_smallerLabel {
    color: Navy;
    font-size: 16px;
    font-weight: bold;
}

.gwt_border {
    margin: 4px;
    padding: 4px;
    border: thin solid Black;
}

.gwt_bgborder {
    border: thin solid Navy;
    background-color: Navy;
}

/* Facebook style recipients list*/
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width_: 400px;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: white;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 0px 8px;
    background-color: white;
    margin: 0px 0;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 1px; /* item margin*/
    #3 px;
    padding: 1px 1px;
    /*item top and bottom padding are 1px right and left padding are 1px*/
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4; /* item border */
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 2px; /*closing cross left margin*/
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}

li.token-input-selected-token-facebook {
    background-color_: #5670a6;
    border: 1px solid #3b5998;
    color: black;
}

li.token-input-input-token-facebook {
    float: left;
    _border: 1px solid silver;
}

.borderedLabelDeepSkyBlue {
    border: 1px solid deepskyblue;
}

.onset-hyperlink-disabled {
    color: Gray;
    border-top: 0px solid;
    border-right: 0px solid;
    border-bottom: 1px solid #eeeeee;
    border-left: 0px solid;
}

.border_below {
    border-bottom: 1px solid red;
}

.bold-label {
    color: darkblue;
    font-size: 16px;
    font-weight: bold;
}

.border-gray {
    border: 1px solid gray;
}

.border-blue {
    color: deepskyblue;
}

.border-DeepSkyBlue {
    border: 1px solid deepskyblue;
}

.empty {

}

.gwt-TabLayoutPanel {
    border: 0;
}

.gwt-TabLayoutPanel {
    border: 0;
}

.gwt-TabLayoutPanelTabs {
    border: 0;
}

.gwt-TabLayoutPanel {
    border: 0;
}

.gwt-TabLayoutPanelTab {
    border: 0;
}

.gwt-TabLayoutPanel {
    border: 0;
}

.gwt-TabLayoutPanelTabInner {
    border: 0;
}

.gwt-TabLayoutPanel {
    border: 0;
}

.gwt-TabLayoutPanelContent {
    border: 0;
}

.gwt-TabLayoutPanelContentContainer {

}

.border-bottom-gray {
    border-bottom: 1px solid Silver;
}

.round-corner-padding-sides {
    padding-left: 3px;
    padding-right: 3px;
    margin: 0;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: white;
}

.gwt-TextBox, .gwt-Button, .onset-Button, .gwt-DateBox {
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: white;
}

.gwt-TextBox:disabled {
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
    border-top: 1px solid lightgray !important;
    border-left: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: white;
    color: gray !important;
}

.gwt-ListBox {
    padding-left: 3px;
    padding-right: 1px;
    margin: 0;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: white;
}

.button-nopadding {
    padding: 0 !important;
}

.schedule_info_panel {
    border: 1px solid grey;
    border-radius: 6px;
}

.blue-Button {
    background: #759099;
    color: white;
    margin: 0;
    padding: 3px 5px;
    border: 1px outset #ccc;
    font-size: 12px;
    font-family: Tahoma, monospace;
    font-weight: bolder;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.blue-Button:active {
}

.blue-Button:hover {
}

.blue-Button[disabled] {
    cursor: default;
    color: lightgray;
    background: #989ea0;
}

.dateLabel {
    text-align: center;
    font-weight: bold;
}

.timeZoneLabel {
    text-align: left;
    cursor: pointer;
    color: #ff7706 !important;
}

.timeZoneInfoLabel {
    text-align: left;
}

.blue-Button[disabled]:hover {
}

.onset-tables-background {
    background: white;
}

.onset-cell-bg-no-border {
    background: white;
    padding: 0;
    margin: 0;
}

.address-book-contacts-panel {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}

.address-book-groups-panel {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}

a.onset-Anchor {
    cursor: hand;
    cursor: pointer;
}

a.onset-Anchor-selected {
    font-weight: bold;
    text-decoration: none;
/ /
}

a.onset-Anchor-selected:hover {

}

a.onset-Anchor:hover {
    cursor: hand;
    cursor: pointer;
/ / text-decoration: underline;
/ / font-weight: bold;
}

a.onset-anchor-underline {
    cursor: hand;
    cursor: pointer;
/ / text-decoration: underline;
/ /
}

a.onset-anchor-underline:hover {
    cursor: hand;
    cursor: pointer;
/ / text-decoration: none;
/ / font-weight: bold;
    display: block;
}

.table-gray-border {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}

DIV#checkCell_RIGHT {
    white-space: nowrap;
}

DIV#checkCell_LEFT {
    white-space: nowrap;
}

.GPBYFDEOC {
    padding: 0;
}

.nowrapCell {
    white-space: nowrap;
}

.addressLine-TextBox {
    background-color: Black;
}

.header-Blue {
    color: #213266;
    font-size: 16px;
    font-family: Tahoma;
    font-weight: bold;
}

.scalable-scroll-panel {

}

.scalable-TextBox {
    width: 50%;
    height: 350%;
}

.Button-blue-white {
    background: #759099;
    border: 0;
    font-weight: bold;
    color: white;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.Button-blue-white span {
    color: orange;
}

.Button-blue-white:active {
    border: 1px inset #ccc;
}

.Button-blue-white:hover {

}

.Button-blue-white[disabled] {
    cursor: default;
    color: #e4e4e4;
    background-color: #9fb2b0;
}

.Button-blue-white[disabled]:hover {
}

.Button-grey-white {
    background-color: #b6c8ce;
}

.Button-grey-white span {
    color: white;
}

.Button-grey-white-disabled {
    color: #AFAFAF !important;
}

.Btn-tab-panel {
    border-bottom: 4px solid #759099;
}

.gwt-MenuBar .gwt-MenuItem-disabled {
    cursor: default !important;
    text-decoration_: none !important;
/ /
}

.red_bold_label {
    color: red;
    font-weight: bold;
}

.green_bold_label {
    color: green;
    font-weight: bold;
}

.border-bottom-gray-padding-3 {
    border-bottom: 1px solid Silver;
    padding: 3px;
    margin: 3px;
}

.lblWrapRecNm {
    word-wrap: break-word;
    width: 130px;
    text-align: left;
    margin-right: 6px;
    margin-bottom: 5px;
}

.PageInfoGroupBlock {
    border-bottom: 1px solid blue;
}

.window-button-close {
    font-weigth: bold;
    background_: url("images/hborder.png") repeat-x 0px -27px;
    color: #759099;
    margin: 0px;
    padding-top: 5px;
    border_: #ccc;
    font-size: small;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.window-button-close-no-bg {
    font-weigth: bold;
    background_: url("images/hborder.png") repeat-x 0px -27px;
    color: #759099;
    margin: 0px;
    padding: 3px 5px;
    border_: #ccc;
    font-size: small;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.window-button-close-up {
    outline-color: navy;
}

.window-button-close-down_ {
    outline-color: navy;
}

.window-button-close:hover {
    color: gray;
    border_: 1px solid navy;
}

.window-button-close-hovering_ {
    outline-color: orange;
}

.window-button-close-down-hovering_ {
    border: 1px inset lightgray;
    outline-color: red;
}

.window-button-close-up-hovering_ {
    border_: none !important;
    border-color_: 1px solid red;
    outline-color: navy;
}

.window-button-close[disabled] {
    cursor: default;
    color: #888;
}

.window-button-close[disabled]:hover {
    border_: 1px outset #ccc;
}

.onpage-table-background {
    background-color: white;
}

.onpage-table-border {
    border: 1px solid gray;
}

.effie tr {
}

.effie tr td {
    border: none !important;
}

.group-selected {
    color: #ff7706 !important;
    background-color: white !important;
}

.group-not-selected {
    background-color: white !important;
    color: #4b4b4b !important;
}

.contact-selected {
    font-weight: bold;
    color: #759099 !important;
    background-color: #ecf2f8 !important;
}

.contact-not-selected {
    background-color: white !important;
    color: #759099 !important;
}

.operator th {
    color: #223962;
    font-family: monospace;
}

.operator th:hover div {
    color: green !important;
}

#container {
    margin: 0 auto;
    margin-top: 5px;
/ / 14 px;
}

.group-choosed {
    margin: 0 !important;
    padding: 0 !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: transparent !important;
}

.group-choosed tr {
    background: red !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.button-choosed-group-x {
    background: #759099;
    _background: url("images/hborder1.png") repeat-x 0px -27px;
    border: 0;
    font-weight: bold;
    color: white;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    border: 1px outset #ccc;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.group-choosed-name div {
    background: #ebf2f9 !important;
    color: #223460;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    height: 28px;
    overflow: hidden;
    /* line-height: 14px; */
    margin: auto 0;
    padding-left: 5px;
    vertical-align: middle;
    width: 100px;
    word-wrap: break-word;
}

.group-choosed-x div {
    background: #ebf2f9 !important;
    border_: 1px outset #ccc;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    height: 28px;
}

.group-choosed-x div button {
    background: #213460 !important;
    color: #ebf2f9;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    cursor: pointer;
    cursor: hand;
}

.onpage-dialog {
    background-color: white;
}

.onpage-dialog-left-align {
    background-color: white;
    text-align: left;
}

.group-TextBox-readonly {
    color: #888;
    background-color: silver;
}

.onpage-label-dialog {
    color: #ff7706;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12pt;
}

.onpage-dialog-button-blue-green {
    background: #759099 !important;
    color: white;
    border-top: 1px;
    font-size: 12pt;
    font-family: Tahoma;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.onpage-dialog-button-blue-green[disabled] {
    color: #888;
    cursor: default;
}

.onpage-dialog-button-blue-green:active {
    border: 1px inset #ccc;
}

.onpage-dialog-button-blue-green:hover {
    border-color: #9cf #69e #69e #7af;
}

.onpage-dialog-button-blue-green[disabled]:hover {
    border: 1px outset #ccc;
}

.welcome-title {
    color: #213167;
    border: 0px;
    font-stretch: normal;
    font-size: 12px;
    font-style: normal;
    font-family: Tahoma, monospace;
    font-weight: bold;
    vertical-align: bottom;
    line-height: normal;
    text-align: left;
    white-space: nowrap;
}

.menuText {
    color: #82c55e;
    font-size: 10.97px;
    font-style: normal;
    font-family: Tahoma;
    font-weight: bolder;
    vertical-align: middle;
}

.menuBar {
    background: #759099 !important;
    color: white;
    border-left: 1px outset #979eb7;
    border-right: 1px outset #979eb7;
    border-top: 1px outset #7a83a4;
    border-bottom: 2px outset #dedede;
    vertical-align: middle;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.gwt-MenuBar {
    cursor: hand;
    cursor: pointer;
    background: #759099;
    color: white;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.gwt-MenuItem {
    font-size: 14px;
    font-family: Tahoma, monospace;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}

.gwt-MenuItem:hover {
    text-decoration_: underline;
/ / cursor: hand;
    cursor: pointer;
}

.onset-Menu-selected {
    color: yellow !important;
    text-decoration_: none;
/ / cursor: default !important;
    _font-weight: bold;
}

.gwt-MenuBar-horizontal {
    color: white;
}

.bg-panel {
    border: 1px solid #d1d1d1;
    background-color: #f6f6f6;
}

.bg-panel-bg {
    background-image: url("https://cdn.onpage.com/image/nps/login-screen-bg.png") !important;
}

.loginForm {
    background: white;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #223962;
}

.loginWhatsNewAnchor {
    font-weight: bold;
    display: block;
    color: #ff7706;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: underline;
    cursor: pointer;
}

.loginWhatsNewAnchor:hover {
    cursor: hand;
    color: #cc0009;
    display: block;
}

.licenseLabel {
    text-align: right;
    width: 200px;
}

.whatsNewAnchor {
    font-weight: bold;
    display: block;
    color: #ff7706 !important;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: underline;
    cursor: pointer;
}

.whatsNewAnchor:hover {
    cursor: hand;
    color: #cc0009;
    display: block;
}


.quick-access-label {
    color: #959595;
}

.loginForgotAnchor {
/ / font-weight: bold;
    display: block;
    color: #009acc;
    font-stretch: normal;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
    text-align: left;
}

.loginForgotAnchor:hover {
    cursor: pointer;
    color: #009acc;
    text-decoration: none;
/ / font-weight: bold;
    display: block;
    text-align: left;
}

.image-logout-label {
    cursor: hand;
    cursor: pointer;
}

.button-logout-x {
    cursor: hand;
    cursor: pointer;
}

.loginForm1 {
    background-color: Maroon;
    background-color: white;
    opacity: 0.95;
    border-width: 6px;
    -moz-border-image: url(images/login-form-border13.png) 6 6 repeat;
    /* Firefox */
    -webkit-border-image: url(images/login-form-border13.png) 6 6 repeat;
    /* Safari and Chrome */
    -o-border-image: url(images/login-form-border13.png) 6 6 repeat;
    /* Opera */
}

.loginForm1_ {
    background-color: white;
}

.loginButton {
    background-image: url(images/loginButton.gif);
}

.onPage-button:hover {
    cursor: hand;
    cursor: pointer;
}

.footer-panel_ {
    border_: 1px solid #d1d1d1;
    border-top: 2px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    background-color: #f6f6f6;
}

.textNormal {
    color: #223962;
    font-stretch: normal;
    font-size: 11px;
    font-family: Tahoma;
    font-weight: normal;
}

.blue-button-small {
    font-size: 10px;
    font-weight: bold;
}

.blue-button-small {
    background: #759099;
    border: 0;
    font-weight: bold;
    color: white;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.blue-button-small:active {
    border: 1px inset #ccc;
}

.blue-button-small:hover {
}

.blue-button-small[disabled] {
    cursor: default;
    color: lightgray;
    background-color: #989ea0;
}

.blue-button-small[disabled]:hover {
}

.loginLabels {
    color: #4B4B4B;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: bold;
}

.loyalLabel {
    color: #4B4B4B;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: normal;
}

.loyal-discount-word {
    color: red;
    font-size: 11px;
    font-family: Tahoma;
    font-weight: bold;
}

.loyal-discount-value{
    color: red;
    font-size: 11px;
    font-family: Tahoma;
    font-weight: bold;
}

.loginLabels-disabled {
    color: silver;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: bold;
}

.loginTitles {
    color: #ff7706;
    font-size: 16px;
    font-family: Tahoma;
    font-weight: bolder;
    text-align: center;
}

.dialog-caption {
    color: #ff7706;
    font-size: 16px;
    font-family: Tahoma;
    font-weight: bolder;
}

.loginLabelsH2 {
    color: 4 B4B4B;
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
}

.noborder {

}

.address-book-contacts input[type="checkbox"] {
    cursor: hand;
    cursor: pointer;
}

.contacts-grid button {
    margin: 0;
}

/* .contacts-grid td div { hack for grid cell text properties
	white-space_: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
} */
.cutting-text {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* .contacts-grid div {
	hack for height of div containing grid header row and background for all space
	min-height: 18px !important;
	background-color: #ecf2f8;
}
 */
/* .contacts-grid thead input[type="checkbox"] {
	hack for header checkbox
	position: relative;
	top: 1px;
	padding-left_: 1px;
	left: 3px;
}
 */
.contactsTableComposite {

}

.contactsPanelTableBackground {
    border: 1px solid silver;
    background-color: white;
    position: relative;
}

.onpageTA {
    margin: 0px;
    padding: 0px;
}

.topBorder1 {
    border-top: 1px solid Silver;
}

.borderTopBottom1 {
    border-top: 1px solid Silver;
    border-bottom: 1px solid Silver;
}

.sent-pages-grid tr td {
    border: 1px solid #eeeeee;
    background-color: white;
    padding: 0;
    margin: 0;
    height: 35px;
}

.sent-pages-grid thead th {
    border: 1px solid #759099;
    background-color: #84a2ac;
    color: white;
    text-align: center;
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 2px;
    text-shadow: none !important;
}

.sent-pages-grid td div {
    /*hack for grid cell text properties*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.delivered {
    border: none !important;
    text-align: right;
    /* padding-right: 5px !important; */
    width: 28px;
}

.not-delivered {
    border: none !important;
    text-align: right;
    padding-left: 5px !important;
    width: 26px;
}

.table-delivered {
    border: none !important;
    table-layout: fixed;
    width: 90px;
    margin-right: 5px;
}

.table-delivered td {
    border: none !important;
}

.recipients-names {
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 215px;
    margin-left: 5px !important;
    margin-right: 0 !important;
}

.recipients-names-only {
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 240px;
    margin: 0 !important;
}

.escalation-name {
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 71px;
    padding: 0 !important;
    margin: 0 !important;
}

.escalation-img {
    margin: 0 !important;
    text-align: left;
    padding-left: 0 !important;
}

.escalation-name-center {
    text-align: center;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 71px;
    padding: 0 !important;
    margin: 0 !important;
}

.escalation-name-left {
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 55px;
    padding: 0 !important;
    margin: 0 !important;
}

.table-escalation td {
    border: none !important;
}

.pointer {
    cursor: pointer;
    cursor: hand;
}

button {
    cursor: pointer;
    cursor: hand;
}

.sent-page-info {
    background-color: white;
}

.message-info-labels {
    border: 1px solid #759099;
    background-color: white;
    color: #4B4B4B !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 4px;
}

.group-choosed td {
    height: 34px;
    white-space: nowrap;
}

.vertical-middle {
    vertical-align: middle;
}

.message-dialog {
    color: #4B4B4B;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.message-buttons-panel {
    background-color: white;
}

.regFont {
    color: #223962;
    font-family: Tahoma;
    font-weight: normal;
}

.sent-pages-grid tbody tr td div {
    /* padding-left: 5px; */
    margin-left: 5px;
    margin-right: 5px;
}

textarea {
    resize: none; /*vertical*/
    font-family: Arial;
}

.message-block {
    width: 400px;
    text-align: center;
    word-wrap: break-word;
}

.group-selected td {
    padding: 0 0 0 3px;
}

.group-not-selected td {
    padding: 0 0 0 3px;
}

.contact-selected td {
    padding: 0 0 0 3px;
}

.contact-not-selected td {
    padding: 0 0 0 3px;
}

.pdr2 {
    padding-right: 0 2px 0 2px !important;
}

.break-word {
    word-wrap: break-word;
}

.msg-info-stt-time {
    text-align: left;
    width: 110px;
    /* 	width: 164px; */
    white-space: nowrap;
}

.msg-info-stt-stt {
    text-align: left;
    width: 120px;
    padding-left: 24px;
    white-space: nowrap;
}

.msg-info-stt-reply {
    word-wrap: break-word;
    width: 170px; /* 170px; */
    /* padding-right: 5px; */
}

.pgInfoGrNm {
    font-weight: bold;
    font-size: 15px;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

element.style {
    padding: 0 !important;
}

.msg-info-mrg-l {
    margin-left: 23px; /* 10px; */
}

.msg-info-mrg-lt {
    margin-left: 10px;
    margin-top: 10px;
}

.pg-info-escal-lbl {
    font-weight: bold;
    /* white-space: nowrap !important; */
}

.width23 {
    width: 15px; /* 23px;  *//* 13px; */
}

.fq-frame {
    border-top: 0;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
}

.pt2 div {
    margin-top: 2px;
}

.contacts-grid tr {
    border-bottom_: 1px solid silver;
}

.contacts-grid .break-word {
    padding-right: 3px;
    white-space: nowrap;
    word-wrap_: break-word;
}

.contacts-grid {
    background-color: white;
}

.gwt-MenuItem-selected {
    text-decoration: underline !important;
    color_: yellow !important;
}

.operatorsGridStyle th div:first-child {
    margin-right_: 40px;
    padding-left: 0 !important;
    border_: 2px solid #ff0000;
}

.operatorsGridStyle th div div:first-child {
    left: 0;
/ / 50 %;
    border_: 1px solid #0000ff;
    margin-left: 40%;
}

.contacts-grid-style th div:first-child {
    margin-right_: 40px;
    padding-left: 0 !important;
    border_: 2px solid #ff0000;
}

.contacts-grid-style th div div:first-child {
    left: 0;
/ / 50 %;
    border_: 1px solid #0000ff;
    margin-left: 70%;
}

.recip-statuses {
    margin-bottom: 5px;
    border-bottom: 1px solid silver;
}

.noscroll {
    overflow-y: hidden;
    overflow-x: hidden;
}

.noborder {
    border: none;
}

.left {
    text-align: left;
}

.window-button-close-up-hovering {
    border: 2px solid #223962 !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.window-button-close-down-hovering {
    border: 2px solid silver !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.window-button-close-white-bg-up-hovering {
    border: 2px solid #54a8db !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    cursor: pointer;
    cursor: hand;
}

.window-button-close-white-bg-down-hovering {
    border: 2px solid #223962 !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    cursor: pointer;
    cursor: hand;
}

.escal_order_btn {
    padding-left: 1px !important;
}

.escal_order_btn button {
    padding: 0 2px;
    height: 19px;
    margin: 0;
    width: 19px;
}

.escal_order_btn button img {
    margin: 1px 0 0 0;
}

.sent-page-info img {

}

.clist {
    text-align: center;
    overflow-y: scroll;
    height: 150px;
    padding-left: 140px;
}

.clist_1 {
    text-align: left;
    height: 16px;
}

.clist_2 {
    text-align: left;
    height: 36px;
}

.clist_3 {
    text-align: left;
    height: 52px;
}

.clist_4 {
    text-align: left;
    height: 70px;
}

.clist_5 {
    text-align: left;
    overflow-y: scroll;
    height: 70px;
}

.provisioned td {
    color: silver;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.up_12 {
    position: relative;
    margin-top: -12px;
}

.width_320 {
    width: 320px !important;
}

.table-delivered td img {
    padding-left: 3px;
}

.message-info-labels-div {
}

.nomargins {
    margin: 0 !important;
    padding: 0 !important;
}

.nomargins-red {
    margin: 0 !important;
    padding: 0 !important;
    color: red !important;
}

.blockbr {
    height: 15px;
    margin: 0;
    padding: 0;
}

.statuses-table {
    margin-bottom: 5px;
}

/* trying */
.gwt-Tree div {
    /* padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px; */
    margin-left: 0px !important;
    /* padding-left: 0px !important; */
}

#checkCell_LEFT input {
    cursor: pointer;
    cursor: hand;
}

.esc_sign_small {
    margin-right: 3px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.choosed_grp_name {
    padding-top: 4px
}

.ie_relative {
    position: relative;
}

/* Calendar*/

.calendar-header {
    background: #84A2AC;
    width: 100%;
    border-bottom: 1px solid #A2BBDD;
    table-layout: fixed;
    border-collapse: collapse;
    color: white;
}

.calendar-header-week-cell-container {
    height: 20px;
    position: relative;
    overflow: hidden;
    background: #84A2AC;
    color: white;
}

.calendar-header-day-cell-container {
    height: 20px;
    position: relative;
    overflow: hidden;
    background: #84A2AC;
    color: white;
}

.calendar-header-year-cell {
    width: 75px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}

.calendar-header-day-cell {
    font-size: 12px;
    width: 97px;
    margin-top: 3px;
}

/*
.splitter {
	height: 5px;
	_height: 5px;
	border-top: 0px solid #C3D9FF;
	background: #C3D9FF;
	border-bottom: 0px solid #C3D9FF;
}
*/
.calendar-hour-label {
    width: 60px;
    color: #446688;
    font-size: 12px;
    display: block;
    position: relative;
    border-top: 1px solid #DDDDDD;
    background: #E8EEF7;
}

.calendar-hour-layout {
    position: absolute;
    top: 5%;
    right: 5px;
    line-height: 1;
    width: 100%;
}

.calendar-day-timline {
    margin-top: 25px;
}

.calendar-day-separator {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0%;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    width: 3px;
}

.calendar-hour-text {
    display: inline;
    font-size: 11px;
    color: #446688;
}

.calendar-ampm-text {
    display: inline;
    color: #446688;
    font-size: 11px;
    font-weight: normal;
}

.calendar-appointment-panel {
    position: relative;
    height: 1230px;
}

.calendar-major-time-interval {
    display: block;
    height: 29px;
    _height: 30px;
    /*background: #FFFFCC;   */
    border-top: 1px solid #DDDDDD;
    width: 100%;
}

.calendar-minor-time-interval {
    display: block;
    height: 29px;
    _height: 30px;
    /*background: #FFFFCC;    */
    border-top: 1px dotted #DDDDDD;
    width: 100%;
}

.calendar-MonthView-grid {
    table-layout: fixed;
    background: #FFF;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.calendar-dayView-today {
    background-color: rgb(255, 255, 204);
    filter: alpha(opacity=50);
    opacity: .65;
    -moz-opacity: .65;
    width: 99px;
}

.calendar-MonthView-weekDayLabel-today {
    height: 20px;
    text-align: center;
    background-color: #84A2AC;
    font-size: 13px;
    color: white;
}

.calendar-MonthView-dayCell-week {
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    height: 80px;
}

.calendar-MonthView-dayCell-today {
    background-color: rgb(255, 255, 204);
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    height: 80px;
}

.calendar-MonthView-today-disabled {
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
    height: 80px;
}

.calendar-MonthView-dayCellLabel-today {
    background-color: #E8EEF7;
    color: #759099;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0;
    text-align: center;
    width: 20px;
}

.calendar-MonthView-dayCellLabel-disabled {
    background-color: rgb(238, 238, 238);
    display: block;
    height: 15px;
    font-size: 11px;
    text-align: right;
    padding-right: 5px;
    color: #999;
}

.calendar-MonthView-schedule-name-panel {
    border-style: solid;
    border-width: 1px;
    font-size: 11px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 104px;
    color: #759099;
    background-color: #C3D9FF;
    border-color: #A3B9DF;
    margin-bottom: 1px;
    text-align: center;
    color: #759099;
    cursor: pointer;
}

.calendar-exception-MonthView-schedule-name {
    border: 1px solid red;
    background-blend-mode: saturation;
    background-image: url(images/red-stripes.gif);
}

.calendar-MonthView-schedule-name {

}

.calendar-appointment {
    position: absolute;
    font-size: 11px;
    overflow: hidden;
    filter: alpha(opacity=50);
    -moz-opacity: .7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #759099;
    background-color: #C3D9FF;
    border: 1px solid #A3B9DF;
    /* margin-top:-45px;*/
    margin-top: 7px;
    cursor: pointer;
}

.calendar-appointment-exception {
    border: 1px solid red;
    background-blend-mode: saturation;
    background-image: url("images/red-stripes.gif");
}

.color-picker-predefined {
    position: absolute;
    overflow: hidden;
    border: 1px solid #A3B9DF;
    cursor: pointer;
}

.color-picker-panel {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #C3D9FF;
    border-color: #A3B9DF;
}

.calendar-not-appointment {
    border: 1px solid #B0B0B0;
    position: absolute;
    font-size: 11px;
    overflow: hidden;
    filter: alpha(opacity=50);
    opacity: .7;
    -moz-opacity: .5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #759099;
    color: white;
    margin-top: 7px;
}

.calender-allSchedule-table-title-panel {
    border-bottom: 1px solid silver;
}

.calender-allSchedule-table-title-text {

    color: #223962;
    font-size: 11px;
    font-weight: bold;
}

.calendar-allSchedule-flexTable {
    background-color: white;
    color: #759099;
    font-size: 14px;
}

.calendar-allSchedule-flexTable td {
    border-bottom: 1px solid silver;
    padding: 3px;
}

.calendar-allSchedule-sub-flexTable {
    background-color: #F6F6F6;
}

.calendar-allSchedule-table-titles {
    margin-left: 35px;
}

.calendar-allSchedule-title {
    font-size: 18px;
    margin-left: 10px;
}

.calendar-allSchedule-dates {
    cursor: pointer;
}

.calendar-allSchedule-dates :HOVER {
    text-decoration: underline;
}

.calendar-allSchedule-deleteBtn {
    cursor: pointer;
}

.gwt-RadioButton-disabled {
    color: black !important;
}

.priority-icon {
    cursor: pointer;
}

.priority-button {
    cursor: pointer;
    cursor: hand;
}

.inbox-no-ack-list {
    background-color: red;
}

.inbox-message-title {
    color: #ff7706;
    font-size: 16px;
    font-family: Tahoma;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 10px;
}

.inbox-message {
    width: 100%;
    border-bottom: 1px solid #9fb2b0;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.inbox-message-creation {
    color: #9fb2b0;
    text-align: left;
}

.inbox-message-from {
    color: #3b5998;
    text-align: left;
}

.inbox-message-subject {
    color: #3b5998;
    font-weight: bold;
    margin-top: 5px;
    word-break: break-word;
}

.inbox-message-original-subject {
    color: #ff7706;
    word-break: break-word;
}

.orange-Button {
    background: #ff7706;
    color: white;
    margin: 0;
    padding: 3px 5px;
    border: 1px outset #ccc;
    font-size: 12px;
    font-family: Tahoma, monospace;
    font-weight: bolder;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.inbox-message-panel {
    width: 270px;
    border: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    margin: .3em;
    padding: 1em;
    border-radius: .28571429rem;
}

.inbox-message-panel-item {
    width: 97%;
    margin-left: 7px;
}

.inbox-message-panel-item .tr {

}

.inbox-message-top-row {
    width: 100%;
    table-layout: auto;
}

.inbox-message-bottom-row {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    table-layout: auto;
}

.inbox-message-reply-panel {
    width: 100%;
}

.inbox-message-ack-button {
    horiz-align: right;
}

.inbox-message-reply-textbox {
    width: 95%;
}

.onpage-ui.message.chat-view {
    color: black;
    background-color: white;
    /*text-align: left;*/
    /*alignment: left;*/
    /*margin: auto;*/
    /*position: center;*/
}

.onpage-ui.message.chat-view .content {
    color: black;
    background-color: white;
    text-align: left;
    alignment: left;
    margin: auto;
    word-break: break-word;
    /*position: center;*/
    /*width: 100%;*/
    /*height: 100%;*/
    overflow-y: auto !important;
    overflow-wrap: break-word;
    width: 430px;
}

.onpage-ui.message.chat-view .content .content {
    background-color: transparent;
}

.onpage-ui.message.chat-view .details {
    margin: 10px auto;
    min-width: 98%;
    max-width: 98%;
    text-align: left;
    alignment: left;
    position: center;
}

.onpage-ui.message.chat-view .chatPanel {
    margin: 10px auto;
    min-width: 98%;
    max-width: 98%;
    height: 35em;
    /*text-align: left;*/
    /*alignment: left;*/
    /*position: center;*/
}

.onpage-ui.message.chat-view .details .header {
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #557c98;
    margin-bottom: 5px;
}

.onpage-ui.message.chat-view .details .header .from {
    color: #ff7706;
    margin: 10px auto;
    min-width: 50%;
    text-align: left;
    alignment: left;
}

.onpage-ui.message.chat-view .details .header .date {
    margin: 10px auto;
    min-width: 50%;
    alignment: right;
}

.onpage-ui.message.chat-view .details .header .icon {
    margin: 0 auto;
    text-align: right;
    cursor: pointer;
}

.onpage-ui.message.chat-view .details .recipients {
    color: #557c98;
    border-bottom: 1px solid #557c98;
    width: 100%;
    margin: auto;
}

.onpage-ui.message.chat-view .details .recipients div {
    /*margin-left: 5px;*/
}

.onpage-ui.message.chat-view .details .subject {
    font-weight: bold;
    color: #ff7706;
    margin-top: 15px;
    word-break: break-word;
}

.onpage-ui.message.chat-view .details .body {
    margin-top: 10px;
    color: #557c98;
    font-weight: bold;
    word-break: break-word;
    overflow-y: overlay !important;
    overflow: auto !important;
    max-height: 200px;
    width: 860px;
}

.onpage-ui.message.chat-view .details .attachments {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #557c98;
    border-bottom: 1px solid #557c98;
}

.onpage-ui.message.chat-view .details .attachments a {
    padding-left: 5px;
    padding-right: 10px;
}

.onpage-ui.message.chat-view .details .recipient-status-updates {
    color: black;
    width: 98%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    max-width: 98%;
    text-align: left;
    alignment: left;
    padding: 5px;
    margin: auto auto 10px;
}

.onpage-ui.message.chat-view .details .recipient-status-updates {
    border: 1px solid #bcdccd;
    background-color: #f3f3f3;
    margin-top: 1em;
}

.onpage-ui.message.chat-view .details .recipient-status-updates .recipient-name {
    color: #244356;
    font-weight: bold;
}

.onpage-ui.message.chat-view .details .recipient-status-updates .recipient-opid {
    color: #557c98;
    font-weight: bold;
}

.onpage-ui.message.chat-view .details .recipient-status-updates .status-updates {
    width: 98%;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
}

.onpage-ui.message.chat-view .reply-panel {
    width: 98%;
    position: center;
    margin: 5px auto;
}

.onpage-ui.message.chat-view .reply-panel .reply-text-box {
    width: 98%;
    vertical-align: bottom;
}

.onpage-ui.message.chat-view .chat {
    background-color: #f0f6f9;
    border: 1px solid #dae2f5;
    /*border: 1px solid red;*/
    margin: 15px;
    min-width: 80%;
    width: 98%;
    text-align: left;
    alignment: left;
    position: center;
    overflow: scroll;
}

.onpage-ui.message.chat-view .chat .bubble {
    color: black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 3px;
    width: 52%;
    max-width: 70%;
    text-align: left;
    alignment: left;
    padding: 10px;
}

.onpage-ui.message.chat-view .chat .bubble .attachments {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #557c98;
}

.onpage-ui.message.chat-view .chat .bubble .attachments a {
    padding-right: 10px;
}

.onpage-ui.message.chat-view .chat .bubble .header {
    margin-bottom: 5px;
    width: 100%;
    font-weight: bold;
}

.onpage-ui.message.chat-view .chat .bubble .header .from {
    color: #ff7706;
    margin: 0 auto;
    text-align: left;
}

.onpage-ui.message.chat-view .chat .bubble .header .date {
    color: #244356;
    margin: 0 auto;
    text-align: right;
}

.onpage-ui.message.chat-view .chat .bubble .header .icon {
    margin: 0 auto;
    text-align: right;
    cursor: pointer;
}

.onpage-ui.message.chat-view .chat .bubble.my {
    background-color: #bccde1;
    border: 1px solid #9bbecb;
}

.onpage-ui.message.chat-view .chat .bubble.their {
    background-color: #D3E1DE;
}

.onpage-ui.message.chat-view .chat .bubble .recipient-status-updates {
    color: black;
    width: 98%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    max-width: 98%;
    text-align: left;
    alignment: left;
    padding: 5px;
    margin: auto auto 10px;
}

.onpage-ui.message.chat-view .chat .bubble.my .recipient-status-updates {
    border: 1px solid #b3cbd7;
    background-color: #dbebf7;
}

.onpage-ui.message.chat-view .chat .bubble.their .recipient-status-updates {
    border: 1px solid #bcdccd;
    background-color: #ddece9;
}

.onpage-ui.message.chat-view .chat .bubble .recipient-status-updates .recipient-name {
    color: #244356;
    font-weight: bold;
}

.onpage-ui.message.chat-view .chat .bubble .recipient-status-updates .recipient-opid {
    color: #557c98;
    font-weight: bold;
}

.onpage-ui.message.chat-view .chat .bubble .recipient-status-updates .status-updates {
    width: 98%;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
}

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}


.statistics {
    vertical-align: middle;
}

.statistics.meta {
    color: gray;
    width: 200px;
}

.statistics.value {
    vertical-align: middle;
    font-size: 3rem !important;
    min-width: 120px;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid lightgrey;
}

.statistics.red.value {
    color: #DB2828;
}

.statistics.green.value {
    color: #81c757;
}

.statistics.purple.value {
    color: #A333C8;
}

.statistics.label {
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
}

.dashboardRightPanel {
    border-left: 2px solid #d6d6d6;
    border-right: 1px solid black;
    margin-left: 5px;
    padding-left: 25px;
    display: block;
}

.countersPanel {
}

.groupRightChartsPanel {
    border-left: 1px solid gray;
}

.border-shadow-panel {
    border: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    margin: 0.3em;
    padding: 1em;
    border-radius: .28571429rem;
}

.infoPanelRow {
}

.infoPanelHeader {
    display: table-cell;
    width: 340px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 3px;
    color: #ff7706;
    font-size: 14px;
    font-weight: bold;
}

.infoPanelRow > .label {
    display: table-cell;
    width: 120px;
    font-weight: bold;
    color: #3f6470;
}

.infoPanelRow > .label.padded {
    padding-left: 6px;
}

.infoPanelRow > .value {
    display: table-cell;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #759099;
}

.infoPanelRow.label {
    font-weight: bold;
    color: #3f6470;
}

.infoPanelRow.value {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #759099;
    white-space: nowrap;
}


.infoPanelDelimitedRow {
    display: table;
    border-bottom: 1px solid lightgray;
    height: 25px;
}

.infoPanelDelimitedRow > .label {
    display: table-cell;
    width: 120px;
    font-weight: bold;
    color: #3f6470;
    vertical-align: middle;
    padding-left: 15px;
}

.infoPanelDelimitedRow > .value {
    display: table-cell;
    border-left: 1px solid lightgray;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #759099;
    vertical-align: middle;
    text-align: center;
}

.infoPanelDelimitedRow > .value.red {
    font-weight: bold;
    color: #dc3912;
}

.infoPanelDelimitedRow > .value.yellow {
    font-weight: bold;
    color: #ff9900;
}

.infoPanelDelimitedRow > .value.green {
    font-weight: bold;
    color: #109618;
}

.charts-period-panel {
    display: table-cell;
}

.charts-period-panel > .header {
    display: table-cell;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #ff7706;
    font-size: 14px;
}

.charts-period-panel > .row {
    display: table-row;
    height: 30px;
}

.charts-period-panel > .row > .label {
    display: table-cell;
    font-weight: bold;
    color: #3f6470;
}

.charts-period-panel > .row > .field {
    display: table-cell;

}

.infoPanelDelimited {
    border-left: 1px solid lightgrey;
    padding-left: 70px;
}

.reports-panel-button {
    display: block;
    min-width: 250px;
    background: #759099;
    color: white;
    margin-bottom: 15px;
    padding: 10px 5px;
    border: 1px outset #ccc;
    font-size: 13px;
    font-family: Tahoma, monospace;
    font-weight: bolder;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.login-button {
    display: block;
    min-width: 150px;
    background: #759099;
    color: white;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px outset #ccc;
    font-size: 13px;
    font-family: Tahoma, monospace;
    font-weight: bolder;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.imageButton {
    cursor: pointer;
}

.description-label {
    text-align: left;
    color: #759099;
}


.timeline-container {
    scroll-behavior: auto;
    overflow: auto;
    overflow-behaviour: auto;
    overscroll-behavior-y: auto;
    overflow-y: scroll;
    overflow-x: visible;
}
.timeline {
    display: flex;
    flex-direction: column;
    width: 86%;
    margin: 10px 100px;
}
.timeline__event {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
.timeline__event__title {
    font-size: .9rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    color: #569099;
    letter-spacing: 1px;
}
.timeline__event__content {
    padding: 10px;
    text-align: left;
}
.timeline__event__date {
    color: #3f7085;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    min-width: 200px;
    max-width: 200px;
}
.timeline__event__date .author {
    display: block;
    text-transform: uppercase;
}
.timeline__event__date .type {
    text-transform: lowercase;
    font-weight: 100;
}
.timeline__event__icon {
    border-radius: 8px 0 0 8px;
    background: #e0eef2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 200px;
    font-size: .9rem;
    color: #759099;
    padding: 10px;
}
.timeline__event__icon .image {
    position: absolute;
    top: 50%;
    left: -69px;
    transform: translateY(-52%);
    z-index: 2;
    width: 32px;
}
.timeline__event__description {
    flex-basis: 60%;
}
.timeline__event:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #759099;
    position: absolute;
    top: 63px;
    left: -3.5rem;
    z-index: 0;
}
.timeline__event:before {
    content: "";
    width: 3rem;
    height: 3rem;
    position: absolute;
    background: #e0eef2;
    border-radius: 100%;
    left: -5rem;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #759099;
    z-index: 1;
}
.timeline__event--type-deleted:before {
    background: #ffe5c3;
    border-color: #ff7706;
}
.timeline__event--type-deleted:after {
    background: #ff7706;
}
.timeline__event--type-deleted .timeline__event__date {
    color: #ff5d04;
}
.timeline__event--type-deleted .timeline__event__icon {
    background: #ffe5c3;
    color: #ff7706;
}
.timeline__event--type-deleted .timeline__event__title {
    color: #ff7706;
}
.timeline__event--type-created:before {
    background: #eaf9e1;
    border-color: #84ba41;
}
.timeline__event--type-created:after {
    background: #84ba41;
}
.timeline__event--type-created .timeline__event__date {
    color: #4e840e;
}
.timeline__event--type-created .timeline__event__icon {
    background: #eaf9e1;
    color: #84ba41;
}
.timeline__event--type-created .timeline__event__title {
    color: #4e840e;
}
.timeline__event:last-child:after {
    content: none;
}

a.orange-link {
    color: #ff7706 !important;
}
a:active.orange-link {
    color: #ff7706 !important;
}
a:visited.orange-link {
    color: #ff7706 !important;
}

.message-search-form-label {
    color: #ff7706;

}

.padding3 {
    padding: 3px !important;
}