﻿



.Hidden {
    display: none;
}

.NoUnderline a {
    text-decoration: none;
}

.SmallText {
    font-size: 14px;
}

.LargeText {
    font-size: 20px;
}

a.BlackLink {
    color: Black;
    text-decoration: none;
}

    a.BlackLink:hover {
        color: Black;
        text-decoration: underline;
    }

a.BlackLinkDisabled {
    color: Gray;
    text-decoration: none;
}

    a.BlackLinkDisabled:hover {
        color: Gray;
        text-decoration: none;
    }


/** Banner elements **/



.MainMenuBarNavButtonText img {
    vertical-align: bottom;
    padding: 0 5px;
}



.MainMenu {
    /*padding-top: 4px;*/
}

.StaticMenuItem {
    font-weight: normal;
    color: #101010;
    text-transform: uppercase;
    font-size: 14px;
    height: 40px;
}

.StaticMenuItemHover {
    /*color: #FE9900 !important;*/
    text-decoration: none;
    background: #ef7c21;
    color: #fff;
    height: 70px;
}

.DynamicMenu {
    background: #222 !important;
    color: #6a6a6a;
    border-top: 2px solid #f07d22;
    font-size: 1em !important;
    margin-top: 0px;
    position: relative;
    -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    clip: auto !important;
}

.DynamicMenuItem a {
    color: #FFF;
    display: block;
}

.DynamicMenuItem {
    border-bottom: 1px solid #333;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 20px;
    -moz-transition: all 200ms ease-in 0s;
    -o-transition: all 200ms ease-in 0s;
    -webkit-transition: all 200ms ease-in 0s;
    transition: all 200ms ease-in 0s;
}

    .DynamicMenuItem img {
        background: url("../../Images/Menu/dynamic-menu-popout-image.gif") no-repeat center center transparent;
        width: 11px;
        height: 18px;
    }

html[dir="rtl"] .DynamicMenuItem img {
    background: url("../../Images/Menu/dynamic-menu-popout-image-rtl.gif") no-repeat center center transparent;
}


.DynamicMenuSelectedItem {
    background: url("../../Images/Theme/list-item-selected.png") repeat scroll 0 bottom transparent;
    background: #ef7c21;
    color: White !important;
}

.DynamicMenuItemHover {
    background: transparent;
}

table.DynamicMenuItemHover {
    background: url("../../Images/Theme/list-item-hover.png") repeat-x scroll 0 bottom transparent;
    background: #ef7c21;
}

.DynamicMenuItemHover {
    color: #FFF !important;
}

.LoginName {
    text-transform: lowercase;
}


.positionRelative {
    position: relative;
}


.DefaultWorkingArea {
    /*margin: 0;
    padding: 0;
    width: auto;
    height: auto !important;*/
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.DefaultWorkingAreaTop {
    width: auto;
    background-color: white;
}

.DialogWorkingArea {
    margin: 0;
    padding: 0px 10px 10px 10px;
    width: auto;
    background-color: White;
    min-height: 350px;
    height: auto !important;
    height: 350px;
}




.ListPaneBack {
    background-color: #fff;
}

.ListPaneWrap {
    background-color: #f1dbc6;
}

.InnerMenuBack {
    background-color: #b3c8e6;
}
/***/

/** Toolbar Elements **/

/** End of Toolbar elements **/

.SubTab {
    background-color: White;
    width: auto;
}

.SubTabBody {
    border-right: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    background-color: White;
}




/** End of Status Bar **/

.SideBar {
    width: 250px;
}



.Padding5px {
    padding: 5px 5px 5px 5px;
}

.PaddedArea {
    padding: 10px 10px 10px 10px;
    width: auto;
}

.CenteredArea {
    margin: 0 auto 0 auto;
}



/** Frames **/
.Frame {
    border: solid 1px #808080;
    background-color: #f1f2f3;
}

.FrameTitle {
    border-top: solid 1px #808080;
    border-left: solid 1px #808080;
    border-right: solid 1px #808080;
    background-color: #c8cbd0;
    padding: 2px 4px 2px 4px;
}


.NotificationFrame {
    height: 227px;
    position: relative;
    overflow: auto;
}

#divMyNotificationsContainer {
    height: 227px;
    position: absolute;
    width: 100%;
}

/* Used in RP and SC */
.NotificationFrame table {
    width: 93%;
}

