/* GUI overrides */

body {
    overflow:  hidden;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.hide {
    display: none !important;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.invisible {
    visibility: hidden;
}

.show {
    display: block !important;
}

pre {
    border: 1px solid #999;
    color: #333333;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.detailsLayer {
    overflow-x: auto;
}

.widgetContent .thickItems {
    border-top: none;
}

.lightText {
    color: #888;
}

.card .header {
    overflow: hidden;
}

.column-claimsList .card.is-tabbed .cardTabs {
    top: 4.4rem;
}

.header-TitleIconWrapper {
    display: inline-block;
    width: 100%;
}

.clientWidget-bannerButtons {
    padding-top: 1.2rem;
    float: left;
}

.cardTab-buttons .deleteIcon-svg {
    background: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzIzMUYyMCIgZD0iTTIyLDdjMC0yLjItMS44LTQtNC00aC00Yy0yLjIsMC00LDEuOC00LDRINHYyaDJsMiwyMGgxNmwyLTIwaDJWN0gyMnogTTE0LDVoNGMxLjEsMCwyLDAuOSwyLDJoLTgNCglDMTIsNS45LDEyLjksNSwxNCw1eiBNMTAuOCwyN0w5LjIsMTFoMmwxLjYsMTZIMTAuOHogTTE3LDI3aC0yVjExaDJWMjd6IE0yMS4yLDI3aC0ybDEuNi0xNmgyTDIxLjIsMjd6Ii8+DQo8L3N2Zz4NCg==")center no-repeat;
    background-size: 3.2rem 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    border: 0;
    opacity: .8;
    float: left;
    background-color: transparent !important;
}

.cardTab-buttons .unlockIcon-svg {
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzI0MUIyNCIgZD0iTTI1LDE0di00YzAtNS4xLTMuOS05LTktOXMtOSwzLjktOSw5aDRjMC0zLjEsMi01LDUtNWMzLjEsMCw1LDEuOSw1LDV2NEg0djE2aDI0VjE0SDI1eiIvPgo8L3N2Zz4=") center no-repeat;
    background-size: 3.2rem 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    border: 0;
    opacity: .8;
    float: left;
    background-color: transparent !important;
}

.cardTab-buttons svg, .cardButtons svg {
    fill: rgba(0,0,0,0.8);
    width: 3.2rem;
    height: 3.2rem;
    border: 0;
    float: right;
}

.cardTab-buttons svg:hover, .cardButtons svg:hover {
    cursor: pointer;
}

.buttonOverflow .cardButtonRight {
    text-overflow: ellipsis;
}

.cardButtonFloatLeft {
    float: left !important;
}

.finalJavascriptTextArea {
    width: 100%;
    height: calc(100% - 16rem);
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: pre !important;
    overflow: auto !important;
    overflow-wrap: normal;
}

.expressionFiltersHidden .finalJavascriptTextArea {
    height: calc(100% - 6rem);
}

.editJavascriptBottomPanel {
    text-align: center;
    margin-top: 1.0rem;
    height: 5rem
}

.expressionFiltersHidden .editExpressionFilterDisplay {
    display:none;
}

.editExpressionFilterDisplay {
    width:100%;
    height: 10rem;
    overflow-y: scroll;
    padding-top: 1.5rem;
    padding-left: 2rem;
}

.businessRuleExpressionBuilderContainer .icon-close,
.businessRuleExpressionBuilderContainer .icon-info  {
    position:absolute;
    top: 10px;
    right: 24px;
}

.editExpressionFilterDisplay ul {
    list-style: none;
}

.expressionFiltersHidden .editExpressionFilterHideButton {
    display:none;
}

.expressionFiltersHidden .editExpressionFilterDisplayButton {
    display:block;
}

.editExpressionFilterDisplayButton {
    display:none;
}

.expressionFiltersHidden .editExpessionBlocklyArea  {
    height: calc(100% - 6rem)
}

.editExpessionBlocklyArea {
    width: 100%;
    height: calc(100% - 16rem)
}

.blocklyWidgetDiv .goog-menuitem-content {
    white-space: nowrap;
}

.blocklyWidgetDiv,
.blocklyTooltipDiv,
.blocklyToolboxDiv {
    z-index: 20;
}

.stackItemAlert--bottom {
    padding: 1rem 2rem 1rem 2.7rem;
    position: absolute;
    bottom: 0rem;
    /*background-color: rgb(127,193,118);*/
    /*color: #FFF;*/
    font-weight: 500;
    font-size: 1.4rem;
    width: 100%;
}

.stackItemAlert--email {
    display: none;
}

.stackItemAlert--bottom.successAlert {
    background-color: rgb(127,193,118);
    color: #FFF;
}

.stackItemAlert--bottom.errorAlert {
    background-color: #FFCDC4;
    color: #AB1800;
}

/* Styles used by Processing Widget*/

.noPaddingList {
    padding: 0px;
}

.widgetPanel {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    overflow: hidden;
    width: 100%;
}

.widgetPanel:last-of-type {
    border-bottom: none;
}

.widgetPanel h4, .widgetContent--secondary-title {
    margin: 0rem;
    font-size: 1.4rem;
    color: #666666;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 1rem;
    margin-bottom: 1rem;
}

.widgetPanel label {
    font-size: 1.4rem;
        color: #555;
    font-weight: 600;
}

.widgetContent--secondary {
    border-top: 0.1rem solid rgba(0,0,0,0.2);
    background-color: #F7F7F7;
}

.widgetContent--secondary-title {
    margin-bottom: 0.3rem;
}

.widgetContent--secondary-content {
    display: inline-block;
    width: 100%;
    padding-left: 1.5rem;
    padding-bottom: 1rem;
    padding-right: 1.5rem;
    font-size: 100%;
    font-size: 1.3rem;
    line-height: 1.25;
}

.widgetContent--secondary-text {
    font-size: 1.3rem;
    font-weight: normal;
    margin-top: 0.3rem;
}

.widgetContent--secondary-timeStamp .timeStamp.left {
    float: left;
    text-align: left;
    margin: 0rem;
    padding: 0rem;
}

.widgetContent--secondary-timeStamp .timeStamp.right {
    float: right;
    text-align: right;
    margin: 0rem;
    padding: 0rem;
}

.widgetServerList {
    list-style: none;
    padding: 0 1% 0 0;
    margin: 0 2% 2% 2%;
}

.widgetAlertPanel {
    width: 32.33%;
    margin: 0 0 0.6rem 1%;
    cursor: pointer;
    position: relative;
    float: left;
    height: 4.4rem;
    font-size: 1.3rem;
    line-height: 1.4rem;
    overflow: hidden;
    display: table;
    border: solid 0.2rem #f1f1f1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .widgetAlertPanel > div {
        vertical-align: middle;
        padding-left: 3rem;
        padding-right: 0.6rem;
        display: table-cell;
    }

/* Statuses */

.is-Visible {
    display: block;
}

.is-Hidden {
    display: none !important;
}

.lighter {
    opacity: 0.4 !important;
}

#detailsTabContent .cardTab-content .lighter {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.4;
}

#endPointContactDetailsTabContent .cardTab-content .lighter {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.4;
}

/* Status Legend */
.widgetLegend ul {
    padding: 0px;
}

.widgetLegendList {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 1rem;
}

.widgetLegendStatus {
    display: block;
    float: left;
}

.widgetStatusName {
    font-size: 1.3rem;
    line-height: 3.0rem;
    float: left;
    margin-right: 2.0rem;
}

.widgetLegendStatusIcon {
    background-color: transparent;
    height: 3.0rem;
    width: 3.0rem;
    float: left;
}

.pageTab {
    padding: 0em 2em;
}

.widgetFullViewHalfPanel,
.widgetFullViewFullPanel,
.widgetFullViewQuarterPanel,
.widgetFullViewFullWidthPanel {
    background-color: #FFF;
    margin: 0.5% 0% 0.5% 1%;
    float: left;
}

.widgetFullViewHalfPanel {
    width: 48.5%;
    height: auto;
    padding-bottom: 1rem;
    min-height: 94.5%;
}

.widgetFullViewFullPanel {
    width: 98%;
    height: 100%;
    margin: 1%;
    overflow-y: auto;
}

.widgetFullViewQuarterPanel {
    width: 48.5%;
    height: 47%;
    position: relative;
    display: inline-block;
}

.widgetFullViewFullWidthPanel {
    background-color: #FFF;
    list-style: none;
    width: 98%;
    height: auto;
    padding: 1% 1% 0 1%;
}

.widgetFullViewLabel {
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 2.4rem;
    padding: 0 0 1.0rem 0;
    margin: 1rem 1.5rem 0 1.0rem;
}

.portalActivity {
    height: 100%;
}

.portalActivity .widgetFullViewLabel {
    height: 10%;
    padding: 1rem 0rem 2rem 2rem;
    margin: 0rem;
}

.portalActivity .quarterPanelForChart {
    height: 90%;
}

.portalActivityStatusIcon {
    position: relative;
    top: 15%;
    margin-right: 1rem;
}

.widgetFullViewQuarterPanel-AlertsLog {
    height: auto;
}

#lblError {
    color: rgb(237,28,36);
}


.alertLog-tableWrapper {
    padding-left: 0rem;
    padding-right: 0rem;
    height: 85%;
}

.alertLog-tableWrapper .table tbody > tr > td {
    border-top: none;
}

.alertLog-table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.alertLog-table thead {
    background-color: #FFF;
}

.alertLog-tableLabel {
    font-weight: 300;
}

.alertLog-tableServer:hover {
    cursor: help;
}

.alertLog-tableComponentTitle {
    padding-left: 0rem;
}

.alertLog-tableBold {
    font-weight: 600;
}

.alertLog-tableSeverity {
    padding-left: 0rem !important;
    text-transform: lowercase;
    text-align: right !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
}

.alertLog-tableSeverity:first-letter {
    text-transform: uppercase;
}

