html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

img, body, html {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

body {
    touch-action: manipulation !important;
    font-size: 13px;
    font-family: Roboto, Arial;
    color: #000;
    overflow-x: hidden; /*Otherwise scrollbars will appear on when showing the detail iframes due to the size of the masks ( .amicus-modality)*/
}

*, *:focus, *:hover {
    outline: 0px transparent !important; /* this removes ugly focus outline on dialogs and most of UI controls introduced in Chromium 83, still doesn't work on <option> though */
}

button, label, a, div.panelFooter, div.ipad, span {
    -moz-user-select: none;
    -webkit-user-select: none;
}

textarea, .textareaStyle {
    overflow: auto;
    font-family: Roboto, Arial;
    font-size: 13px;
    resize: none;
    border: 1px solid #eee;
    border-top: 1px solid #ccc;
    transition: border-color 0.5s;
    box-shadow: 1px 1px 7px rgba(125,125,125,0.1);
}

    textarea:hover:not(:disabled), .textareaStyle:hover:not(:disabled) {
        border-top-color: #777;
    }

    textarea:focus, .textareaStyle:focus {
        border-top-color: #444;
    }

    textarea:disabled, .textareaStyle:disabled {
        background-color: #efefef;
    }

.bottomBorder {
    border: 1px solid #eee;
}

    .bottomBorder:hover:not(:disabled) {
        border-top-color: #eee;
        border-bottom-color: #777;
    }

    .bottomBorder:focus {
        border-top-color: #eee;
        border-bottom-color: #444;
    }

input {
    font-size: 12px;
    font-family: Roboto, Arial;
}

select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-style: none none solid none;
    border-radius: 0;
    box-shadow: 1px 1px 7px rgba(125,125,125,0.1);
    height: 26px;
    line-height: 22px; /*Not 26px, otherwise the Display list in usermanagement on Safari will be too big*/
    padding: 3px 0 3px 3px;
    transition: border-color 0.5s;
}

    select[disabled] {
        color: #AAAAAA;
    }

    select:hover:not(:disabled) {
        border-color: #777;
    }

    select:focus {
        border-color: #444;
    }

input, select {
    vertical-align: middle;
}

input, textarea, select {
    outline-style: none;
    color: #000;
}

    select[disabled] {
        background-color: #EFEFEF;
    }

    input[readonly]:not(.hasDatepicker):not(.amicus-timer-input), input[disabled] {
        background-color: #EFEFEF !important;
        border: 1px solid #CCCCCC;
        border-style: none none solid none;
        color: #999;
        cursor: default;
    }

    input:read-only:not(.hasDatepicker):not(.amicus-timer-input), input:disabled {
        background-color: #EFEFEF !important;
        border: 1px solid #CCCCCC;
        border-style: none none solid none;
        color: #000000;
        cursor: default;
    }

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

    input[type=checkbox] {
        width: 18px;
        height: 18px;
        border-radius: 0;
        background: none;
        background-color: #fff;
    }

    input[type=radio] {
        width: 18px;
        height: 18px;
    }

    input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], .amicus-textfield, .aa-form-textfield {
        background-color: #FFF;
        border: 1px solid #ccc;
        border-style: none none solid none;
        box-shadow: 1px 1px 7px rgba(125,125,125,0.1);
        height: 20px;
        line-height: 16px;
        padding: 2px;
        vertical-align: middle;
        transition: border-color 0.5s;
    }

        input[type=text]:not(:disabled):hover, input[type=email]:not(:disabled):hover, input[type=tel]:not(:disabled):hover, input[type=url]:not(:disabled):hover, input[type=password]:not(:disabled):hover, .amicus-textfield:not(:disabled):hover, .aa-form-textfield:not(:disabled):hover {
            border-color: #777;
        }

        input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, .amicus-textfield:focus, .aa-form-textfield:focus {
            border-color: #444;
        }

label input[type=checkbox] {
    position: relative;
    top: -2px;
}