/* Used in Home Page */
.PaddedArea .NotificationFrame table {
    width: 96% !important;
}



.FormFrame2 {
    min-height: 0px;
}



.backgroundGreen {
    background: url("../../Images/Theme/list-item-selected.png") repeat-x scroll 0 bottom transparent;
}

/*.FormFrameTitle a {
    color: #ffa500;
    text-decoration: underline;
}*/


.FormFrameDropDown:hover {
    /*background-color: #f0f0f0;
    border-right: #ffa500 1px solid;
    border-top: #ffa500 1px solid;
    border-left: #ffa500 1px solid;
    border-bottom: #ffa500 1px solid;
    font-size: 11pt;
    border-color: #808080;*/
}




.DataPaneLargeMessage_Normal {
    font-size: 1.15em;
}

.DataPaneLargeMessage_Success {
    font-size: 1.15em;
}

.DataPaneLargeMessage_Error {
    font-size: 1.15em;
}




.FloatingPanel {
    position: absolute;
    border: #7a7a7a 1px solid;
    background-color: #f0f0f0;
    padding: 2px 2px 2px 2px;
}

.FloatingCalendar {
    position: absolute;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: #f7e9d4;
    padding: 2px 2px 2px 2px;
}


.FormBody {
    padding: 15px;
    width: auto;
    background: white;
    /*min-height: 500px;
    height: auto !important;
    height: 500px;*/
}

.FormBodyBackground {
    background-color: White;
}

.TabBody {
    padding: 15px;
    width: auto;
    background: white;
}

.TabStripContainer td[disabled] {
    color: Gray;
}

.ScriptEditor {
    border: solid 1px white;
    width: 100%;
    font-size: 0.8em;
    color: Navy;
}


.ScriptEditorLineNumbers {
    background-color: Gray;
    color: White;
}

.ScriptEditorWithBorder {
    width: 100%;
    color: Navy;
}

.ScriptSnippetCode {
    background-color: #ffffe0;
    color: Navy;
    width: 100%;
}





.NoBorders {
    border: none !important;
}



.ListRowDelimitedTable td {
    border-bottom: solid 1px #f5f5f5;
}

.PaddedTable td {
    padding: 2px;
}

.NoPaddingTable td {
    padding: 0px;
}



.ListRowDelimited {
    border-bottom: solid 1px #f5f5f5;
}


.ListRowExtendedInfo {
    direction: ltr;
}

/*.ListFrameSelectedRow {
    background-color: #ffcc7f;
}

    .ListFrameSelectedRow a {
        color: Black;
    }*/

.ListRowSelector {
    background-color: #ffcc7f;
}
/* End of Lists */




.AbsolutePosition {
    position: absolute;
}

html[dir="rtl"] .PositionFarTop {
    position: absolute;
    left: 0;
    top: 0;
}

html[dir="ltr"] .PositionFarTop {
    position: absolute;
    right: 0;
    top: 0;
}

.NewlicensePanel {
    position: absolute;
    right: 10px;
    color: #222;
}

html[dir="rtl"] .NewlicensePanel {
    position: absolute;
    left: 10px;
    right: auto;
}




.ListFrameDropDown {
    /*background-color: #f0f0f0;
    border-right: #ffa500 1px solid;
    border-top: #ffa500 1px solid;
    border-left: #ffa500 1px solid;
    border-bottom: #ffa500 1px solid;
    font-size: 0.8em;*/
}


.ConsoleResolveButton {
    font-size: 1.1em;
}


textarea.ConsoleNotesTextArea {
    width: 100%;
    font-family: Verdana, Arial;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    color: Navy;
}

.FieldGroup {
    background: url("../../Images/Theme/list-item-hover.png") repeat-x scroll 0 bottom transparent;
    font-size: 0.8em;
    font-weight: bold;
    color: #FE9900;
    height: 22px;
    line-height: 20px;
    overflow: hidden;
}



.ConsoleStepListStep {
    background-color: white;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
    margin-bottom: 5px;
    display: grid;
}

.ConsoleStepListStep td {
    padding: 5px !important;
}

.ConsoleUserText {
    color: Navy;
}

.ConsoleHighlight {
    background-color: #ffffcc;
}

.ServiceTimeCritical {
    background-color: #ff9a9a;
}