.alertLog-tableTime {
    text-align: right !important;
    padding-left: 0rem !important;
    width: 8rem;
}

.alertMessage {
    color: #FFF;
    padding-top: 0.6rem;
    padding-left: 1.5rem;
}

.alertOptions {
    color: #FFF;
    padding-top: 0.6rem;
}

.alertOptions span {
    padding-left: 1.5rem;
}

.alertOptions input[type=checkbox]:hover {
    cursor: pointer;
}

.dismissAlert {
    text-decoration: none;
}

.dismissAlert a:hover, dismissAlert:hover {
    cursor: pointer;
}

.gridContainer {
    position: relative;
    top: 10px;
}

.tableAlertRow {
    height: auto;
}

.tableResultsRow {
    height: 100%;
}

.clearinghouseServerStateIcon {
    float: left;
    height: 2.5em;
    width: 2.5em;
    margin-right: 0rem;
    background-position: center;
}

.clearinghouseServerStateDetails {
    padding-top: 0.6rem;
    padding-left: 1.25rem;
    padding-bottom: 0.6rem;
    float: left;
    font-weight: normal;
}

.clearinghouseServerStateText {
    text-transform: uppercase;
    float: right;
    padding-right: 1.5rem;
    padding-top: 0.6rem;
}

.detailFilters {
    display: block;
    overflow-y: auto;
}

.fullViewWidgetWithNavigationBar .detailFilters {
    top: 10rem;
}

.bannerDemographics-info {
    height: 6rem;
    padding: 1.2rem 1.0rem 0 0;
    float: left;
    margin: 0rem;
}

.bannerDemographics-avatar--initials {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #333;
    font-size: 2.8rem;
    line-height: 5rem;
    text-align: center;
}

.bannerDemographics-avatar {
    background-clip: padding-box;
    border-radius: 2.5rem;
    float: left;
    height: 5rem;
    margin: 0.5rem 0.5rem 0;
    overflow: hidden;
    width: 5rem;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
    margin-right: 0.6rem;
    line-height: normal;
}

input[type=text]::-ms-clear {
    display:none;
 }

.detailContent {
    display: block;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0rem;
}

.detailContent-table {
    top: 6rem;
    background-color: #FFF;
    overflow: hidden;
}

.detailContent.detailContent-display-card {
    background-color: #EEE;
}

.detailContent.detailContent-display-card .jqx-grid {
    display: none;
}

.detailContent.detailContent-display-card .jqx-grid {
    display: none;
}

.defautTable-containsAlerts {
    height: 100%;
    width: 100%;
}

.fullViewWidgetWithNavigationBar .detailContent {
    top: 10rem;
}

.header-twoLine .header {
    height: 5.4rem;
}

.header-twoLine .filterInputContent {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 6rem;
    top: 5.5rem;
    width: 100%;
}

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

.dataVisibility-global {
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZGVmcz4KCQk8Y2lyY2xlIGlkPSJTVkdJRF8xXyIgY3g9IjMyIiBjeT0iMzIiIHI9IjMyIi8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+Cgk8L2NsaXBQYXRoPgoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSI+CgkJPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTIyLjMtMS42YzE5LDUuNCwzMC4zLDIzLjksMjUuMyw0MS40CgkJCVMyMy4zLDY3LjEsNC4zLDYxLjciLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFRUVFRUUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNDAuOSw3Mi4xYy0xOS01LjQtMzAuMy0yMy45LTI1LjMtNDEuNAoJCQlTMzkuOSwzLjQsNTguOSw4LjgiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFRUVFRUUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNjYuOSw5LjNjLTMsMTAuOC0xNy4xLDE2LjQtMzEuNSwxMi4zCgkJCVMxMS45LDUuNSwxNS01LjMiLz4KCQk8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFRUVFRUUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNjYuNywzNS41Yy0zLjcsMTMuMy0yMS4zLDIwLTM5LjIsMTUKCQkJUy0xLjksMzAuNiwxLjgsMTcuMyIvPgoJPC9nPgoJPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjREREREREIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTcwLjEsMjIuOQoJCWMtMy44LDEzLTIxLjYsMTkuMi0zOS43LDEzLjlTMC42LDE2LjcsNC40LDMuNyIvPgo8L2c+CjxnPgoJPHBhdGggZmlsbD0iI0RERERERCIgZD0iTTMyLDB2M2MyLjYsMCw1LjMsMC40LDcuOCwxLjFjMTUuNCw0LjMsMjQuNCwyMC40LDIwLjEsMzUuOEM1Ni40LDUyLjMsNDQuOSw2MSwzMiw2MQoJCWMtMi42LDAtNS4zLTAuNC03LjktMS4xQzguOCw1NS42LTAuMiwzOS42LDQuMSwyNC4yQzcuNiwxMS43LDE5LjEsMywzMiwzTDMyLDAgTTMyLDBDMTgsMCw1LjIsOS4yLDEuMiwyMy40CgkJYy00LjgsMTcsNS4xLDM0LjcsMjIuMiwzOS41YzIuOSwwLjgsNS44LDEuMiw4LjcsMS4yYzE0LDAsMjYuOC05LjIsMzAuOC0yMy40YzQuOC0xNy01LjEtMzQuNy0yMi4yLTM5LjVDMzcuOCwwLjQsMzQuOCwwLDMyLDAKCQlMMzIsMHoiLz4KPC9nPgo8cmVjdCB4PSIzMC44IiB5PSIxLjEiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTYyOCAwLjI3MDEgLTAuMjcwMSAwLjk2MjggMTAuMDEzOCAtNy41MjU1KSIgZmlsbD0iI0RERERERCIgd2lkdGg9IjMiIGhlaWdodD0iNjMiLz4KPC9zdmc+);
    background-size: 20rem 20rem;
    background-position: center 35%;
    background-repeat: no-repeat;
}

.itemEditorRight .cardTab-content--Items.dataVisibility-global {
    /* Drop scroll shadow on cardTab-content--items when in add/edit */
    background: inherit;
    background-color: initial;
}

.dataVisibilityWrapper .thickItem {
    background-color: rgba(255,255,255,0.6);
}

.dataVisibilityWrapper .thickItem:hover {
        background-color: #777;
}

.treeViewEndpointNavigation {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIxMiw2IDE4LDE2IDEyLDI2IDE0LDI2IDIwLDE2IDE0LDYgIi8+Cjwvc3ZnPg==);
    background-size: 3.2rem 3.2rem;
    background-position: center center;
    background-repeat: no-repeat;
    height: 3.2rem;
    width: 3.2rem;
    margin-top: 0.6rem;
    opacity: 0.4;
    cursor: pointer;
    float: right;
}

.dropArrow.darkArrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIzLDE0IDMsMiAxMyw4ICIvPgo8L3N2Zz4=);
    background-size: 1.6rem 1.6rem;
    background-position: center center;
    background-repeat: no-repeat;
    position: static;
    height: 1.6rem;
    width: 1.6rem;
    float: left;
    opacity: 0.4;
    cursor: pointer;
}

.accordion .dropArrow {
    margin-top: 1.4rem;
}