a, .link-no-underline, .hyperLink {
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

.link-no-underline-black, .cr-body-fbarsaveclose, .cr-body-fbarclose, .link-underline-black {
    color: #222222;
    text-decoration: none;
    cursor: pointer;
}

    a:not(:disabled):not(.disabled):hover, .link-no-underline:not(:disabled):not(.disabled):hover, .cr-body-fbarsaveclose:not(:disabled):not(.disabled):hover, .cr-body-fbarclose:not(:disabled):not(.disabled):hover, .hyperLink:not(:disabled):not(.disabled):hover, .link-underline-black:not(:disabled):not(.disabled):hover {
        color: #000;
        text-decoration: underline;
    }

a[disabled], .link-no-underline[disabled], .hyperLink[disabled] {
    text-decoration: none !important;
    cursor: default !important;
    color: Gray !important;
}

label {
    vertical-align: middle;
}

    label.disabled {
        color: #999;
    }

i.hoverableBlackIcon {
    color: #444;
    transition: color 0.2s;
}

    i.hoverableBlackIcon[disabled] {
        color: #888;
    }

    i.hoverableBlackIcon:not([disabled]):hover {
        color: #000;
    }

i.hoverableWhiteIcon {
    color: #eee;
    transition: color 0.2s;
}

    i.hoverableWhiteIcon[disabled] {
        color: #aaa;
    }

    i.hoverableWhiteIcon:not([disabled]):hover {
        color: #FFF;
    }

i.selector-icon {
    cursor: pointer;
    transition: color 0.2s;
}

    i.selector-icon[disabled=disabled] {
        cursor: default;
        color: #aaa !important;
    }

.cr-clear {
    clear: both;
}

.amicus-grid-footer {
    width: auto;
    height: 15px;
    float: right;
    position: absolute;
    bottom: 9px;
    right: 4px;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    margin-right: 20px;
}
/*#Container
{
    margin-top:23px;    
}*/
table td.amicus-body {
    height: 768px;
    width: 1000px;
}

table td.amicus-left {
    width: 30%;
}

table td.amicus-right {
    width: 30%;
}

.aa-form-select {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 22px;
    margin-left: 5px;
    padding-left: 3px;
    width: auto;
}

.aa-form-select-filter {
    width: 100%;
    display: block;
    background-color: #FFFFFF;
    float: none;
    height: 26px;
    line-height: 26px;
    color: Black;
    font-size: 12px;
    padding: 3px;
}

    .aa-form-select-filter[disabled] {
        background-color: #EFEFEF;
    }

.aa-form-checkbox {
    vertical-align: middle;
}

.amicus-menu-button .amicus-button {
    background: url("../../images/icon_29.png") repeat-x scroll 0 -1px transparent !important;
    cursor: pointer;
    height: 24px;
    padding-top: 6px;
    width: 100%;
}

    .amicus-menu-button .amicus-button:hover:not(:disabled) {
        background: url(../../images/icon_27.png) repeat-x scroll 0 -1px transparent !important;
    }

.ui-datepicker {
    width: 14em !important;
}

.ui-pnotify .picon {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    width: 17px;
    height: 17px;
}

.ui-pnotify.stack-topleft {
    left: 15px;
    right: auto;
    top: 15px;
    z-index: 2147483647;
}

.ui-pnotify.stack-bottomleft {
    bottom: 15px;
    left: 15px;
    right: auto;
    top: auto;
    z-index: 2147483647;
}

.ui-pnotify.stack-bottomright {
    right: auto;
    top: auto;
    z-index: 2147483647;
}

.hasDatepicker {
    background: url("/images/calendarIcon.jpg") no-repeat scroll 85px center #FFFFFF;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
    width: 100px;
    cursor: pointer;
}

input[type=text], input[type=email], input[type=tel], input[type=url], .amicus-textfield, .aa-form-textfield {
    background-color: #FFF;
    border: 1px solid #ccc;
    border-style: none none solid none;
    box-shadow: 1px 1px 7px rgba(125,125,125,0.1);
    height: 20px;
    line-height: 16px;
    padding: 2px;
    vertical-align: middle;
    transition: border-color 0.5s;
}

    input[type=text]:not(:disabled):hover, input[type=email]:not(:disabled):hover, input[type=tel]:not(:disabled):hover, input[type=url]:not(:disabled):hover, .amicus-textfield:not(:disabled):hover, .aa-form-textfield:not(:disabled):hover {
        border-color: #777;
    }

    input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, .amicus-textfield:focus, .aa-form-textfield:focus {
        border-color: #444;
    }

div.amicus-date-time-picker span.k-datepicker, div.amicus-date-time-picker span.k-picker-wrap, div.amicus-date-time-picker span.k-state-hover {
    border-style: none none solid !important;
    border-radius: 0px !important;
    border-color: #ccc;
    background-image: none !important;
    background-color: #fff !important;
    transition: border-color 0.5s;
}

div.amicus-date-time-picker span.k-datepicker {
    box-shadow: 1px 1px 7px rgba(125,125,125,0.1) !important;
}

div.amicus-date-time-picker span.k-state-hover {
    border-color: #777;
}

div.amicus-date-time-picker span.k-state-focused {
    border-color: #444;
}

div.amicus-date-time-picker input.k-input {
    border: none !important;
    border-radius: 0px !important;
    background-color: #fff !important;
}

div.amicus-date-time-picker span.k-select {
    border: none !important;
    background-color: #fff !important;
}

.amicus-select {
    background-color: #FFFFFF;
    float: none;
    height: 26px;
    line-height: 26px;
    color: Black;
    padding: 4px;
}

.amicus-field {
    padding: 5px 0 0 2px;
}

.displayNone {
    display: none;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.center {
    text-align: center;
}

.marginTop10px {
    margin-top: 10px
}

.marginTop20px {
    margin-top: 20px
}

.marginTop30px {
    margin-top: 30px
}

.marginLeft0px {
    margin-left: 0
}

.marginLeft10px {
    margin-left: 10px
}

.marginLeft20px {
    margin-left: 20px
}

.marginRight10px {
    margin-right: 10px
}

.marginRight20px {
    margin-right: 20px
}

.marginBottom10px {
    margin-bottom: 10px
}

.marginBottom20px {
    margin-bottom: 20px
}

.footer-btn {
    cursor: pointer;
}

.amicus-dotimeentry {
    float: left;
    background: url(/images/time-entry-icon_16x15.png) no-repeat;
    width: 13px;
    height: 16px;
    margin-left: 20px;
}

.ErrorField {
    background-color: #FF9B93;
}

.ValidationErrors {
    color: Red;
    margin-left: 5px;
    padding-left: 3px;
}

.cr-body-fbarsaveclose {
    background: url(/images/icon_83.png) no-repeat left center;
    margin-right: 10px;
}

.cr-body-fbarclose {
    background: url(/images/icon_36.png) no-repeat left center;
    margin-left: 10px;
}

.cr-body-fbarsaveclose, .cr-body-fbarclose {
    padding-left: 22px;
    float: left;
    cursor: pointer;
    height: 17px;
    border-style: none;
    font-size: 12px;
    font-family: Roboto, Arial;
}

.cr-body-savenew {
    float: left;
    background: url(/images/icon_84.png) no-repeat left center;
    height: 18px;
    width: 21px;
    cursor: pointer;
    border-style: none;
    margin-top: -1px;
}

.error {
    color: Red
}

.success {
    color: Green
}

.amicusRed {
    color: #AB1315;
}

.disabled {
    color: #999
}

.watermark {
    color: #555;
    font-style: italic;
}

.popup-shadow-box {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.rounded-window-bottom {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.rounded-window-top {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.amicus-form-invalid {
    background: #FFFFFF url("../../images/invalid_line.gif") repeat-x center bottom !important;
    border-color: #CC3300 !important;
}

.error-class {
    border-bottom-color: Red !important;
}

.tooltip, .error-class-tooltip {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #222;
    outline: none;
    z-index: 2147483647;
}

    .error-class-tooltip p {
        z-index: 2147483647;
        padding: 10px;
        -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
        -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
        box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
        border: 2px solid #F4C5C3;
        background-color: #F4C5C3;
    }

    .tooltip p, .infoTooltipBody, .warningTooltipBody {
        z-index: 2147483647;
        padding: 10px;
        -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
        -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
        box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    }

.warningTooltipBody {
    border: 2px solid #FFFAD4;
    background-color: #FFFAD4;
    padding-left: 20px;
}

.infoTooltipBody {
    border: 2px solid #D6EEFF;
    background-color: #D6EEFF;
}

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

div.error-tooltip-arrowup, div.info-tooltip-arrowup, div.warning-tooltip-arrowup {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-style: none;
    margin-left: 5px;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    transform: scaleX(0.7) rotate(-45deg) translateY(6px);
    z-index: 1;
}

div.error-tooltip-arrowupBlind, div.info-tooltip-arrowupBlind, div.warning-tooltip-arrowupBlind {
    width: 15px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 7px;
    z-index: 2;
}

div.error-tooltip-arrowdown, div.info-tooltip-arrowdown, div.warning-tooltip-arrowdown {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-style: none;
    margin-left: 5px;
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    transform: scaleX(0.7) rotate(45deg) translateY(-6px);
    z-index: 1;
}

div.error-tooltip-arrowdownBlind, div.info-tooltip-arrowdownBlind, div.warning-tooltip-arrowdownBlind {
    width: 15px;
    height: 10px;
    position: absolute;
    bottom: 10px;
    left: 7px;
    z-index: 2;
}

div.info-tooltip-arrowup, div.info-tooltip-arrowupBlind, div.info-tooltip-arrowdown, div.info-tooltip-arrowdownBlind {
    background-color: #D6EEFF;
}

div .warning-tooltip-arrowup, div.warning-tooltip-arrowupBlind, div.warning-tooltip-arrowdown, div.warning-tooltip-arrowdownBlind {
    background-color: #FFFAD4;
}

div.error-tooltip-arrowup, div.error-tooltip-arrowupBlind, div.error-tooltip-arrowdown, div.error-tooltip-arrowdownBlind {
    background-color: #F4C5C3;
}

.infoToolTipClose {
    right: 2px;
    top: 2px;
    z-index: 2147483647;
    position: relative;
}

.ui-dialog {
    min-width: 100px; /* max-width: 500px;*/
}

.ui-dialog-titlebar-close {
    display: none
}

.ui-dialog-content {
    min-width: 100px; /*max-width: 480px;*/
}

.ui-dialog-noTheme {
    position: absolute; /*width: 300px;*/
    overflow: hidden /*;background-color: transparent*/;
    padding: 0em;
    background-image: none;
    padding-top: 0px;
    border: 0px solid Black;
}

div.amicusDialog {
    background-image: none;
    background-color: #F8F8F8;
    padding: 0px;
    border-style: none;
}

div.amicusDialogMaximized {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0px -12px 15px 10px !important;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #AAAAAA
}

.amicusDialog-content /*only used in messageBox dialog*/ {
    padding: 30px 30px 10px 30px;
    height: auto;
    min-height: 50px;
    min-width: 280px;
    font-size: 1.2em;
}

.amicusDialog-content-IE8 {
    background: none;
    background-color: white;
}

p.amicusMessageBoxTitle {
    color: #234299;
    font-size: 1.4em;
    margin-bottom: 0.8em;
}

div.amicusMessageBox {
    border-radius: 2px;
    padding-top: 15px;
    background: none;
    background-color: white;
    z-index: 2147483647;
}

.amicusDialog-checkbox {
    position: absolute;
    bottom: 20px;
    margin-left: 10px;
}

.filter-panel {
    width: 160px;
    border: none;
    border-bottom: 1px solid #bbb;
    background-color: #f6f7f8;
}

    .filter-panel hr {
        color: #B0B0B0;
    }

    .filter-panel .filter-panel-header {
        text-align: center;
        color: #555555;
    }

.header-3d {
    background: #DDDDDD;
}

.cr-form-label-filter {
    color: #555555;
    font-weight: normal;
    display: block;
    padding: 3px 0px;
}

.spinner {
    background: url(/images/AjaxLoaders/ajax-loader3.gif) no-repeat left center;
    width: 18px;
    height: 18px;
    display: none; /*all spinners are hidden by default*/
}
/*-----------------------*/
.button-generic-rounded { /*New AmicusWeb buttons*/
    position: relative;
    color: #ffffff;
    border-radius: 15px;
    background-color: #666666;
    background-image: none;
    border: none;
    -webkit-box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    -moz-box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    height: 25px;
    padding: 1px 10px;
    min-width: 80px;
    transition: all 0.1s;
}

    .button-generic-rounded:not(:disabled):not(:active):hover {
        cursor: pointer !important;
        top: -1px;
        left: -1px;
        -webkit-box-shadow: 3px 3px 10px 3px rgba(111, 111, 111, 0.35);
        -moz-box-shadow: 3px 3px 10px 3px rgba(111, 111, 111, 0.35);
        box-shadow: 3px 3px 10px 3px rgba(111, 111, 111, 0.35);
    }

    .button-generic-rounded:active {
        top: 0px;
        left: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .button-generic-rounded[disabled], .button-blue[disabled] {
        background-color: #888;
        color: #bbb;
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
        cursor: default;
    }

.button-blue, button.button-generic-rounded.ui-state-focus {
    position: relative;
    color: #ffffff;
    border-radius: 15px;
    background-color: #E33E07;
    background-image: none;
    border: none;
    -webkit-box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    -moz-box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    height: 25px;
    padding: 1px 10px;
    min-width: 80px;
    transition: all 0.2s;
}

    .button-blue:not(:disabled):not(:active):hover, button.button-generic-rounded.ui-state-focus:not(:disabled):not(:active):hover {
        cursor: pointer !important;
        top: -1px;
        left: -1px;
        -webkit-box-shadow: 3px 3px 10px 3px rgba(119, 33, 4, 0.2);
        -moz-box-shadow: 3px 3px 10px 3px rgba(119, 33, 4, 0.2);
        box-shadow: 3px 3px 10px 3px rgba(119, 33, 4, 0.2);
    }

    .button-blue:active {
        top: 0px;
        left: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
/*-----------------------*/
.amicusMessageBoxButton {
    position: relative !important;
    color: #fff !important;
    border-radius: 2px !important;
    background-color: #666666 !important;
    background-image: none !important;
    border: none !important;
    -webkit-box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    -moz-box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    box-shadow: 1px 1px 5px 3px rgba(111, 111, 111, 0.3);
    height: 3em !important;
    font-size: 1.2em !important;
    min-width: 80px !important;
    font-weight: normal !important;
}

    .amicusMessageBoxButton:not(:disabled):not(:active):hover {
        top: -1px !important;
        left: -1px !important;
        background-color: #666666 !important;
        background-image: none !important;
        border: none !important;
        -webkit-box-shadow: 3px 3px 10px 3px rgba(111, 111, 111, 0.3);
        -moz-box-shadow: 3px 3px 10px 3px rgba(111, 111, 111, 0.3);
        box-shadow: 3px 3px 10px 3px rgba(111, 111, 111, 0.3);
        color: #fff !important;
        cursor: pointer !important;
        font-weight: normal !important;
    }

    .amicusMessageBoxButton:active {
        top: 0px;
        left: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        font-weight: normal;
        color: #fff !important;
        background-color: #666666 !important;
        background-image: none !important;
        border: none !important;
    }

    .amicusMessageBoxButton[disabled], .button-blue[disabled] {
        background-color: #666 !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #bbb !important;
        opacity: 0.7 !important;
        filter: alpha(opacity=70); /* For IE8 and earlier */
        cursor: default;
    }

        .amicusMessageBoxButton[disabled]:hover {
            background-color: #F7F7F7 !important;
            background-image: none !important;
            box-shadow: none !important;
            color: #8A8A8A !important;
            opacity: 0.7 !important;
            filter: alpha(opacity=70); /* For IE8 and earlier */
            border: 1px solid rgb(136,136,136) !important;
        }

button.amicusMessageBoxButton.ui-state-focus {
    color: #ffffff !important;
    background-color: #666666 !important;
    font-weight: normal !important;
}

.amicusMessageBox .ui-dialog-buttonpane {
    padding-right: 0.5em !important;
}

div.button-strip {
    transition: all 0.2s;
    background: #F3F3F3;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    color: #444444;
    height: 27px;
    line-height: 27px;
    outline: medium none;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 7px rgba(125,125,125,0.1);
}

    div.button-strip > div {
        text-align: center;
        position: absolute;
    }

div.button-strip-selected {
    color: #fff !important;
    transition: all 0.2s;
    cursor: pointer;
    background-color: #383838;
}

div.button-strip-button-disabled {
    color: #777;
    transition: all 0.2s;
    background-image: none;
    background-color: #DDDDDD;
    cursor: default;
}

div.button-strip-button {
    color: #444444;
    transition: all 0.2s;
    cursor: pointer;
}

    div.button-strip-button:not(.button-strip-button-disabled):not(.button-strip-selected):hover {
        color: #fff !important;
        transition: all 0.2s;
        cursor: pointer;
        background-color: #666;
    }

div.bottomPosition {
    position: absolute;
    bottom: 0px;
    width: 100%
}
/*Should have been added to panelFooter, but I don't want to risk breaking one of the numerous existing dialogs. #MI,5Aug13*/
div.dialogBody {
    margin: 10px
}

div.amicusDialog div.panelFooter {
    background-color: #EEE;
    position: absolute;
    bottom: 0px;
    width: 100%
}

.panelFooter {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #EEE;
    border-top: 1px solid #BFBFBF;
    clear: both;
    height: 36px;
    box-shadow: inset 0px 1px 11px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    .panelFooter.absBottom {
        clear: none;
        position: absolute !important;
        bottom: 0 !important;
        padding: 0;
        width: 100%;
    }

    .panelFooter > .footerRightButtons {
        float: right;
        margin-right: 10px;
        padding: 5px 0px;
        text-align: right;
    }

        .panelFooter > .footerRightButtons button {
            margin-left: 7px;
        }

    .panelFooter > .footerLeftButtons {
        float: left;
        margin-left: 20px;
        padding: 11px 0 4px 8px;
    }

        .panelFooter > .footerLeftButtons a {
            font-size: 13px;
            top: -3px;
            position: relative;
        }

        .panelFooter > .footerLeftButtons > .footerImages a {
            font-size: 13px;
            top: 0px;
            position: relative;
        }

        .panelFooter > .footerLeftButtons a.anchorDisabled {
            color: #999999;
        }

            .panelFooter > .footerLeftButtons a.anchorDisabled:hover {
                color: #999999;
                text-decoration: none;
                cursor: default;
            }

select option {
    color: Black;
}

.headerPanelName, div.panelHeader {
    margin: 0px;
    padding: 6px 0px;
}

.headerPanelName {
    white-space: nowrap;
}

.headerName {
    color: #FFFFFF;
    font-weight: 500;
    margin-left: 35px;
    font-size: 16px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.headerNameWithoutIcon {
    color: #FFFFFF;
    font-weight: 500;
    margin-left: 10px;
    font-size: 16px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.headerImage {
    position: absolute;
    top: 6px;
    width: 16px;
    margin-left: 10px;
}

.headerIcon {
    position: absolute;
    font-size: 20px !important;
    top: 5px;
    margin-left: 8px;
    color: #FFFFFF;
    z-index: 1;
}

.fa-headerIcon {
    position: absolute;
    font-size: 16px !important;
    top: 7px;
    margin-left: 11px;
    color: #FFFFFF;
    z-index: 1;
}

.headerPortalIcon {
    position: absolute;
    font-size: 32px !important;
    top: -1px;
    margin-left: 2px;
    color: #ffffff;
}

i.headerPortalIcon:not(.IsPortalEnabled) {
    display: none;
}

    i.headerPortalIcon:not(.IsPortalEnabled) + i.headerIcon, i.headerPortalIcon:not(.IsPortalEnabled) + i.fa-headerIcon {
        color: #FFFFFF;
    }

i.headerPortalIcon.IsPortalEnabled {
    display: inline !important;
}

    i.headerPortalIcon.IsPortalEnabled + i.headerIcon, i.headerPortalIcon.IsPortalEnabled + i.fa-headerIcon {
        color: #2878bc;
    }

.username-checkbox-filter {
    margin-right: 6px;
}

.iconSeparator {
    background: url(/images/seperator.png) no-repeat;
    width: 1px;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.panelBgColor {
    background-color: #F6F6F6;
}

div.cr-main-listpagination-sort {
    padding-left: 10px;
    float: left;
}

.helpIconTag {
    position: relative;
    top: 4px;
    cursor: pointer
}

.callService_ignoreTag {
}
/*MI: Tag class, for auto completion*/
/*Attention, this is here temporarily, until all browsers support the spin-button for HTML5 number field. Right now, only Webkit browsers
support it and it looks pretty bad on Matt's computer. So for now, we just disable it. See bug 1438 */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: none;
    border-width: 0px;
}

.ui-widget {
    font-size: 12px;
}
/*.ui-widget-content{ background:transparent}*/
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*Grid related*/
/*.grid-back, .grid-back-disabled, .grid-next, .grid-next-disabled{background: url(/images/controls/grid/paginationArrows.png) no-repeat;width: 48px;height: 48px;float:left;}
.grid-back{background-position: -151px -1px}
.grid-back-disabled{background-position: -101px -2px}
.grid-next{background-position: -51px -1px}
.grid-next-disabled{background-position: 0 0}*/
.grid-first, .grid-first-disabled, .grid-back, .grid-back-disabled, .grid-next, .grid-next-disabled, .grid-last, .grid-last-disabled {
    background: url(/images/controls/grid/paginationArrows.png?a=2) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

.grid-first {
    background-position: -137px 0;
    cursor: pointer
}

    .grid-first:hover {
        background-position: -257px 0
    }

.grid-first-disabled {
    background-position: -167px 0;
}

.grid-back {
    background-position: 0 0px;
    cursor: pointer
}

    .grid-back:hover {
        background-position: -287px 0
    }

.grid-back-disabled {
    background-position: -34px 0px;
}

.grid-next {
    background-position: -103px 0;
    cursor: pointer
}

    .grid-next:hover {
        background-position: -317px 0
    }

.grid-next-disabled {
    background-position: -69px 0px;
}

.grid-last {
    background-position: -227px 0;
    cursor: pointer
}

    .grid-last:hover {
        background-position: -347px 0
    }

.grid-last-disabled {
    background-position: -197px 0px;
}

select.ui-datepicker-month, select.ui-datepicker-year {
    background-color: #FFFFFF;
    float: left;
    height: 26px;
    line-height: 26px;
    border: 1px solid #CCCCCC;
    color: Black;
    font-size: 12px;
    padding: 4px;
    border-radius: 3px;
    margin-left: 10px;
    height: auto;
    padding: 0px;
    margin-left: 0px;
}

.aa-indexGridContainer:not(#ReportsListContainer) {
    width: 100%;
}

div#gridDisable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 0px;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    /*opacity:1;*/
    z-index: 10;
}

.aa_detailDialog {
    border-radius: 0px;
    -moz-box-shadow: 3px 5px 25px 5px #333;
    -webkit-box-shadow: 3px 5px 25px 5px #333;
    box-shadow: 3px 5px 25px 5px #333;
}

    .aa_detailDialog .ui-dialog-titlebar {
        width: 100% !important;
        height: 30px !important;
        border: none !important;
        background-image: none !important;
        background-color: transparent !important;
        position: absolute !important;
        padding: 0 !important;
        z-index: 1 !important;
    }

    .aa_detailDialog .ui-dialog-titlebar-close {
        display: none;
    }

    .aa_detailDialog .ui-dialog-buttonpane {
        display: none;
    }

    .aa_detailDialog .ui-widget-content {
        overflow: hidden !important;
        min-height: 90px !important;
    }

    .aa_detailDialog .aa_dd-imgCollapseExpand {
        float: right;
        cursor: pointer;
        margin: 7px 7px 0px 0px;
    }

    .aa_detailDialog .aa_dd-imgMaximize {
        float: right;
        cursor: pointer;
        margin: 7px 7px 0px 0px;
    }

    .aa_detailDialog .aa_dd-imgRestore {
        float: right;
        cursor: pointer;
        margin: 7px 7px 0px 0px;
    }

.aa-header-elpsFade {
    position: absolute;
    top: 0px;
    left: 200px;
    width: 50px;
    height: 30px;
}

a.footerPrintButton {
    display: inline-block;
    margin-left: 7px;
    height: 18px;
    width: 18px;
}

    a.footerPrintButton i {
        font-size: 18px;
        color: #545454;
    }

    a.footerPrintButton:hover:not(.isDisabled) i {
        color: #222222;
    }

    a.footerPrintButton.isDisabled i {
        color: #999999;
        cursor: default;
    }

a.footerTrashButton {
    display: inline-block;
    height: 18px;
    width: 18px;
}

    a.footerTrashButton i {
        font-size: 18px;
        color: #545454;
    }

    a.footerTrashButton:hover:not(.isDisabled) i {
        color: #222222;
    }

    a.footerTrashButton.isDisabled i {
        color: #999999;
        cursor: default;
    }

a.footerHelpButton, a.bodyHelpButton {
    display: inline-block;
    margin-left: 7px;
    margin-right: 2px;
    height: 18px;
    width: 18px;
}

    a.footerHelpButton i {
        font-size: 18px;
        color: #545454;
    }

    a.footerHelpButton:hover:not(.isDisabled) i, a.bodyHelpButton:hover:not(.isDisabled) i {
        color: #222222;
    }

    a.footerHelpButton.isDisabled i, a.bodyHelpButton.isDisabled i {
        color: #999999;
        cursor: default;
    }

a.footerDoDocumentButton {
    display: inline-block;
    margin-left: 7px;
    margin-right: 2px;
    height: 16px;
    width: 16px;
}

    a.footerDoDocumentButton i {
        font-size: 18px;
        color: #545454;
    }

    a.footerDoDocumentButton:hover:not(.isDisabled) i {
        color: #222222;
    }

    a.footerDoDocumentButton.isDisabled i {
        color: #999999;
        cursor: default;
    }

div.footerImages {
    display: inline-block;
    position: relative;
    top: 2px;
}

.SubjectTag {
    position: relative;
}

.PortalEnabled {
    background: url(/images/portal/portal_visibility_28x28.png) no-repeat;
    background-position: 1px center;
}

.PortalEnabledContactNotOnFile {
    background: url(/images/portal/portal_visibility_grey2_28x28.png) no-repeat;
    background-position: 1px center;
}

.timePickerWrapper {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    width: 90px !important;
    height: 26px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.timePickerWrapperNoMargin {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    width: 70px !important;
    height: 26px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.timePickerBt {
    background-image: url("/images/arrv_blue_2.gif");
    background-position: center center !important;
    background-repeat: no-repeat !important;
    top: 0 !important;
    right: 0px;
    width: 15px !important;
    height: 100% !important;
    position: absolute !important;
    padding: 0px !important;
    margin: 0px !important;
}

    .timePickerBt.ddArrowOn {
        background: url("/images/arrv_blue_2.gif"), #a7c9ff;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        top: 0 !important;
        right: 0px;
        width: 15px !important;
        height: 100% !important;
        position: absolute !important;
        padding: 0px !important;
        margin: 0px !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        border-width: 1px 1px 1px 0px;
        border-style: solid;
        border-color: #CCCCCC;
        border-radius: 0px 5px 5px 0px;
        box-sizing: border-box;
    }

.textFieldDisabled {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #999;
    cursor: default;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
    font-size: 12px;
    height: 22px;
    line-height: 16px;
    padding: 2px;
    vertical-align: middle;
    border-radius: 3px;
    box-sizing: border-box;
    width: auto;
    float: left;
    user-select: none;
}

.amicus-date-time-picker .k-picker-wrap .k-icon {
    margin-top: -2px;
}

.amicus-timer-input {
    color: #000 !important;
    background-color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.md-gridicon {
    font-size: 18px !important;
    margin-left: 6px;
    margin-right: 10px;
    float: left;
}

    .md-gridicon + span {
        position: relative;
    }

    .md-gridicon.far, .md-gridicon.fas {
        font-size: 16px !important;
        margin-left: 8px;
        margin-right: 10px;
        float: left;
    }

    .md-gridicon.fa-file, .md-gridicon.fa-file-pdf, .md-gridicon.fa-file-word, .md-gridicon.fa-file-excel, .md-gridicon.fa-file-powerpoint, .md-gridicon.fa-file-archive, .md-gridicon.fa-file-alt, .md-gridicon.fa-file-image, .md-gridicon.fa-file-audio, .md-gridicon.fa-file-video, .md-gridicon.fa-file-code {
        margin-left: 9px;
        margin-right: 12px;
    }

.md-gridicon2 {
    font-size: 18px !important;
    margin-left: 6px;
    margin-right: 10px;
    float: left;
}

    .md-gridicon2.far, .md-gridicon2.fas {
        font-size: 16px !important;
        margin-left: 0px;
        margin-right: 7px;
        float: left;
    }

.md-billed_gridicon {
    color: #000;
    font-size: 18px !important;
    font-weight: bold !important;
    float: left;
    position: absolute;
    left: 10px;
}

.md-lockright_gridicon {
    color: #000;
    font-size: 12px !important;
    float: left;
    position: absolute;
    left: 14px;
    top: 5px;
}

.md-lockleft_gridicon {
    color: #000;
    font-size: 12px !important;
    float: left;
    position: absolute;
    left: 5px;
    top: 5px;
}

.md-repeat_gridicon {
    color: #000;
    font-size: 14px !important;
    float: left;
    position: absolute;
    left: 8px;
    top: 2px;
}

.md-arrow_forward_gridicon {
    color: #000;
    font-size: 14px !important;
    float: left;
    position: absolute;
    left: 13px;
    top: 3px;
}

.md-arrow_downward_gridicon {
    color: #000;
    font-size: 14px !important;
    float: left;
    position: absolute;
    left: 8px;
    top: 0px;
}

.md-trustGridIcon {
    font-size: 14px !important;
    top: -1px;
    position: relative;
    margin-right: 12px;
}

.md-trust_out_gridicon {
    color: #2979FF;
    font-size: 14px !important;
    position: absolute;
    left: 14px;
    top: 3px;
}

.md-trust_in_gridicon {
    color: #00C853;
    font-size: 14px !important;
    position: absolute;
    left: 14px;
    top: 3px;
}

.md-trust_refund_gridicon {
    color: #B71C1C;
    font-size: 14px !important;
    position: absolute;
    left: 14px;
    top: 3px;
}

.md-neutral_color {
    color: #455A64 !important;
}

.md-portal_color {
    color: #309CE4 !important;
}

.md-tentative_color {
    color: #888888 !important;
}

.md-appointment_color {
    color: #309CE4 !important;
}

.md-task_color {
    color: #309CE4 !important;
}

.md-fileicon_color {
    color: #309CE4 !important;
}

.md-contacticon_color {
    color: #309CE4 !important;
}

.md-usericon_color {
    color: #309CE4 !important;
}

.md-timeentry_color {
    color: #309CE4 !important;
}

.md-expense_color {
    color: #309CE4 !important;
}

.md-noteicon_color {
    color: #309CE4 !important;
}

.md-documenticon_color {
    color: #309CE4 !important;
}

.md-documenticonWord_color {
    color: #0055EE !important;
}

.md-documenticonExcel_color {
    color: #007740 !important;
}

.md-documenticonPdf_color {
    color: #C90000 !important;
}

.md-documenticonPowerPoint_color {
    color: #ED1406 !important;
}

.md-billing_color {
    color: #309CE4 !important;
}

.md-voidpayment_color {
    color: #888888 !important;
}

.md-refundpayment_color {
    color: #B71C1C !important;
}

.md-phone_color {
    color: #309CE4 !important;
}

.md-email_color {
    color: #309CE4 !important;
}

.md-report_color {
    color: #309CE4 !important;
}

.md-workflow_color {
    color: #309CE4 !important;
}

.md-disabled_color {
    color: #888888 !important;
}

.md-info {
    color: #1984B1 !important;
    cursor: pointer;
}

td.PortalEnabled i:first-of-type {
    color: #fff !important;
}

.aa-txtQuickFind {
    background: url(/images/search-white.png) no-repeat 2px 3px #fff;
    background-color: #fff !important;
}

    .aa-txtQuickFind:focus {
        background: #fff !important;
    }

.aa-o-lblNew {
    color: red;
    font-size: 10px;
    font-weight: bold;
}

.k-calendar .k-weekend .k-link {
    color: Orange;
}

.k-calendar .k-state-selected {
    color: Red;
}

.k-calendar .k-today .k-state-selected:visited {
    color: brown;
}

.k-calendar td, .k-calendar .k-link, .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker.k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload, .k-group-start.k-group-end.k-tool-icon {
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
}

.k-tool-icon.k-group-start {
    -moz-border-radius: 2px 0 0 2px !important;
    -webkit-border-radius: 2px 0 0 2px !important;
    border-radius: 2px 0 0 2px !important;
}

.k-tool-icon.k-group-end {
    -moz-border-radius: 0 2px 2px 0 !important;
    -webkit-border-radius: 0 2px 2px 0 !important;
    border-radius: 0 2px 2px 0 !important;
}

.k-calendar .k-state-selected {
    background-image: none !important;
}

.k-popup {
    box-shadow: 5px 3px 10px rgba(82,90,104,0.2) !important;
}