.ServiceTimeWarning {
    background-color: #ffdd8c;
}

.WaitingTimeCritical {
    background-color: #ff9a9a;
}

.WaitingTimeWarning {
    background-color: #ffdd8c;
}

.OverviewText {
    line-height: 1.3em;
}





.ToolBox {
    background-color: #C0C0C0;
    padding: 4px 4px 4px 4px;
    min-height: 200px;
    width: 200px;
}

.ToolBoxTitle {
    background-color: #AAAAAA;
    padding: 2px 4px 2px 4px;
    width: 200px;
}


.RefreshInfo {
    color: Gray;
    font-size: 0.9em;
}




/* Planner (Staffing) Tables */

.StaffingTable {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;
}

    .StaffingTable td {
        border-width: 1px;
        padding: 1px 6px 1px 6px;
        border-spacing: 0px;
        border-style: solid;
        border-color: black;
        background-color: white;
    }

    .StaffingTable th {
        border-width: 1px;
        padding: 0 4px 0 4px;
        border-style: solid;
        border-color: black;
        background-color: #e6e6e6;
    }

    .StaffingTable tr {
        height: 1.4em;
    }


    .StaffingTable td.WorkingHourCell {
        width: 102px;
    }

    .StaffingTable input {
        padding: 1px 0;
    }


    .StaffingTable td.NotWorkingHourCell {
        width: 102px;
        background-color: #eaf1dd;
    }

        .StaffingTable td.NotWorkingHourCell input {
            visibility: hidden;
            border: none;
            background-color: Transparent;
            box-shadow: none;
        }

    .StaffingTable td.WorkingHourCell input {
        border: none;
        background-color: Transparent;
        margin: 0px;
        box-shadow: none;
    }

    .StaffingTable td.NotWorkingHourCell span {
        visibility: hidden;
    }

    .StaffingTable td.WaitingTimeCritical {
        background-color: #ff9a9a;
    }

    .StaffingTable td.WaitingTimeWarning {
        background-color: #ffdd8c;
    }

    .StaffingTable td.WaitingTimeTargetPct {
        color: Red;
    }

    .StaffingTable td.TooManyAgents input {
        /*	color: Red;*/
    }

    .StaffingTable td.TooManyAgents {
        background-color: #ff9a9a;
    }


    .StaffingTable td.ZeroValue {
        color: Gray;
    }

.ReportHeaderTitle {
    font-size: 1.0em;
    color: #fe9900;
}

.ReportHeaderText {
    font-size: 0.9em;
    font-weight: bold;
    color: #000000;
}




.CenterText {
    text-align: center !important;
}



.DatePickerCurrentSelection {
    border-style: solid;
    border-width: 2px;
    border-color: #4598d6;
}

.SoftBar {
    background-color: #b3c8e6;
    margin-bottom: 5px;
}

.SoftKey {
    white-space: nowrap;
    padding: 2px 2px;
}

.DynamicParametersTreeLeafNode:hover {
    text-decoration: underline;
    cursor: pointer;
}

.NoScriptPanel {
    border: 1px dotted #808000;
    background-color: #FFFFDD;
    padding: 4px 4px 4px 4px;
    color: Black;
    font-weight: bold;
}

.MenuAdjustedZIndex {
    z-index: 999 !important;
}

.ColumnTitle {
    font-size: 0.9em;
    background-color: #B3C8E6;
    padding: 2px 10px 5px 10px;
}

.FilterColumnTitle {
    font-size: 0.9em;
    background-color: #F1DBC6;
    padding: 2px 10px 5px 10px;
}




/* Device Manager Monitor - Online Monitoring */

.ScreenshotThumbnail {
    padding: 5px 20px;
    width: 140px;
    height: 160px;
    white-space: nowrap;
    overflow: hidden;
}

.ScreenshotThumbnailWarning {
    color: Orange;
    border-color: Orange;
}

.ScreenshotThumbnailDisconnected {
    color: Red;
    border-color: Red;
}

.ScreenshotThumbnail a img {
    border-color: Black;
    border: 1px solid;
}

.ScreenshotThumbnailDisconnected a img {
    border-color: Red;
}

.ScreenshotThumbnailWarning a img {
    border-color: Orange;
}

.ScreenshotThumbnail a img {
    display: block;
    border: 1px solid;
    width: 100px;
    height: 100px;
}