.dropArrow.is-open {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordionChild {
    margin-left: 3em;
    display: none;
}

.onoffswitch {
    position: relative;
    width: 8rem;
    display: inline-block;
    margin-top: 0.5rem;
    margin-right: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch:focus {
    border: none;
    outline: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    height: 3.4rem;
    cursor: pointer;
    border: none;
    border-radius: 1.7rem;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 3.4rem;
    padding-top: 0.75rem;
    font-size: 1.5rem;
    color: white;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 1.3rem;
    background-color: rgb(127,193,118);
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 1.3rem;
    background-color: #D02928;
    color: #F8F8F8;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0.2rem;
    background: #FFFFFF;
    border-radius: 1.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4.6rem;
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease-in 0s;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0.4rem;
}

.switch--yesNo .onoffswitch-inner:before {
    content: "YES";
}

.switch--yesNo .onoffswitch-inner:after {
    content: "NO";
}

.serviceSwitchAllButton {
    float: right;
    margin-right: 2rem;
    position: relative;
    margin-top: 1rem;
    background-color: #eee;
    border: 0.1rem solid #ccc;
    z-index: 1;
}

.serviceStopAllButton:hover {
    background-color: #b00;
    color: #fff;
}

.serviceStartAllButton:hover {
    background-color: #0b0;
    color: #fff;
}

.serviceTreeSparkLineContainer {
    overflow: hidden;
    display: inline-block;
    width: 45%;
    padding: 0.6rem;
    height: 5rem;
    margin-top: 0rem;
}

.serviceTreeOnOffSwitch {
    height: 5rem;
    overflow: hidden;
    display: inline-block;
    margin-right: 0rem;
    margin-top: 0rem;
}

.serviceTreeCheckbox label {
    padding-left: 0.6rem;
    font-size: 1.5rem;
}

/*IE Specific Rule*/
html[data-useragent*='Trident'] .serviceTreeSparkLineContainer,
html[data-useragent*='MSIE '] .serviceTreeSparkLineContainer {
    height: 5rem;
    width: 45%;
    overflow: hidden;
}

html[data-useragent*='Trident'] .serviceTreeSparkLine,
html[data-useragent*='MSIE '] .serviceTreeSparkLine {
    width: 40%;
}

.serviceTreeSparkLine {
    overflow: hidden;
    display: inline-block;
    width: 40%;
    padding-top: 1rem;
    height: 6rem;
    margin-top: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.componentState {
    float: left;
    font-weight: bold;
    margin-top: .3em;
    margin-right: 1.4em;
}

.componentState-noPermissions {
    line-height: 2.3rem;
    background-image: none;
    padding-left: 3rem
}

.customFormularyInboxFileInformationRightContent {
    width: 120px;
}
.disabledComponentSwitch {
    opacity: 0.5;
}

.expansionToggles {
    padding-left: 1.5rem;
}

.expansionToggles a:hover {
    cursor: pointer;
}

.gts-ConnectivityMonitor-QuickViewUL {
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.gts-ConnectivityMonitor-QuickViewLI {
    float: left;
    width: 33.33%;
}

.dropdownWrapper {
    padding: 0.5rem 1.5rem;
}


.gts-connectivityMonitor-Filter {
    display: block;
    overflow-y: auto;
}
/* Fusion Chart*/

.fusioncharts-xaxis-0-title,
.fusioncharts-yaxis-0-title {
    font-size: 14px !important;
    padding-top: 1rem !important;
}

.widgetFullWidthPanel {
    height: 47.5%;
}

.widgetFullWidthPanel .widgetFullViewQuarterPanel {
    width: 98%;
    height: 100%;
}

/* Demographics Popup */

.topPopup .listItem .left {
    padding-left: 2.5rem;
}

.show-popupDemographics .popupDemographics,
.show-popupDemographics .clickaway {
    display: block;
}

.show-popupFilters .popupFilters,
.show-popupFilters .clickaway {
    display: block;
}

.topPopup.popupTabEdit {
    display: block;
    top: 92px;
    left: 0px;
    width: auto;
}

.topPopup.popupTabEdit input {
    width: 50%;
}

.portalActivity .topPopup {
    display: none;
    position: absolute;
    top: -100%;
    right: 0rem;
    bottom: 100%;
    left: 0rem;
    width: inherit;
    border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    padding: 0rem;
    z-index: 1000;
}

.portalActivity .topPopup:before, .portalActivity .topPopup:after {
    right: 2%;
    top: auto;
    bottom: -2rem;
    left: auto;
}

.portalActivity .topPopup:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.portalActivity .topPopup:before {
    border-color: rgba(102, 102, 102, 0);
    border-top-color: #666666;
    border-width: 9px;
    margin-left: -9px;
}

.centerPopup {
    background-color: #ffffff;
    height: 29rem;
    width: 50rem;
    margin-top: -5rem;
    margin-left: -25rem;
    padding: 2rem;
    border: 0.1rem solid #666666;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    position: fixed;
    top: 35%;
    left: 50%;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
    display: none;
    z-index: 30;
}

.comp-log-comment {
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.centerInput {
    height: 18rem;
}

#txtSwitchComment {
    resize: none;
    height: 16rem;
}

.quarterPanelForChart {
    height: 100%;
    width: 100%;
    padding-left: 0.1rem;
    padding-right: 1%;
    min-width: 200px;
    background-color: #fff;
    overflow: hidden;
}

.connectivityMonitorContainer {
    padding-bottom: 2rem;
}

.spanwhitecolor {
    color: white;
    margin-right: 2.0rem;
    margin-left: 2.0rem;
}

.textcolor {
    color: black;
}

.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.gts-MonitorWidget-summaryGraphLI {
    float: left;
    width: 33%;
}

.gts-MonitorWidget-summaryGraphUL {
    width: 100%;
    display: inline-block;
    list-style-type: none;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.gts-MonitorWidget-summaryGraph {
    display: inline-block;
    width: 100%;
    height: 8rem;
    padding: 1rem 1rem 1rem 0rem;
    border: solid 0.1rem rgba(0,0,0,0.1);
    margin-top: 1rem;
}

.widgetContent--text {
    height: 5rem;
}

.widgetSparklineContainer {
    display: inline-block;
    width: 100%;
    padding-right: 1rem;
}

.widgetSparklineTitle {
    display: inline-block;
    min-height: 4rem;
    width: 100%;
}

.downloadFileLeftMargin {
    margin-left: 1rem;
}

.navigationBar {
    height: 4rem;
    color: #ffffff;
    padding-top: 0.5em;
    padding-left: 1em;
    width: 100%;
    position: absolute;
    display: block;
    background-color: rgb(8, 83, 148);
}

.fullViewWidgetWithNavigationBar .navigationBar {
    top: 6rem;
}

.endPointNavigationBarBackButton {
    cursor: pointer;
}

.inlineCenterText {
    text-align: center;
}

.inlineLeftText {
    display: inline;
    float: left;
}

.inlineRightText {
    display: inline;
    float: right;
}

.itemEditorField-unorderedList {
    width: 100%;
}

.itemEditorField-unorderedList li.itemEditorField-listItem {
    border: none;
    width: 25%;
    float: left;
}


/* Start - For User widget */
.userWidgetInactiveText {
    color: #cccccc;
}

.userWidgetInactiveStatus {
    color: #a60036;
}
/* End - For User widget */

/* Start- User Detail Model */

.userDetailModel-Name {
    font-weight: 600;
    font-size: 1.6rem;
    padding-bottom: 0.6rem;
    margin-bottom: 1.5rem;
    border-bottom: solid 1px #ccc;
}

.userDetailModel-Info {
    font-weight: bold;
}

.userDetailModel-InfoEmail {
    font-weight: 600;
    line-height: 2.5rem;
}

.userDetailModel-Settings {
    margin-top: 3rem;
    width: 100%;
    height: 3.5rem;
}

.userDetailModel-Edit {
    width: 75%;
    height: 3.5rem;
    padding-top: 0.75rem;
    display: inline-block;
    float: left;
}

.userDetailModel-Logout {
    width: 25%;
    float: right;
    display: inline-block;
    margin-right: 0rem;
}

.userDetailModel-AppInfo {
    font-size: 1.2rem;
    margin-top: 2.5rem;
    border-top: solid 0.1rem #ccc;
    padding-top: 0.6rem;
}

.userDetailLabel {
    font-weight: lighter;
    min-width: 5rem;
    display: inline-block;
}

.buttons-bottomRight {
    float: right;
    display: inline-block;
}
/* End - User Detail Model*/

.computerShared, .computerShared {
    height: 2.2rem;
}

.changePasswordRequirements {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.changePasswordRequirements li {
    list-style-type: inherit;
}

#captchaDiv {
    padding: 1.0rem 0 0 1.8rem;
}

.filterErrorMessage {
    margin-right: 0rem;
    margin-left: 0rem !important;
    display: inline-block;
    width: inherit;
    white-space: normal;
    padding: 0.6rem 0;
}

.spanerrorcolor {
    color: #ab1800;
    margin-right: 2.0rem;
    margin-left: 2.0rem;
}

.spangreencolor {
    color: #17ab00;
    margin-right: 2.0rem;
    margin-left: 2.0rem;
}

/*Added for horizontal scroll on column list*/
.verticalScroll {
    overflow-y: hidden;
}

/*Added for TransactionFile.cshtml */
.filterItemsList .downloadFileItemColor {
    color: black;
}

.dashboard-tab-edit-icon {
    position: absolute;
    top: 6.3rem;
    right: 1em;
    cursor: pointer;
}

.desktopEdit-sidebar {
    background-color: #333;
}

.banner--editDesktop {
    background-color: #000;
    padding-left: 2rem;
}

.banner--editDesktop .bannerButton {
    padding-top: 2.0rem;
}

.whiteBackground {
    background-color: white;
}

.bannerDesktopEdit-info {
    margin: 1.2rem 1.0rem 0 0;
}

.banner-infoTop {
    font-size: 2.1rem;
    font-weight: 200;
    line-height: 2.1rem;
    white-space: nowrap;
}

.banner-infoBottom {
    font-size: 1.3rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.3rem;
    white-space: nowrap;
    margin-left: 0.2rem;
}

html[data-useragent*='MSIE '] .clickaway {
    z-index: 1;
}

.desktopEditDashboard {
    right: 0;
    left: 0;
    list-style: none;
}

.desktopTabRenameButton {
    color: #5b6f9f;
    font-weight: 400;
    margin-left: 1em;
    font-size: 1rem;
}

.tabHeaderEditControls {
    display: inline-block;
}

.tabHeaderEditControls span {
    cursor: pointer;
}

.desktopWidgetColumn {
    width: 33.33%;
    list-style: none;
    float: left;
    min-width: 400px;
    min-height: 1px;
    padding-left: 2rem;
}

.dashboardWidgetContainer {
    padding-top: 2rem;
}

.topPopup.serviceTreeMenu {
    left: 2.2%;
    width: 45.5%;
}

@media (min-width:300px) {
    .desktopWidgetColumn {
        width: 98%;
    }
}

@media (min-width:875px) {
    .desktopWidgetColumn {
        width: 49.5%;
    }
}

@media (min-width:1300px) {
    .desktopWidgetColumn {
        width: 33%;
    }
}

.desktopEditDashboard .editableWidget:hover, .desktopEditDashboard .editableWidget .header:hover {
    cursor: move;
}

.widget-holder ul {
    margin: 0;
    height: 100%;
    list-style: none;
}

.widget-holder li.editableWidget {
    z-index: 0 !important;
    cursor: pointer;
    background-color: white;
}

.widgetDeleteButton {
    float: right;
    margin-top: 0.5rem;
}

.page .widget {
    width: 100%;
}

.sidebarButtonAddWidget {
    top: 6.0rem;
}

.chartIcon {
    background-position: center center;
    background-repeat: no-repeat;
    height: 1.8rem;
    width: 1.6rem;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 0.5rem;
}

.chartSeriesName {
    font-size: 1.4rem;
    display: inline-block;
}

.legendLabel {
    font-size: 1.4rem;
}

/* Responsive Styling for chart panels */

@media (max-width: 1150px) {

    .widgetFullViewQuarterPanel {
        width: 98%;
    }

    .widgetFullViewQuarterPanel:last-of-type {
        margin-bottom: 1rem;
    }

    .widgetFullViewHalfPanel {
        width: 98%;
    }

    .serviceTreeContainer {
        min-height: 47%;
    }

    .topPopup.serviceTreeMenu {
        left: 3%;
        width: 94%;
    }

    .connectivityMonitorFullView--activityChart {
        width: 40%;
    }

    .connectivityMonitorFullView--activityDetail {
        width: 60%;
    }

    .itemEditorField-unorderedList li.itemEditorField-listItem {
        width: 33.3%;
    }
}

@media (max-width:1000px) {
    .itemEditorField-unorderedList li.itemEditorField-listItem {
        width: 50%;
    }
}

@media (max-width:700px) {
    .connectivityMonitorFullView--activityChart {
        width: 40%;
    }

    .connectivityMonitorFullView--activityDetail {
        width: 60%;
    }

    .desktopEditDashboard .gridster .header {
        height: 10rem;
    }

    .itemEditorField-unorderedList li.itemEditorField-listItem {
        width: 100%;
    }
}

/* End Responsive Chart Styling */

.clearinghouseServerAlertWrapper {
    display: inline-block;
    width: 80%;
    margin-bottom: 0rem;
    padding-left: 1rem;
    line-height: 1.8rem;
    padding-bottom: 1rem;
}

/* Client + Pracice Card Styling */
.cardItem-half {
    display: inline-block;
    width: 50%;
    float: left;
}

.cardTab p, .cardTab ul {
    margin: 0rem;
}

.thickItem {
    border-color: #ccc;
}

.cardTab li {
    margin-bottom: 0rem;
}

.filterItemsList {
    font-size: 1.4rem;
    font-weight: 600;
}

.card .filterItemsList label {
    font-weight: 400;
    color: #555
}

.card.itsLogReport {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 13rem;
    height: auto;
}

.practiceCardFilter {
    padding-left: 0rem;
}

.card td:nth-child(1) {
    font-size: 1.3rem;
    margin-left: 2.7rem;
    color: #969696;
}

.clientCardItems {
    height: auto;
}

.contactInactiveIcon {
    padding-left: 0.5rem;
}

.clientListAlertIcon {
    display: inline-block;
    padding-left: 0.5rem;
}

.clientListAlertIcon:last-of-type {
    margin-right: 1rem;
}

.clientCardViewSearchBox {
    padding: 0.6rem;
    padding-top: 1.2rem;
    padding-bottom: 1rem;
}

.clientCardViewSearchBox .search-button {
    border: none;
}

.clientWidgetSearchBox {
    padding: 0.6rem;
    padding-top: 1.2rem;
    padding-bottom: 1rem;
    background-color: #eee;
}

.clientDetailsTable {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
}

#contactListContainer .thickItem.is-active .thickItem-topRight {
    padding-right: 1.5rem;
}

/* Search Box Styling */

.cardTab-fixedSearch .thickItems {
    border-top: none;
}

.cardTab-fixedSearch {
    top: 5.2rem !important;
    border-top: solid 0.1rem #666;
}

.search.search--universal {
    margin: 0;
}

.search-button.search-button--go {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJHbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xNiwyQzguMywyLDIsOC4zLDIsMTZzNi4zLDE0LDE0LDE0czE0LTYuMywxNC0xNFMyMy43LDIsMTYsMnogTTEzLjcsMjUuN2wtMS40LTEuNGw4LjMtOC4zbC04LjMtOC4zIGwxLjQtMS40bDkuNyw5LjdMMTMuNywyNS43eiIvPjwvc3ZnPg==);
}

.search--dark .search-button.search-button--go {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJHbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNiwyQzguMywyLDIsOC4zLDIsMTZzNi4zLDE0LDE0LDE0czE0LTYuMywxNC0xNFMyMy43LDIsMTYsMnogTTEzLjcsMjUuN2wtMS40LTEuNGw4LjMtOC4zbC04LjMtOC4zIGwxLjQtMS40bDkuNyw5LjdMMTMuNywyNS43eiIvPjwvc3ZnPg==);
}

/* Styling for ITS Locked User */

.itsUserLocked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTUwIDE1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTUwIDE1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNCNTM0MjciIGQ9Ik0xMTkuNyw1NnYtOS43YzAtMjUtMjAuMy00NS4zLTQ1LjMtNDUuM1MyOS4xLDIxLjQsMjkuMSw0Ni4zVjU2SDExdjkwaDEyNi44VjU2SDExOS43eiBNNDcuMiw0Ni4zCgljMC0xNSwxMi4yLTI3LjIsMjcuMi0yNy4yczI3LjIsMTIuMiwyNy4yLDI3LjJWNTZINDcuMlY0Ni4zeiIvPgo8L3N2Zz4=");
    background-position: 50% 80%;
    background-repeat: no-repeat;
    background-size: 15rem;
    display: inline-block;
    width: 100%;
    position: absolute;
    height: 100%;
}

.itsUserLocked .cardTab-detailContent,
.lighter.itsUserLocked .cardTab-detailContent {
    opacity: 0.4;
}

.cardTab-content .lighter.itsUserLocked {
    opacity: 1 !important;
}

.unlockButton {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTUwIDE1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTUwIDE1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTkuOSw2NVY0Ny4xYzAtMjQuNy0yMC4yLTQ0LjktNDQuOS00NC45UzMwLjEsMjIuMywzMC4xLDQ3SDQ4YzAtMTQuOCwxMi4yLTI2LjgsMjctMjYuOAoJYzE0LjgsMCwyNywxMi4xLDI3LDI2LjlWNjVIMTIuMnY4MC44aDEyNS42VjY1SDExOS45eiIvPgo8L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem;
    display: inline-block;
    width: 5rem !important;
    height: inherit;
    overflow: hidden;
    float: left;
}

.cardTab-buttons button, .cardTab-buttons input, .cardButtons button, .cardButtons input {
    float: right;
}

.ClientWidgetCardTab-content,
.GroupWidgetCardTab-content {
    bottom: 0rem !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.GroupWidgetCardTab-content {
    padding-bottom: 6rem;
}

li.columnStackItem .thickItem.is-active {
    background-color: #777;
    position: relative
}

.precedingListItem-thick .thickItem, .precedingListItem-thin .thickItem {
    position: relative;
    padding-right: 0.5rem;
}

.card .thickItem.is-active:before {
    position: absolute;
    content: "";
    top: calc(50% - 1rem);
    right: 0;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent;
    border-left: none;
    border-right-color: #fff;
}

.widgetContent--featureText {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
}

.timeStamp {
    font-size: 1.2rem;
    float: right;
    text-align: right;
    font-style: italic;
    font-weight: 300;
    margin-right: 2.7rem;
    margin-top: 2rem;
    padding-bottom: 2rem;
}

.filterGroupButtonsErrors {
    bottom: 0;
    left: 0;
    padding-left: 1.5rem;
}

.reportFilters .filterGroupButtonsErrors {
    position: relative;
}

.itsUserLocked .table th, .itsUserLocked .table td {
    border-color: rgba(0, 0, 0, 0.1);
}

.itsUserLockedOpacity {
    opacity: 0.4;
}


/* End Styling for ITS Locked User */

/* Activity Indicator (spinner) */
@-webkit-keyframes loaderFrames {
    0% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }

    10% {
        /*background: $color-widgetGreen;*/
        background-color: darkgreen;
    }

    40% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }
}

@-moz-keyframes loaderFrames {
    0% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }

    10% {
        /*background: $color-widgetGreen;*/
        background-color: darkgreen;
    }

    40% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }
}

@-o-keyframes loaderFrames {
    0% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }

    10% {
        /*background: $color-widgetGreen;*/
        background-color: darkgreen;
    }

    40% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }
}

@keyframes loaderFrames {
    0% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }

    10% {
        /*background: $color-widgetGreen;*/
        background-color: darkgreen;
    }

    40% {
        /*background: $color-loaderGreen;*/
        background-color: lightgreen;
    }
}

/* :not(:required) hides these rules from IE9 and below */
.loadingIndicator, .containedLoading:not(:required) {
    -webkit-animation: loaderFrames 1000ms 300ms infinite ease-out;
    -moz-animation: loaderFrames 1000ms 300ms infinite ease-out;
    -ms-animation: loaderFrames 1000ms 300ms infinite ease-out;
    -o-animation: loaderFrames 1000ms 300ms infinite ease-out;
    animation: loaderFrames 1000ms 300ms infinite ease-out;
    /*background: $color-loaderGreen;*/
    background-color: lightgreen;
    position: relative;
    text-indent: -9999px;
    width: 0.8rem;
    height: 0.8rem;
    margin: 1rem auto;
    z-index: 999;
}

.loadingIndicator:before, .loadingIndicator:after, .containedLoading:not(:required):before, .containedLoading:not(:required):after {
    /*background: $color-loaderGreen;*/
    background-color: lightgreen;
    content: '\x200B';
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0;
}

.loadingIndicator:before, .containedLoading:not(:required):before {
    -webkit-animation: loaderFrames 1000ms 150ms infinite ease-out;
    -moz-animation: loaderFrames 1000ms 150ms infinite ease-out;
    -ms-animation: loaderFrames 1000ms 150ms infinite ease-out;
    -o-animation: loaderFrames 1000ms 150ms infinite ease-out;
    animation: loaderFrames 1000ms 150ms infinite ease-out;
    left: -1.6rem;
}

.loadingIndicator:after, .containedLoading:not(:required):after {
    -webkit-animation: loaderFrames 1000ms 450ms infinite ease-out;
    -moz-animation: loaderFrames 1000ms 450ms infinite ease-out;
    -ms-animation: loaderFrames 1000ms 450ms infinite ease-out;
    -o-animation: loaderFrames 1000ms 450ms infinite ease-out;
    animation: loaderFrames 1000ms 450ms infinite ease-out;
    right: -1.6rem;
}