.ScreenshotThumbnail span {
    font-size: 0.9em;
    color: Black;
}

h1 {
    font-size: 1em;
    font-weight: bold;
    text-decoration: underline;
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearBoth {
    clear: both;
}




.SaveImageButton {
    width: 16px;
    height: 16px;
    border: none;
    display: inline;
}

.DeleteImageButton {
    width: 16px;
    height: 16px;
    border: none;
    display: inline;
}

/*.DependencyHeader {
    background-color: #ffffff;
}*/

.NoWrap {
    white-space: nowrap;
}

    .NoWrap td {
        white-space: nowrap;
    }

.VAlignTop {
    vertical-align: top;
}

    .VAlignTop td {
        vertical-align: top;
    }

.VAlignMiddle {
    vertical-align: middle;
}

    .VAlignMiddle td {
        vertical-align: middle;
    }

.imgAlignMiddle img {
}

.Bold {
    font-weight: bold;
}

.OwnershipNotOwns {
    cursor: default;
}

.pointer {
    cursor: pointer;
}





.ProcessMainDetailsPanel {
    background-color: Silver;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.PropertiesList span {
    display: block;
}

.PropertiesList .span {
    padding-top: 10px;
}


.RoundedTitleFrame {
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid black;
    margin-bottom: 5px;
}


.HorizontalForm input, .HorizontalForm select {
    margin: 2px 0;
}



.ListSubText {
    font-size: 9pt;
    color: #6a6a6a;
}

.RoleLicenseLevel {
    font-size: 0.8em;
    color: #6a6a6a;
    display: inline-block;
}

.DynamicTextPreview {
    white-space: pre;
    overflow: auto;
    border: 1px solid gray;
    margin: 5px 0;
    background-color: #FFFFD9;
}

.DynamicTextPreview-Normal {
    width: 300px;
    height: 100px;
}

.DynamicTextPreview-Wide {
    width: 498px;
    height: 150px;
}


.DynamicCalendarPreviewFull {
    background-color: #B3C8E6;
    border-bottom: 1px solid #fff;
    margin: 0 1px;
    cursor: pointer;
    background-image: url("../../Images/Calendar/reserved-sequence.gif");
    box-sizing: content-box;
}

.DynamicCalendarPreviewFullSelected {
    background-color: #1EB1F1;
    border-bottom: 1px solid #fff;
    margin: 0 1px;
    cursor: pointer;
    background-image: url("../../Images/Calendar/reserved-sequence.gif");
    box-sizing: content-box;
}

.DynamicCalendarPreviewEmpty {
    border-bottom: 1px solid #fff;
    margin: 0 1px;
    cursor: pointer;
    box-sizing: content-box;
}

.HomeInformationBox {
    height: 273px;
    padding: 20px 20px;
    font-size: 0.9em;
    color: #333;
    min-width: 400px;
    position: relative;
}




.PickerDropArea.Top {
    bottom: 24px;
}

html[dir="ltr"] .PickerDropArea.AlignDropArea {
    left: -146px;
}

html[dir="rtl"] .PickerDropArea.AlignDropArea {
    right: -146px;
}




/*Auto Complete*/
.autocomplete-w1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0 0 6px; /* IE6 fix: */
    _background: none;
    _margin: 0;
}

.autocomplete {
    font-size: 0.8em;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px; /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #F0F0F0;
    }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }

    .autocomplete .suggestion {
        font-weight: bold;
    }

    .autocomplete .suggestionDescription {
        color: #6a6a6a;
    }

    .autocomplete .suggestionContainer {
        padding: 2px 5px;
        white-space: nowrap;
        border-bottom: 1px solid #0099CC;
    }




.PopoutContextMenu2 {
    width: 550px;
}

.PopoutContextMenuTitle {
    white-space: normal;
}

.PopoutContextMenuInner {
    min-height: 150px;
    height: auto !important;
    height: 150px;
    background-color: #fff;
    padding: 5px;
    border-top: none;
}

.PopoutContextMenuInner2 {
    min-height: 0px;
    height: auto !important;
    height: 0px;
}

.PopoutContextMenuInner ul {
    list-style: none;
    padding: 2px;
    margin: 0;
}

.PopoutContextMenuInner li img {
    padding: 2px 3px;
    vertical-align: top;
    /*width: 20px;*/
    vertical-align: middle;
}