.loadingIndicator {
    z-index: 30;
    position: absolute;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loadingIndicator--widget {
    z-index: 10;
    height: 4rem;
    background-color: #FFF
}

/* End Activity Indicator (spinner) */

.componentStateLoadingIndicator {
    bottom: 8px;
    left: -36px;
    right: inherit;
}

.serviceTreeLoadingIndicator {
    top: 1em;
    position: relative;
}

.serverAlertLoadingIndicator {
    top: 3em;
    position: relative;
}

.chartLoadingIndicator {
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.hideChartLoadingIndicator {
    display: none;
}

.minHeight {
    min-height: 4.4rem;
}

.itemEditorHeader {
    height: 4.4rem;
    position: relative;
}

.itemEditorHeader-center {
    font-size: 1.8rem;
    margin-left: 6rem;
    margin-right: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itemEditorHeader-Title {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
    padding-top: 0.3rem;
}

.itemEditorHeader-Subtitle {
    display: block;
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.7rem;
}

.itemEditorLeft .itemEditorHeader {
    height: 4.9rem;
}

.itemEditorLeft .itemEditorField-value {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 2rem;
}

.itemEditorWithWrap{
    white-space: pre-wrap!important;
}

.itemEditor.tabs .itemEditorLeft .itemEditorLeftScrollPanel {
    position: absolute;
    top: 10rem;
}

.editTab-fields {
    display: none;
}

.editTab-fields.is-active {
    display: block;
}

.editTab-options {
    display: none;
}

.editTab-options.is-active {
    display: block;
}

.itemEditor-tabControl .segmentedButtons {
    width: 100%;
    margin: auto;
}

.itemEditor-tabControl .segmentedButton {
    width: 50%;
}

#communicationEditorDisplay .editCommunicationLabel {
    width: calc(100% - 16rem);
}

#communicationEditorDisplay .itemEditorRightField {
    width: 9rem;
}

.editCommunicationRight {
    padding: 0rem;
}

.editCommunicationRight .itemEditorRight--checkbox {
    display: inline-block;
    width: 6rem;
    height: 4.4rem;
    float: left;
    padding-top: 0.6rem;
    padding-left: 2rem;
}

.editCommunicationLabel {
    color: #fff;
    display: inline-block;
    float: left;
    padding-top: 1rem;
    white-space: normal;
    width: calc(100% - 6rem);
    word-wrap: break-word;
}

.editCommunicationField {
    display: inline-block;
    height: 4.4rem;
    width: 8rem;
    float: left;
    color: #fff;
}

.itemEditorRightField {
    display: inline-block;
    font-size: 1.3rem;
    height: 4rem;
    margin-right: 1rem;
    padding: 0.5rem 0.2rem;
    width: 30%;
    float: right;
}

.itemEditorList {
    width: 100%;
    height: auto;
    padding: 0rem;
}

.scrollPanel {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    padding: 0rem;
}

.itemEditorRight .scrollPanel.scrollPanel--search {
    top: 9.4rem; /* Height of 4rem header and 5 rem search containter */
    padding: 0rem;
}

.itemEditorRight .itemEditorContent .scrollPanel.scrollPanel--search {
    top: 5rem; /* Doesnt need to be as far when its nested inside itemEditorContent, since itemEditorContent is already positioned below header */
}

.itemEditor-listMessage {
    position: absolute;
    top: 5.5rem;
    padding-left: 1.2rem;
    color: rgba(255,255,255,.8);
}

.itemEditorRight ul:focus {
    outline: none;
}

.itemEditorRight .listItem-checkbox {
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    min-height: 4.4rem;
    height: auto;
    width: 100%;
    display: inline-block;
    float: left;
    white-space: normal;
}

.itemEditorRight--label {
    display: inline-block;
    float: left;
    width: calc(100% - 5rem);
    min-height: 4.4rem;
    color: #FFF;
    padding: 1rem 0.5rem 1rem 0rem;
    line-height: 1.4;
    white-space: normal;
    word-wrap: normal;
    word-break: break-word;
    word-wrap: break-word;
}

.itemEditorRight--checkbox {
    display: inline-block;
    width: 5rem;
    height: 4.4rem;
    float: left;
    padding-top: 0.6rem;
    padding-left: 1rem;
}

.editCommunicationRight li {
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    min-height: 4.4rem;
    width: 100%;
    display: inline-block;
    float: left;
}

.itemEditorLeft .itemEditor-inlineList li {
    border: none;
    display: inline;
    color: #666;
}

.itemEditorLeft .itemEditor-inlineList li:hover {
    background-color: transparent;
    color: #005eab;
}

.itemEditorLeft li.itemEditorField-nestedItems:hover {
    background-color: transparent;
    color: #666;
}

.itemEditorLeft li.itemEditorField-nestedItems:hover .itemEditorField-label,
.itemEditorLeft li.itemEditorField-nestedItems:hover .itemEditorField-value {
    color: #666;
}

.itemEditorLeft.itemEditorField-nestedItems li:first-of-type .itemEditorField-value {
    font-size: inherit;
}

.itemEditorRight-textBody {
    color: rgba(255,255,255,0.9);
    font-size: 1.4rem;
    white-space: normal;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 1.5rem 1rem;
}

.itemEditorColumnHeader {
    height: 5rem;
    color: rgba(255,255,255,0.9);
    font-size: 1.4rem;
    white-space: normal;
    background-color: rgba(0, 0, 0, 0.05);
}

.itemEditorColumnHeader--search {
    height: 5rem;
    color: rgba(255,255,255,0.9);
    font-size: 1.4rem;
    white-space: normal;
    background-color: rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: absolute;
    top: 4.4rem;
    right: 0;
    width: 100%;
}

.itemEditorColumn-left {
    height: 5rem;
    display: inline-block;
    width: 50%;
    text-align: left;
    float: left;
    padding-left: 2.25rem;
    line-height: 5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.itemEditorColumn-center {
    height: 4rem;
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left;
    padding-left: 2.25rem;
    line-height: 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.itemEditorColumn-right {
    height: 5rem;
    display: inline-block;
    width: 50%;
    text-align: right;
    float: left;
    padding-right: 2rem;
    line-height: 5rem;
}

.itemEditorRight--checkbox input[type=checkbox] {
    display: none;
}

.itemEditorRight--checkbox input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
}

.itemEditorRight--checkbox input[type=checkbox]:checked + label:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDNDOC44LDMsMyw4LjgsMywxNnM1LjgsMTMsMTMsMTNzMTMtNS44LDEzLTEzUzIzLjIsMywxNiwzeiBNMTYsMjdDOS45LDI3LDUsMjIuMSw1LDE2UzkuOSw1LDE2LDUKCWMzLjIsMCw2LDEuNCw4LjEsMy41TDEzLDE5LjZsLTQuMy00LjNsLTEuNCwxLjRsNS43LDUuN2wxMi4zLTEyLjNjMS4xLDEuNywxLjcsMy43LDEuNyw1LjlDMjcsMjIuMSwyMi4xLDI3LDE2LDI3eiIvPgo8L3N2Zz4=");
}

.itemEditorRight--checkbox input[type=checkbox] + label:before {
    content: " ";
    display: inline-block;
    height: 3.2rem;
    width: 3.2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTYsNWM2LjEsMCwxMSw0LjksMTEsMTFzLTQuOSwxMS0xMSwxMVM1LDIyLjEsNSwxNlM5LjksNSwxNiw1IE0xNiwzQzguOCwzLDMsOC44LDMsMTZzNS44LDEzLDEzLDEzCgkJczEzLTUuOCwxMy0xM1MyMy4yLDMsMTYsM0wxNiwzeiIvPgo8L2c+Cjwvc3ZnPg==");
}

.serviceTreeMenu {
    height: auto;
    display: initial;
}

.serviceTreeMenu li {
    list-style-type: none;
}

.serviceTreeMenu label {
    display: inline;
}

.serviceTreeCheckbox {
    margin-top: .5em;
    margin-right: 1em;
    display: inline;
    float: right;
}

.serviceTreeCheckbox label {
    display: inline;
}

.filterToggleButtons {
    position: absolute;
    left: 0rem;
    top: 0rem;
    z-index: 1;
    display: inline-block;
    height: 6rem;
    width: 6rem;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    transition: background-color 0.5s ease 0s;
    line-height: 2rem;
}

.scrollableFilterHeader {
    background-color: #333333;
    z-index: 1;
}

.treeViewHeader .treeEditButton {
    top: 0.5em;
    display: inline;
}

.treeEditButton {
    float: right;
    position: relative;
    top: 1em;
}

.treeEditButton.treeEditCog {
    right: 1em;
    cursor: pointer;
}

.treeEditButton.treeEditCog:hover {
    color: #777;
}

.treeFilterButton {
    float: right;
}

.scrollableFilterHeader-fixed {
    position: fixed;
    top: 60px;
}

.scrollableFilterHeader-static {
    position: static;
}

.filterToggleButton:hover {
    opacity: 1;
    cursor: pointer;
}

.show-detailFilters .detailFilters {
    left: 0;
}

.show-detailFilters .detailContent {
    left: 28.0rem;
}

.detailFilters {
    left: -28rem;
}

.detailContent {
    left: 0rem;
}

.filterToggleButton {
    display: inline-block;
    height: 6rem;
    width: 6rem;
    padding-top: 4rem;
    background-position: center;
    opacity: 0.8;
    background-size: 3.2rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTUwIDE1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTUwIDE1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjAsMTUgMTMwLDE1IDkzLDcwIDkzLDkyLjkgNTcsMTI1IDU3LDcwICIvPgo8L3N2Zz4=");
}

.filterToggleButton.queueButton {
    display: inline-block;
    height: 6rem;
    width: 6rem;
    padding-top: 4rem;
    background-position: center;
    opacity: 0.8;
    background-size: 3.2rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMsM0gxdjJ2MjRoMWgxaDI4di0xdi0xVjVWM0gzeiBNMywyN1Y1aDd2MjJIM3ogTTI5LDI3SDEyVjVoMTdWMjd6Ii8+Cjwvc3ZnPg==");
}

.searchToggleButton {
    display: inline-block;
    height: 6rem;
    width: 6rem;
    padding-top: 4rem;
    background-position: center;
    opacity: 0.8;
    background-size: 3.2rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNiwyQzguMywyLDIsOC4zLDIsMTZzNi4zLDE0LDE0LDE0czE0LTYuMywxNC0xNFMyMy43LDIsMTYsMnogTTIyLjYsMjRsLTQuMy00LjMKCQljLTEuMSwwLjgtMi40LDEuMy0zLjgsMS4zQzEwLjksMjEsOCwxOC4xLDgsMTQuNVMxMC45LDgsMTQuNSw4czYuNSwyLjksNi41LDYuNWMwLDEuNC0wLjUsMi44LTEuMywzLjhsNC4zLDQuM0wyMi42LDI0eiIvPgoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE0LjUsMTBDMTIsMTAsMTAsMTIsMTAsMTQuNXMyLDQuNSw0LjUsNC41czQuNS0yLDQuNS00LjVTMTcsMTAsMTQuNSwxMHoiLz4KPC9nPgo8L3N2Zz4=");
}

.searchToggleButton:hover {
    opacity: 1;
    cursor: pointer;
}

.exportIcon {
    display: inline-block;
    background-position: center;
    opacity: 0.8;
    background-size: 3.2rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjI2LDE5IDI2LDI2IDYsMjYgNiw2IDEyLDYgMTIsNCA2LjEsNCA0LDQgNCw2LjEgNCwyNiA0LDI4IDYuMSwyOCAyNiwyOCAyOCwyOCAyOCwyNiAyOCwxOSAJCSIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMiwzdjRoLTEuOWMwLDAtNS4zLDAuMS03LjMsMS43QzYsMTMuOSwxMC45LDI1LDEwLjksMjVjLTAuNi0xMS40LDkuMi0xMCw5LjItMTBIMjJ2Mi43bDcuNC03LjNMMjIsM3oiCgkJCS8+Cgk8L2c+CjwvZz4KPC9zdmc+");
}

.detailFiltersHeader {
    padding-top: 0.6rem;
}

.detailFilters {
    overflow: auto;
    overflow-x: hidden;
    white-space: normal;
}

.header-borderBottom {
    border-bottom: solid rgba(0,0,0, 0.4) 0.1rem;
}

.page-noTabs {
    top: 6rem;
    position: absolute;
}

.detailFiltersToggle-defaultFilter {
    left: 0rem;
}

.hide-detailFilters {
    left: -28rem;
}

.detailContentToggle-defaultFilter {
    left: 28rem;
}

.show-detailContentNoFilter {
    left: 0rem;
}

.filterInputContent {
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 6rem;
    top: 4.5rem;
    width: 100%;
}

.reportFilters .filterInputContext {
    position: absolute;
}

.filterGroupButtons {
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    width: 100%;
    text-align: right;
    bottom: 0;
    right: 0rem;
    background-color: #333;
    padding-top: 1rem;
    border-top: solid 0.1rem rgba(0,0,0,0.4);
    height: 6rem;
}

.reportFilters .filterGroupButtons {
    position: absolute;
}

.reportFilters {
    overflow: hidden;
}

.filterLabelInitial {
    display: inline-block;
}

.filterLabel-hidden {
    display: none;
}

.filterLabelReplacement-Toggle {
    display: none;
}

.filterLabelReplacement {
    display: inline-block;
}

.detailFilters input[type=text] {
    height: 3rem;
}

.enableSelectability {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: auto;
    -ms-user-select: text;
    user-select: all;
}

.widgetPanelRow {
    border-bottom: 0.1rem solid rgba(0,0,0,0.2);
    display: inline-block;
    height: 5rem;
    width: 100%;
    float: left;
}

.widgetPanelRow:last-of-type {
    border-bottom: none;
}


.itemEditorRight .itemEditorContent .fieldItem--wrapper {
    height: 3rem;
    padding: 0rem;
}

.fieldItem--wrapper {
    position: relative;
    width: 100%;
    height: 5rem;
    padding: 1rem;
    display: inline-block;
}

.fieldItem--leftField {
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 5rem;
    left: 1rem;
}

.fieldItem--rightIcon {
    width: 4rem;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0rem;
    top: 0;
    padding-right: 1rem;
}

.taxIdTable {
    display: inline-block;
    width: 100%;
}

.taxList-NPI {
    margin-bottom: 2rem;
    padding-top: 1rem;
}

.taxListLabelRow {
    height: 2rem;
    display: inline-block;
    width: 100%;
    padding-left: 2.2rem;
    font-size: 1.4rem;
}

.taxListRow {
    display: inline-block;
    width: 100%;
    padding-left: 2.2rem;
    font-size: 1.4rem;
    height: 2.2rem;
    overflow: hidden;
    float: left;
}

.taxListLabel {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
}

.taxListUnit {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
}

.taxIdWrapper .taxListUnit, .taxIdWrapper .taxListLabel {
    width: 100%;
    display: inline-block;
    float: left;
}

.cardTab-content {
    position: absolute;
    bottom: 0rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.cardTab-content--Items {
    overflow-x: hidden;
    overflow-y: auto;
}

.cardTab-content--fixedSearch .cardTab-content--Items,
.cardTab-content--bottomButtons .cardTab-content--Items,
.cardTab-content--fixedSearch--bottomButtons .cardTab-content--Items {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
}

.has-fixedSearch {
    top: 5.3rem;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.has-fixedSearch .thickItems {
    border-top: none;
}

.has-bottomButtons {
    bottom: 6rem;
}

.cardTab-content--fixedSearch--bottomButtons .cardTab-content--Items {
    top: 5.3rem;
    bottom: 6rem;
}

.cardTab-content--fixedSearch--bottomButtons .cardTab-content--Items.is-FilteredList {
    top: 8.6rem;
}

.cardTab-content--fixedSearch .cardTab-content--Items {
    top: 5.3rem;
    bottom: 0rem;
}

.cardTab-content--bottomButtons .cardTab-content--Items {
    top: 0rem;
    bottom: 6rem;
}

.cardTab-content--fixedSearch--bottomButtons .search-box, .cardTab-content--fixedSearch .search-box, .cardTab-content--fixedSearch .fixedItem-listBelow, .cardTab-content--fixedSearch--bottomButtons .fixedItem-listBelow {
    padding: 0.6rem;
    padding-top: 1.2rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #666;
    height: 5.3rem;
    width: 100%;
}

.cardTab-content--fixedSearch--bottomButtons .thickItems, .cardTab-content--fixedSearch .thickItems {
    border-top: none;
}

/* Below, a more elegant solution should be applied once Claims Widget design is finalized */

.cardTab-content--fixedSearch.tallSearch .search-box {
    height: 10rem;
}

.cardTab-content--fixedSearch.tallSearch .search  {
    margin-bottom: 1.2rem;
}

.cardTab-content--fixedSearch.tallSearch .cardTab-content--Items {
    top: 10rem;
}

.segmentedButtons-label {
    line-height: 3rem;
    margin-right: 1rem;
    font-weight: bold;
}

/* End Claim Management Specificity */

.thickItems-fixedAbove {
    overflow-y: auto;
    position: absolute;
    bottom: 0rem;
    overflow-x: hidden;
    width: 100%;
    top: 5rem;
}


.cardTab-contentFullHeight {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0rem;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.cardColumn-one {
    display: inline-block;
    width: 50%;
    float: left;
}

.cardColumn-two {
    display: inline-block;
    width: 25%;
    float: left;
}

.cardColumn-three {
    display: inline-block;
    width: 25%;
    float: left;
}

.taxIdHeader {
    border-bottom: 0.1rem solid #999;
    margin-left: 0rem;
    padding-left: 2.2rem;
    font-size: 1.4rem;
}

.taxIdHeaderItem {
    display: inline-block;
    width: 32.5%;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.taxIdItems {
    padding: 0rem;
}

.paddingLeft {
    padding-left: 0.6rem;
}

.itemEditorOptionHeader {
    padding: 1rem;
    color: #fff;
}

.itemEditorContent {
    padding: 1rem;
}

.itemEditorRight .itemEditorContent {
    padding: 1rem;
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    top: 4.4rem;
    bottom: 0rem;
}

.itemEditorRight .itemEditorList.itemEditorContent {
    padding: 0rem;
}

.itemEditorRight .itemEditorContent .itemEditorRight-textBody {
    margin: 1rem -1rem;
}

.cloverEditorView .itemEditorRight .itemEditorContent input[type=text],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=password],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=url],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=email],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=tel],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=number],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=color],
.cloverEditorView .itemEditorRight .itemEditorContent input[type=date] {
    margin: 1rem;
    width: calc(100% - 2rem);
}