.PopoutContextMenuInner li a {
    color: #4a4a4a;
    text-decoration: none;
}

.PopoutContextMenuInnerDetails {
    background-color: #eee;
    border: 1px solid #B9B9B9;
    border-bottom: none;
    padding: 2px 5px;
}


.clearfix {
}

    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

.clearfix {
    zoom: 1;
}


.textAlignNear {
    text-align: left;
}

html[dir="rtl"] .textAlignNear {
    text-align: right;
}

.textAlignNear th {
    text-align: left;
}

html[dir="rtl"] .textAlignNear th {
    text-align: right;
}

.textAlignNear td {
    text-align: left;
}

html[dir="rtl"] .textAlignNear td {
    text-align: right;
}

.EmptyListMessage {
    font-size: 0.9em;
    font-style: italic;
}

/*.ToolBarDropDown {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
    color: #0099CC;
    font-size: 0.8em;
    margin: 0 2px;
    vertical-align: middle;
}*/


.customCanvas {
    background: #fff;
}

.customField_Container {
    margin-bottom: 3px;
}

.customField_Label {
    display: inline-block;
    width: 250px;
    vertical-align: top;
}

.customField_Field {
    display: inline-block;
    vertical-align: top;
}

.customField_FieldTable {
    display: block;
}

.customPageNavigationButtonsConatiner {
    background: #ddd;
    text-align: right;
    padding: 10px;
}

    .customPageNavigationButtonsConatiner input {
        width: 100px;
    }

html[dir="rtl"] .customPageNavigationButtonsConatiner {
    text-align: left;
}

.BannerPath {
    font-size: 1.1em;
}

.customWizardNavigationMap {
    padding: 0;
    min-height: 450px;
}

.wizardNavigationPlaceHolder {
    width: 0;
    border: none;
}


.customCanvasWizardWithNavigation .wizardNavigationPlaceHolder {
    border: 1px solid #B9B9B9;
    width: 1%;
}


.customWizardNavigationMap ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

    .customWizardNavigationMap ul li {
        background: url("../../Images/Theme/Wizard/wizard-bg-regular.png") repeat-x scroll 0 0 transparent;
        margin-top: 1px;
        padding: 5px 5px 4px;
        color: #6A6A6A;
        font-weight: bold;
        font-size: 0.9em;
        height: 26px;
        line-height: 26px;
        white-space: nowrap;
        overflow: hidden;
        min-width: 150px;
    }

        .customWizardNavigationMap ul li.selected {
            background: url("../../Images/Theme/Wizard/wizard-bg-selected.png") repeat-x scroll 0 0 transparent;
            color: #fff;
        }

.TabStrip_Tab_Tab a:active, .TabStrip_Tab_Tab a:focus {
    color: #fe9900;
    outline: #000000 dotted 1px;
    -moz-outline-style: #000000 dotted 1px;
    _border: #000000 1px dotted;
}


.tableCellImageButton {
    width: 20px;
}

    .tableCellImageButton img, .tableCellImageButton input[type=image] {
        width: 18px;
    }




html[dir="rtl"] .QueryResultsFilteringToolTip {
    left: auto;
    right: 10px;
}

.StaffingWizardPanelDetails_Padding_Bottom {
    padding-bottom: 30px;
}

.StaffingWizardPanelCommands {
    padding-top: 5px;
    margin-top: 20px;
    border-top: 1px solid #666;
}

.StaffingWizardPanelContent {
    min-height: 350px;
}

.StaffingWizard_CreateBasis a[disabled="disabled"] {
    color: Gray;
}



.reportViewerContainer {
    height: auto !important;
}

.Skill_Required {
    color: Red;
}

.pnlMultiPickerDropArea {
    z-index: 100;
    padding: 0px 5px 0px 5px;
}

.avatarPreview {
    width: 750px;
}

    .avatarPreview img {
        max-height: 250px;
        vertical-align: middle;
        max-width: 250px;
    }

    .avatarPreview .previewContainer {
        width: 250px;
        border: 1px solid #B9B9B9;
        text-align: center;
        height: 280px;
        margin: 10px;
    }

        .avatarPreview .previewContainer .preview {
            height: 250px;
        }

            .avatarPreview .previewContainer .preview .imgTmb {
                margin-top: 75px;
                max-height: 100px;
            }

.avatarSearch input {
    max-width: 146px;
}

.attachmentBodyFrameContainer {
    height: 500px;
    overflow: hidden;
    border: 1px solid silver;
    margin-top: 20px;
}


.attachmentBodyFrame {
    width: 100%;
    height: 100%;
    border: none;
}

.generic-table {
    width: 100% !important;
}

    .generic-table th,
    .generic-table td {
        text-align: center;
        vertical-align: middle;
        padding: 1px;
    }

    .generic-table th {
    }

    .generic-table td {
        white-space: nowrap;
    }

        .generic-table td.noalign,
        .generic-table th.noalign {
            text-align: justify !important;
        }


.mediumWidth {
    width: 105px !important;
}

table.co-main-table {
    border-collapse: collapse;
    /*border: 1px solid #2b2b2b;*/
}

    table.co-main-table td,
    table.co-find-table td {
        padding: 3px;
    }

.co-main-table th {
    /*background-color: #333;*/
    /*color: #fff;*/
    padding: 5px;
    white-space: normal;
}

.co-button {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

    .co-button:hover {
        width: 18px;
        height: 18px;
        margin: 1px;
    }



.co-component-add-remove, .co-component-add-supporting {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

.co-new-leading .co-component-add-remove,
.co-new-leading .co-component-add-supporting,
.co-new-supporting,
.co-supporting .co-component-edit,
.co-new-supporting .co-component-add-remove,
.co-move-down,
.co-move-up,
.co-control-valid {
    display: none;
}

    .co-new-supporting .co-component-edit,
    .show-down .co-move-down,
    .show-up .co-move-up {
        display: inline-block;
    }

select.co-look-for,
.co-selected-container select,
.co-selected-container input,
.co-apptyp-container select {
    width: 180px;
}

.co-offset-container input,
.co-deviation-container input {
    width: 75px;
}

.co-supporting .co-look-for {
    margin: 0 20px;
}

tr.co-leading {
    background-color: #f2f2f2 !important;
    border-top: 1px solid #e37827;
}

    tr.co-leading td {
        padding-top: 5px;
    }

tr.co-supporting {
    background-color: #fafafa !important;
}

.error-box {
    /*border: 1px solid red;*/
    background-color: rgb(242, 222, 222);
}

.co-global-error-box {
    height: 40px;
    vertical-align: middle !important;
    padding: 0 10px 0 10px !important;
    background-color: rgb(242, 222, 222);
}

.co-select-object-err {
    display: none;
}

.error-box .co-select-object-err {
    display: inline;
}

.instructionsBullet {
    width: 15px;
    padding: 2px;
}

.statsServiceName {
    overflow: hidden;
    max-width: 125px;
    display: inline-block;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.attachment-item-list ul {
    margin: 0 !important;
    padding: 0 !important;
}

.attachment-item-list li {
    padding: 5px 0 !important;
    background: #fff !important;
    list-style: none;
    margin: 0;
}


/* Unit Association */

.modalUnitAssociation {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalContentUnitAssociation {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 15% from the top and centered */
    padding: 0;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
    min-width: 500px;
}

.dvExUnitSelectionCover {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    width: 100%;
    height: 315px;
    top: -315px;
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}

.ActionOptionBox_CommandContainer.NoBorder {
    border: none;
    margin-top: 10px;
}

.ToolBarButton.PopupButton {
    margin-left: 3px;
    margin-right: 3px;
}

.qflow-jstree-highlighted {
    display: none !important;
}

.SelectedUnits {
    cursor: pointer;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

    .SelectedUnits:hover {
        background: #e7f4f9;
    }

a.disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: default;
}
/* Unit Association - end*/

/*
    AutoFlow Preselected Service List

*/
.ms-pl-wrapper {
    display: none;
}

.show-selected-only .ms-item-wrapper {
    display: none;
}

    .show-selected-only .ms-item-wrapper.selected {
        display: table-row;
    }

.selected .ms-pl-wrapper {
    display: block;
}


/*
    Multiple Service Selection
*/

.smallIcon {
    width: 20px;
    height: 20px;
}

.ActOption_AppointmentType {
    padding-left: 22px;
}


html[dir="rtl"] .ActOption_AppointmentType {
    padding-right: 22px;
}


.inlineTable {
    display: inline-table;
}