.pageBannerTitle {
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    line-height: 6rem;
}

/* Start - used in Popup Display for the Practice Card additional tabs */

.menuItemsOverflowDropdown li:hover {
    background: rgba(36, 104, 26, 0.99);
}


.highlightMenuClientPracticeDetails {
    background: rgba(0, 0, 0, 0.4);
}
/* END - Addtional tab  */

#assetListContainer .filterItemsList.is-open {
    margin-bottom: 1rem;
}

#assetListContainer .dropArrow {
    height: 2.5rem;
}

.cardTab-detailContent {
    padding-top: 1.75rem;
}

.cardDropdownContent {
    padding: 1rem;
    width: 100%;
    background-color: #f7f7f7;
    display: inline-block;
}

.clientAssets {
    height: auto;
    width: 100%;
    display: inline-block;
    padding: 0.6rem 1rem;
    border-bottom: solid 0.1rem #eee;
    line-height: 2rem;
}

.cardContentItem-sku {
    width: 70%;
    padding-left: 1rem;
    float: left;
    font-size: 1.4rem;
    font-weight: 600;
}

.cardContentItem-timeStamp {
    width: 30%;
    text-align: right;
    padding-right: 1rem;
    float: left;
    color: #969696;
    font-size: 1.4rem;
    font-weight: 400;
}

.cardContent-groupWrapper {
    height: 4rem;
    width: 100%;
    display: inline-block;
}

.filterItemsList .cardContent-groupWrapper {
    height: inherit;
    padding-left: 1rem;
    width: 100%;
    display: inline-block;
}

.cardContent-IDWrapper {
    padding-top: 2rem;
    width: 100%;
    background-color: #f7f7f7;
    display: inline-block;
}

.cardContent-IDWrapper div.cardContentItem-half, .cardContent-IDWrapper div.cardContentItem-third, .cardContent-IDWrapper div.cardContentItem-quarter {
    border-left: solid 0.1rem #eee;
}

.cardContent-IDWrapper div.cardContentItem-half:first-of-type, .cardContent-IDWrapper div.cardContentItem-third:first-of-type, .cardContent-IDWrapper div.cardContentItem-quarter:first-of-type {
    border-left: none;
}

.cardContentItem-half {
    height: 100%;
    width: 50%;
    float: left;
    margin: 0rem;
    display: inline-block;
}

.unstyledList {
    list-style-type: none;
}

.modal-dialog {
    width: 100%;
    max-width:70rem;
    height: 40rem;
    left: 0;
}

.modal-content {
    white-space: normal;
    word-wrap: break-word;
}

.modal-content .is-statusAlert {
    padding-left: 3.5rem;
}

.modal-content .dropdown.dynamicColumn {
    right: initial;
    top: initial;
    position: static;
    box-shadow: none;
    width: auto;
}

.modal-content .dropdownSection-title,
.modal-content .dropdownFooter,
.modal-content .dropdownSection-subtitle {
    display: none;
}

.modal-body {
    padding: 2rem 2rem .5rem;
}

.modal-body .is-statusAlert {
    padding: 1rem 3.5rem;
    line-height: 5rem;
}

.modal-body p {
    padding: 1.5rem 0rem;
}

.modal-textarea {
    resize: none;
    width:100%;
    height: 40em;
    padding: 1rem;
}

.fusionChart-stack-legend {
    text-align: center;
}

.fusionChart-stack-legend ul {
    display: inline-block;
}

.fusionChart-stack-legend li {
    list-style-type: none;
    float: left;
    margin-right: 1em;
    cursor: pointer;
}

.editorLeftVerticalScroll {
    overflow: auto;
}

.editorRightVerticalScroll {
    overflow-y: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.regularButtons {
    margin: 0 0.5rem 0 0.5rem;
    display: inline-block;
    float: inherit;
}

/* Dark Buttons */

.is-dark button,
.is-dark input[type=button] {
    background-color: rgba(0,0,0,0.3);
    color: rgba(255,255,255,0.9);
    border-color: rgba(255,255,255,0.6);
    transition: background-color 0.2s ease 0s;
}

.is-dark button:hover,
.is-dark button:focus,
.is-dark input[type=button]:hover,
.is-dark input[type=button]:focus {
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,0.9);
}

.is-dark input[type=button].monitorWidgetRefreshButton.is-active {
    background-color: #FFF;
    color: #6ea665;
    border: 0.1rem solid #FFF;
    font-weight: bold;
}

.is-dark button:active,
.is-dark input[tye=button]:active {
    background-color: rgba(255,255,255,0.1);
}

.is-dark input[type="button"][disabled],
.is-dark input[type="button"][disabled]:hover,
.is-dark input[type="button"][disabled]:focus,
.is-dark input[type="button"][disabled]:active,
.is-dark button[disabled],
.is-dark button[disabled]:hover,
.is-dark button[disabled]:focus,
.is-dark button[disabled]:active {
    background-color: rgba(0,0,0,0.1) !important;
    color: rgba(255,255,255,0.4);
    border-color: rgba(255,255,255,0.2);
    transition: background-color 0.2s ease 0s;
    cursor: not-allowed;
}


.listItem-global {
    height: 20rem;
}

/*Start - Communcation Tab PassWord Masking*/

.itemPassWordFieldValue,
.itemPassWordColumnValue{
    text-indent: -100rem;
    position: relative;
}

.itemPassWordColumnValue {
    width: 90%;
    display: block;
    white-space: normal;
}

.itemPassWordColumnValue:after,
.itemPassWordFieldValue:after {
    font-size: 2.2rem;
    line-height: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    content: "..........";
    text-indent: 0rem;
}

.itemPassWordFieldValue:after {
    padding: 0rem 2rem 0rem 1.0rem;
}

.expandableItem .itemEditorField-value.itemPassWordColumnValue:after,
.expandableItem .itemEditorField-value.itemPassWordFieldValue:after {
    left: 1rem;
}

/*End - Communcation Tab PassWord Masking*/

/*menu Popover*/
.highlightMenuDropdown {
    background: rgba(0, 0, 0, 0.4);
}

.itemEditorFieldValue {
    white-space: normal;
    word-wrap: break-word;
    line-height: 2rem;
    padding: 0.2rem 1.0rem 0.5rem 1.0rem;
    border: none;
    position: relative;
}

.detailsLayer--columnView .columnStack.fullScreen {
    display: block;
}

.columnStackItem--Email {
    width: 70rem;
}

.columnStackItem--MessageNotification {
    width: 90rem;
}

.header-CNC {
    background-color: #3daf2c;
}

.notificationColumn {
    height: 100%;
    float: left;
    margin: 0;
    border-right: 0.1rem solid #999999;
    width: 50%;
    margin: 0 auto;
    padding: 1.0rem 1.0rem 1.0rem 1.0rem;
}

.notificationColumnHeader {
    text-align: center;
    height: 2.5em;
}

.Widget-bannerButtons {
    padding-top: 1.2rem;
    float: left;
}

.editorDatePicker {
    position: absolute;
    z-index: 21;
    display: block;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

segmentedButtons .segmentedButton.segmentedButton—active.missingField,
.segmentedButtons .segmentedButton.missingField {
    background-color: rgba(183, 51, 25,0.5) !important;
    border-color: rgb(183, 51, 25);
}

.alertPanelList--fullWidth {
    margin: 0rem;
    padding: 0rem;
}

.alertPanelList--fullWidth .widgetAlertPanel {
    width: calc(100% - 1rem);
    cursor: default;
    height: 4.4rem;
    margin: 0rem 0.5rem 0.5rem 0.5rem;
    padding: 0rem;
}

.alertPanelList--fullWidth .widgetAlertPanel:first-of-type {
    margin-top: 0.5rem;
}

.card--tableView {
    width: 399px;
}

.card--tableView .cardItems--displayTable {
    width: 100%;
    display: block;
}

.card--tableView .cardItems--displayTable .cardItem-wrapper {
    width: 100%;
    min-height: 2.5rem;
    display: inline-table;
    line-height: 1.4
}

.card--tableView .cardItems--displayTable .cardItem-wrapper:not(:last-of-type) {
    border-bottom: solid 0.1rem rgba(0, 0, 0, 0.1);
}

.card--tableView .cardItems--displayTable .cardItem-wrapper .cardLabel, .card.card--tableView .cardItems--displayTable .cardItem-wrapper .cardValue {
    padding: 0.6rem;
}

.card--tableView .cardItems--displayTable .cardItem-wrapper .cardLabel {
    display: table-cell;
    text-align: left;
    min-width: 15rem;
    padding: 0 0 0 1rem;
}

.card--tableView .cardItems--displayTable .cardItem-wrapper .cardValue {
    display: table-cell;
    text-align: right;
    max-width: calc( 100% - 15rem);
    padding: 0rem 2rem 0rem 0rem;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.portalLog {
    clear: both;
    width: 100%;
    padding: 0.6rem;
    color: #B73319;
    background-color: rgba(183, 51, 25, 0.1);
    border: rgba(183, 51, 25, 0.6) solid 0.1rem;
}

.portalSwitch-Log {
    display: none;
    margin-top:0.3rem;
}

.borderErrorColor {
    border: rgba(183, 51, 25, 0.6) solid 0.1rem;
}

.filterButton-payerResponse {
    color: black;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    width: 18%;
    margin: 1%;
    border: 0.1rem solid rgba(255, 255, 255, 0.6);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    float: left;
    cursor: pointer;
}

.filterButton-payerResponse:hover {
    color: white;
    border: 0.1rem solid white;
}

/* JQX Overrides to darken some of their UI Elements */

.jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-thumb-state-normal-horizontal { /* The inner scroll bar (part you click)*/
    background-color: rgba(0,0,0,0.4);
}

.jqx-scrollbar-thumb-state-normal:hover,
.jqx-scrollbar-thumb-state-normal:focus,
.jqx-scrollbar-thumb-state-normal-horizontal:hover,
.jqx-scrollbar-thumb-state-normal-horizontal:focus {
    /* The inner scroll bar (part you click)*/
    background-color: rgba(0,0,0,0.5);
}

.jqx-scrollbar-state-normal { /* Outer scroll bar container BG*/
    background-color: rgba(0,0,0,0.1);
}

.jqx-grid input[type=text],
.jqx-grid input[type=password],
.jqx-grid input[type=url],
.jqx-grid input[type=email],
.jqx-grid input[type=tel],
.jqx-grid input[type=number],
.jqx-grid input[type=color],
.jqx-grid input[type=date] {
    margin: inherit;
    padding: inherit;
    /* Stops jqx inputs from inheriting our input styles within jqx grids when they shouldnt be (only seen in IE) */
}


.add-button {
    background-size: 3.2rem 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    border: 0;
    opacity: .8;
    float: right;
    background-color: transparent !important;
}

.modal-lg {
     width: 70rem;
    height: 50rem;
    overflow:auto;
}
.modal-tabControl {
    height: 4.0rem;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.2rem;
    margin:0;
    width: 22.1rem;
}

.cardTab-content--fixedSearch--bottomButtons .claimListContainer {
    top: 10.3rem;
    bottom: 6rem;
}

#reportsTab iframe {
    width: 100%;
    height: 100%;
}

.gridsearch-controls {
  display:inline-block;
  position:relative;
}

.cloverColumnStack {
    min-width: 40rem;
    width: auto;
}

.cloverTabDropDownMenu {
    background-color: #3daf2c;
    height: auto;
    width: 12.2rem;
    padding: 1rem 0;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    position: absolute;
    top: 9.8rem;
    right: 1rem;
    -webkit-box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.4);
    box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.4);
    display: none;
    z-index: 30;
}

.floatRight {
    float: right;
}

.batchSummaryCount {
    float: left;
    font-weight: bold;
    height: 5rem;
    padding: 0rem 0rem 0 0.5rem;
    text-align: left;
    width: 42%;
}

.removeJellyBean {
    margin-left: .5rem;
    cursor: pointer;
}

.batchPartnerReportViewer {
    cursor: pointer
}

.is-disabled.is-disabled {
    cursor: not-allowed;
    opacity: .4 ;
}

.format-raw-data {
    height: inherit;
}

.modal-textAreaResize{
    resize: none;
}

.whiteSpace-preLine {
    white-space: pre-line;
}

.chartContainer {
    width: 80% ;
    height: 80% ;
}

.modal-gridContent {
   height: 35rem;
}

.logReport-gridLoadingContent{
   height:100%
}

.logReport-defaultGridLoadingContent{
   height: 0%
}
.fileViewContent{
    width: 100% ;
}

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

.textBox-red {
   border:  1px solid red;
}

.developerSandboxTextField {
    width: 200px !important;
}

.cardNav li.is-disabled{
    pointer-events: none;
    color: #dddddd;
    cursor: default;
}

.textBackgroundRed{
    background-color: #ab1800;
}
pre.fileviewer {
  padding: 0.5em;
  padding-top: 1.5em;
  border-radius: .25em;
  line-height: 1.5rem;
  counter-reset: line;
  white-space: pre;
}
pre.fileviewer code {
  display: inline-block;
  line-height: 0;
  white-space: pre;
}
pre.fileviewer code:before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  padding: 0 .5em;
  margin-right: .5em;
  color: #999;
  text-align: right;
  width: 3em;
  -webkit-user-select: none; /* Webkit */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE 10  */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
}

.bar--horizontal.bar--loader:before {
    background-color: rgba(255,255,255,.3);
}

/*Adding this class as per James's input. James will refactor this*/
.filterPanel--queue input.search {
  color: #555 !important;
  border: 1px solid #ccc !important;
  margin: 0 0 .6rem .6rem !important;
}

.filterPanel--queue .search.search--universal {
  height: auto;
  min-height: 3rem;
}

/* Adding this class for task assignment story. Later James will refactor this */
.taskAssignment--search{
    max-height:45rem;
}

.has-warningBackground {
    background-color: rgba(250,239,205,1);
}

.has-informationalBackground {
    background-color: rgb(227, 242, 217);
}

/* Adding this class to disable the export Icon in Claim Management. Tim will style later*/
.is-exportIconDisabled {
}

.switch.disabled {
    opacity: 0.2;
}

.nestedGridRow {
    padding: 2px;
    margin-left: 10px;
    font-size: 11px;
    white-space: normal;
    max-width: 90vw;
    height:100%;
    overflow:auto;
}

.stackItemAlert--cardView {
    background-color: rgb(127,193,118);
    color: #FFF;
    padding: 1rem 1rem 1rem 2.7rem;
    font-weight: 500;
    font-size: 1.4rem;
    width: 100%;
    display: none;
}

.thickItem--static.flex--contents {
    display: flex;
    justify-content: space-between;
}

.switch {
    cursor: pointer;
}

.jqxGrid-columnHeader-customCheckbox {
    margin-left: 10px;
    margin-top: 5px;
}

.detailFilters .columnStack {
    top: 0;
}

.filterPanel--queue--content .dropdownSection-subtitle {
    background-color:#333333; 
    color: white;
}

.filterPanel--queue--content .listItem--label {
    color: white;
}

.filterPanel--queue--content .treeView.treeView--tight,
.filterPanel--queue--content .segmented--light .segmented .segmented-label,
.filterPanel--queue--content .dropdownBox,
.filterPanel--queue--content .formItem--searchBox,
.filterPanel--queue--content .hasDatepicker,
.filterPanel--queue--content .hasTimepicker,
.filterPanel--queue--content .block--selectable {
    background-color: white;
    color: #333333;
}

.filterPanel--queue--content select {
    color:#333333;
}

.is-dark .segmented--light .segmented input:not(:checked) + .segmented-label:hover {
    background-color: rgba(233, 243, 248, 1);
}

.nestedGridRow-whitespace {
    white-space: pre;
    position: absolute;
    margin-left: 40px;
}

.textArea--Editor {
    height: 300px;
}

.pill, .pill--child {
    -webkit-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    -moz-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    -o-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgb(6, 131, 212);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 1rem;
    line-height: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
    white-space: none;
    font-size: 1.1rem;
    padding: 0 .4rem 0 .4rem;
    margin: 0 0 .2rem 0;
    position: relative;
}

.pill:not(:last-of-type), .pill--child:not(:last-of-type) {
    margin-right: 0.3rem;
}

.pill:hover, .pill--child:hover {
    cursor: default;
}

.pill--child {
    padding-right: 1.8rem;
}

.pill--child:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' width='10px' height='10px' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpath fill= ' %23FFF' d=' M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0z M8.2,7.5L7.5,8.2L5,5.7L2.5,8.2L1.8,7.5L4.3,5L1.8,2.5 l0.7-0.7L5,4.3l2.5-2.5l0.7,0.7L5.7,5L8.2,7.5z'/%3E%3C/svg%3E");
    -webkit-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    -moz-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    -o-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    cursor: pointer;
    position: absolute;
    height: 1rem;
    width: 1rem;
    top: calc(50% - (1rem / 2));
    right: .4rem;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
}

.pill--child:hover {
    background-color: rgba(6, 131, 212, 0.75);
    cursor: pointer;
}

.pill--child:not(:hover):after {
    opacity: 0.5;
}

.pill--dismissible {
    height: auto !important;
}

.detailsLayer--drawerView {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

    .detailsLayer--drawerView .drawerView {
        display: block;
        left: 0;
    }

@media (max-width: 700px) {
    .detailsLayer--drawerView {
        /* Mobile Styles */
    }
}

@media (max-width: 1000px) {
    .detailsLayer--drawerView {
        /* Tablet Styles */
    }
}

.drawerView {
    /* drawerView */
    background: #eeeeee;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

.drawerViewItem {
    padding: 0;
    height: 100%;
    width: 44.4rem;
    margin: 0;
    border-right: 0.1rem solid #98335a;
    display: inline-block;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
}

.drawerViewItem--details {
    width: 44.4rem;
}

li.drawerViewItem:nth-last-child(-n+2) {
    background: white;
}

.drawerNotifications {
    overflow: hidden;
}

.drawerNotifications .drawerView {
    top: 0;
    right: initial;
}

.drawerNotifications .card {
    border-top-color: #98335a;
}

.drawerNotifications .card.is-tabbed .cardTabs {
    top: 4.4rem;
}

.drawerNotifications .card .header-title, .drawerNotifications .card .header-details {
    color: white;
}
    
.clover-editorTabbedContentItem:not(.is-active) {
    display:none;
}

.clover-editorTabbedContentItem {
    list-style:none;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

.tabbedContent--verticalScroll {
    max-height: calc(100% - 18.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    margin :0;
    position: absolute;
    width: calc(100% - 0.7rem);
}

.editorGroupHeader {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: white;
  margin-bottom: 0.5rem; }

.modalEditorLeftEntryContainer.is-active {
    background-color: rgb(231, 241, 254);
    border-right: blue 3px solid;
}

.jellyBeanValue {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itemEditorField-sub-label {
    font-size: 1.2rem;
    color: #98335a;
    font-weight: 400;
    line-height: 1.0rem;
    padding: 0.5rem 0 0 1.0rem;
}

.edit-section {
    cursor: pointer;
}

.dropdownBox-container {
    background-color: #fff;
    border-radius: 5px;
    color: #777;
}

.jqx-listitem-state-selected {
    margin: 0px 0px 0px 5px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input, select {
        font-size: 1.3rem;
    }
}

.amcharts-amexport-menu li, 
.amcharts-amexport-menu li.active,
.amcharts-amexport-menu li:hover {
    background-color: #FFFFFF;
    border: 1px rgb(192, 192, 192) solid;
}

.amcharts-amexport-menu a {
    color: rgb(192, 192, 192) 
}

.amcharts-amexport-menu a:hover {
    color: #000;
}

.filterAccordion {
    height: inherit;
    display: inline-block;
    float: left;
    width: 100%;
}

.filterAccordionHeader {
    height: auto;
    line-height: 1.5;
    font-weight: bold;
}

.refresh-SubTitle {
    font-size: 1.4rem;
    color: #2c2c2c;
    font-weight: bold;
}

.refresh-alert {
    background-color: #b6d7a8;
    padding: 2px 10px;
    font-size: 1.4rem;
    font-weight: bold;   
}

.itemEditorDrawer-checkbox-subLabel {
    color: #fff;
    white-space: normal;
    width: calc(100% - 6rem);
    word-wrap: break-word;
    font-size: 1.2rem;
}

.force-overflow-visible {
    overflow: visible !important;
}

.requeue-rejected-icon-background {
    background-color: #fff;
    margin: -0.6rem 0;
    display: -ms-inline-grid;
}

.requeue-rejected-icon-background .icon {
    top: 42%;
    position: relative;
}

.eob-styled-content {
    font-family: sans-serif;
}

.force-cursor-not-allowed {
    cursor: not-allowed !important;
    background-color: #eeeeee;
}

.truncate-card-sub-title {
    max-width: 32rem;
}

.force-cursor-not-allowed-for-hyperlink {
    cursor: not-allowed !important;
    color: #ccc !important;
    text-decoration: none !important;
}

.cncNotificationsSideDrawer {
    width: 45rem !important;
    left: -45rem;
}

.basic-top-padding {
    padding-top: 1.5rem;
}

.jqxGrid-ceraGridHeader-customCheckbox {
    margin-left: 2px;
    margin-top: 5px;
}