/* Custom CSS for the new UI colour scheme to be included after the Bootstrap, SiteBase and Site Stylesheet */
/* 
@main_background: #eee9e2;
@menu_background: #579aaa;
@menu_item_highlight: #e76e67;
@toolbar_background: #579aaa;
@toolbar_item_highlight: #1b7e5a;
@grid_background: #ffffff;
@grid_headback: #222222;
@grid_headtext: #ffffff;
@grid_row_text: #222222;
@grid_row_select_back: #579aaa;
@grid_row_select_text: #ffffff;
*/


html, body {
    background-color: #eee9e2;
}

/* Logon Page ----------------------------------------------------------------------------------------------------------*/
.LogonBody {
    background: #eee !important;
}

#LogonPanel {
    background-color: #fff;
    border-top: 4px solid #579aaa;
}

    #LogonPanel input[type="text"],
    #LogonPanel input[type="password"] {
        border-left: 4px solid #579aaa;
    }

#divGridIsFilteredMsg {
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
    display: none;
}

.StandardError {
    color: #CC0000;
    font-size: 12px;
    display: none;
}

.white {
    color: #ffffff;
}

.passwordError {
    padding-left: 15px;
}

/* Navigation Menu customisations -------------------------------------------------------------------------------------- */

.navbar-main {
    color: #fff;
    background-color: #579aa9; /*#579aa9;*/
    border-color: #579aaa; /*#2F4050;*/
    border-radius: 0px 0px 0px 0px;
}

    .nav,
    .navbar-nav,
    .navbar-main > .navbar-collapse {
        background-color: #579aa9; /*#2F4050;*/
    }

#pnlSearch ul.nav-tabs
{
    background-color: transparent !important;
    margin-bottom: 20px;
}

.navbar-main .navbar-nav > li {
    border-bottom: 1px inset #eee9e2; /*#808080;*/
}

.nav > li.active {
    /*border-left:4px solid #26545C;*/
    background-color: #26545C;
}

.navbar-nav .nav-second-level {
    position: absolute;
    min-width: 160px;
    top: -1px;
    left: 52px;
    margin-left: -4px;
    background-color: #579aa9;
    padding: 3px 3px 3px 3px;
    z-index: 2;
    border: 1px solid #eee9e2;
}

.nav-second-level > li {
    border-bottom: 1px solid #ddd;
}

    .nav-second-level > li:last-child {
        border-bottom: 0;
    }

    .nav-second-level > li > a {
        color: #fff;
    }

        .nav-second-level > li > a:hover {
            color: #000;
            background-color: #579aa9;
            cursor: pointer;
        }

#wkflwMenuNotification {
    color: #e08749;
}

#TAInfoLevel2 .badge {
    color: #FFF;
    background-color: #26545c;
}

/* Toolbar customisations ---------------------------------------------------------------------------------------------- */
.atala-document-toolbar,
.ddlLists,
.timelineToggleSelected {
    background-color: #579aa9 !important;
}

div#ModeContainer.InactiveDocument .atala-document-toolbar {
    background-color: #e60000 !important;
}

/* Viewer customisations ----------------------------------------------------------------------------------------------- */

.atala_main_container {
    background-color: #eee9e2 !important;
}

    /*.atala_main_container div {
        padding-bottom: 2px !important;
    }*/

    .atala_main_container > div > img {
        border: 1px solid #D5D1C9 !important;
        /*background-color: #eee9e2!important;*/
    }

#btnDownloadLetter .fa {
    color: #FFFFFF;
}

#btnDownloadLetter .fa:hover {
    color: #000000;
}

/* Scrollbar customisations -------------------------------------------------------------------------------------------- */

body {
    scrollbar-base-color: #808080;
    scrollbar-face-color: #579aa9;
    scrollbar-arrow-color: #ffffff;
    scrollbar-shadow-color: #579aa9;
}

::-webkit-scrollbar {
    width: 1.2em; /* width of vertical scrollbar */
    height: 1.2em; /* height of horizontal scrollbar */
}

#divSimpleViewer .atala_scroller::-webkit-scrollbar {
    width: 0.85em; /* width of vertical scrollbar */
}

#LightContainer .atala_scroller::-webkit-scrollbar {
    width: 0.85em; /* width of vertical scrollbar */
    height: 0.85em; /* width of horizontal scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #D3D3D3;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-color: #579aa9;
    -webkit-box-shadow: inset 0 0 0.6em rgba(0,0,0,0.5);
}

/* Panel customisations ------------------------------------------------------------------------------------------------ */

#iconSearchChevron {
    color: #666666;
}

/* Strip away the border and set transparent background */
#divSearch, #divSearch > .panel, #divSearch > .panel-main, #divSearch > .panel-main > .panel-heading,
#divDemog, #divDemog > .panel, #divDemog > .panel-main, #divDemog > .panel-main > .panel-heading,
.adminContent, .adminContent > .panel, .adminContent > .panel-main, .adminContent > .panel-main > .panel-heading,
#divMainContent > .panel, #divMainContent > .panel-main, #divMainContent > .panel-main > .panel-heading,
#divTimelineInfo, #divTimelineInfo > .panel, #divTimelineInfo > .panel-main, #divTimelineInfo > .panel-main > .panel-heading
#divVip, #divVip > .panel, #divVip > .panel-main, #divVip > .panel-main > .panel-heading {
    border: 0px;
    background: transparent;
    box-shadow: 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px;
}

    #divSearch > .panel-main > .panel-heading,
    #divDemog > .panel-main > .panel-heading,
    #divMainContent > .panel-main > .panel-heading,
    #divTimelineInfo > .panel-main > .panel-heading,
    #divVip > .panel-main > .panel-heading {
        border-bottom: 1px solid #D5D1C9;
    }

.panel-group > .panel-default {
    border-color: #579aa9;
    border-radius: 0px;
}

#pnlProperties, #pnlAudit, #pnlBatch, #pnlOCR, #pnlAnnotations, #pnlDocHistory, #pnlUserData, #pnlOrganisations, #pnlJobTypes, #pnlEFormTemplates, #pnlGroups, #pnlPermissions, #pnlAssociations, #pnlOrganisationList,
#pnlClinic, #pnlClinician, #pnlLocation, #pnlSpeciality, #pnlWard, #pnlFilePlanList, #pnlExportAdvanced, #pnlRecordAmendmentTree, #pnlDefaultModule, #pnlDefaultCategory, #pnlReIndexCriteria,
#pnlDKDConfigSelections, #pnlDKDConfigurations, #pnlQA, #pnlQADataKeys, #pnlVipAdmin, #pnlWorkflow, .pnlGeneral, #pnlBasket, #pnlCustom, .pnlDocumentLink, #pnlUploadBatchSelection, #pnlUploadBatchQueue, #pnlUploadIndexer {
    border-color: #579aa9;
    border-radius: 0px;
}

    #pnlProperties .panel-heading,
    #pnlOCR .panel-heading,
    #pnlAudit .panel-heading,
    #pnlBatch .panel-heading,
    #pnlAnnotations .panel-heading,
    #pnlDocHistory .panel-heading,
    #pnlUserData .panel-heading,
    #pnlOrganisations .panel-heading,
    #pnlOrganisationList .panel-heading,
    #pnlGroups .panel-heading,
    #pnlPermissions .panel-heading,
    #pnlJobTypes .panel-heading,
    #pnlEFormTemplates .panel-heading,
    #pnlAssociations .panel-heading,
    #pnlClinic .panel-heading,
    #pnlClinician .panel-heading,
    #pnlLocation .panel-heading,
    #pnlSpeciality .panel-heading,
    #pnlWard .panel-heading,
    #pnlFilePlanList .panel-heading,
    #pnlExportAdvanced .panel-heading,
    #pnlRecordAmendmentTree .panel-heading,
    #pnlDefaultModule .panel-heading,
    #pnlDefaultCategory .panel-heading,
    #pnlReIndexCriteria .panel-heading,
    #pnlDKDConfigSelections .panel-heading,
    #pnlDKDConfigurations .panel-heading,
    #pnlQA .panel-heading,
    #pnlQADataKeys .panel-heading,
    #pnlVipAdmin .panel-heading,
    #pnlWorkflow .panel-heading,
    .pnlGeneral .panel-heading,
    #pnlBasket .panel-heading,
    #pnlCustom .panel-heading,
    .pnlDocumentLink .panel-heading,
    #pnlUploadBatchSelection .panel-heading,
    #pnlUploadBatchQueue .panel-heading,
    #pnlUploadIndexer .panel-heading {
        background-color: #579aa9;
        border-radius: 0px;
    }

        #pnlProperties .panel-heading h4 a,
        #pnlAudit .panel-heading h4 a,
        #pnlBatch .panel-heading h4 a,
        #pnlOCR .panel-heading h4 a,
        #pnlAnnotations .panel-heading h4 a,
        #pnlDocHistory .panel-heading h4 a,
        #pnlUserData .panel-heading h4 a,
        #pnlOrganisations .panel-heading h4 a,
        #pnlOrganisationList .panel-heading h4 a,
        #pnlGroups .panel-heading h4 a,
        #pnlPermissions .panel-heading h4 a,
        #pnlJobTypes .panel-heading h4 a,
        #pnlEFormTemplates .panel-heading h4 a,
        #pnlAssociations .panel-heading h4 a,
        #pnlClinic .panel-heading h4 a,
        #pnlClinician .panel-heading h4 a,
        #pnlLocation .panel-heading h4 a,
        #pnlSpeciality .panel-heading h4 a,
        #pnlWard .panel-heading h4 a,
        #pnlFilePlanList .panel-heading h4 a,
        #pnlExportAdvanced .panel-heading h4 a,
        #pnlRecordAmendmentTree .panel-heading h4 a,
        #pnlDefaultModule .panel-heading h4 a,
        #pnlDefaultCategory .panel-heading h4 a,
        #pnlReIndexCriteria .panel-heading h4 a,
        #pnlDKDConfigSelections .panel-heading h4 a,
        #pnlDKDConfigurations .panel-heading h4 a,
        #pnlQA .panel-heading h4 a,
        #pnlQADataKeys .panel-heading h4 a,
        #pnlVipAdmin .panel-heading h4 a,
        #pnlWorkflow .panel-heading h4 a,
        .pnlGeneral .panel-heading h4 a,
        #pnlBasket .panel-heading h4 a,
        #pnlCustom .panel-heading h4 a,
        .pnlDocumentLink .panel-heading h4,
        #pnlUploadBatchSelection .panel-heading h4 a,
        #pnlUploadBatchQueue .panel-heading h4 a,
        #pnlUploadIndexer .panel-heading h4 a {
            color: #fff;
        }

            #pnlProperties .panel-heading h4 a:hover,
            #pnlAudit .panel-heading h4 a:hover,
            #pnlOCR .panel-heading h4 a:hover,
            #pnlBatch .panel-heading h4 a:hover,
            #pnlAnnotations .panel-heading h4 a:hover,
            #pnlDocHistory .panel-heading h4 a:hover,
            #pnlProperties .panel-heading h4 a:visited,
            #pnlAudit .panel-heading h4 a:visited,
            #pnlOCR .panel-heading h4 a:visited,
            #pnlBatch .panel-heading h4 a:visited,
            #pnlAnnotations .panel-heading h4 a:visited,
            #pnlDocHistory .panel-heading h4 a:visited,
            #pnlUserData .panel-heading h4 a:visited,
            #pnlOrganisations .panel-heading h4 a:visited,
            #pnlOrganisationList .panel-heading h4 a:visited,
            #pnlGroups .panel-heading h4 a:visited,
            #pnlPermissions .panel-heading h4 a:visited,
            #pnlJobTypes .panel-heading h4 a:visited,
            #pnlEFormTemplates .panel-heading h4 a:visited,
            #pnlAssociations .panel-heading h4 a:visited,
            #pnlClinic .panel-heading h4 a:visited,
            #pnlClinician .panel-heading h4 a:visited,
            #pnlLocation .panel-heading h4 a:visited,
            #pnlSpeciality .panel-heading h4 a:visited,
            #pnlWard .panel-heading h4 a:visited,
            #pnlFilePlanList .panel-heading h4 a:visited,
            #pnlDefaultModule .panel-heading h4 a:visited,
            #pnlDefaultCategory .panel-heading h4 a:visited,
            #pnlDKDConfigSelections .panel-heading h4 a:visited,
            #pnlDKDConfigurations .panel-heading h4 a:visited,
            #pnlQA .panel-heading h4 a:visited,
            #pnlQADataKeys .panel-heading h4 a:visited,
            #pnlVipAdmin .panel-heading h4 a:visited,
            #pnlWorkflow .panel-heading h4 a:hover,
            #pnlWorkflow .panel-heading h4 a:visited,
            .pnlGeneral .panel-heading h4 a:visited,
            #pnlBasket .panel-heading h4 a:visited,
            #pnlCustom .panel-heading h4 a:visited,
            #pnlUploadBatchSelection .panel-heading h4 a:visited,
            #pnlUploadBatchQueue .panel-heading h4 a:visited,
            #pnlUploadIndexer .panel-heading h4 a:visited {
                color: #222;
            }

.divHTMLLetterContainer .panel {
    border: 1px solid #CCC !important;
    background: transparent !important;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05) !important;
    border-radius: 0px !important;
    cursor: default !important;
}

    .divHTMLLetterContainer .panel .panel-heading {
        background-color: #f5f5f5;
        border-bottom: 1px solid #CCC;
    }

/* Admin panel customisations */
.AdminMenuTitle {
    margin-left: 80px;
    margin-top: -16px;
    font-weight: bold;
}

.AdminMenuItems {
    font-size: 12px;
    line-height: 25px;
    padding-left: 10px;
}

/* Button customisations ----------------------------------------------------------------------------------------------- */

input[type="button"], input[type="submit"], input[type="file"], .k-upload-button input, .btn-primary, .btn-primary:focus, .btn-primary[disabled], .k-button.k-primary {
    background-color: #579aa9 !important;
    border-color: #579aaa !important;
    border-radius: 0px !important;
}


    .btn-primary:hover {
        color: #ffffff !important;
        background-color: #222222 !important;
        border-color: #222222 !important;
    }

    input[type="button"].selectedButton {
        border: 2px solid #e76e67 !important;
    }

#txtLoadInContext {
    color: #e76e67;
    font-weight: bold;
    font-size: 11px;
    margin-left: 20px;
    display: none;
}

.icon{
    color: #579aa9 !important;
}

.k-button.k-button-icon, .k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:focus, .k-button.k-state-disabled:hover, .k-button.k-state-disabled:hover:active, .k-button[disabled], .k-button[disabled]:active, .k-button[disabled]:focus, .k-button[disabled]:hover, .k-button[disabled]:hover:active, .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:active:active, .k-state-disabled .k-button:focus, .k-state-disabled .k-button:hover {
    background-color: #579aa9 !important;
    width: 35px;
}

.k-filtercell .k-button-icon {
    background-color: transparent !important;
    color: red !important;
    width: 16px;
}

/*  Grid customisations ------------------------------------------------------------------------------------------------ */
.briefcaseSelected {
    color: #579aa9;
}

.briefcaseExported {
    color: red;
}

.k-grid-header,
.k-grid-header th {
    background-color: #222222 !important;
}

    /*.k-grid-header th a,
    .k-grid-header th.k-header span {
        color: #eee9e2 !important;
        font-weight: normal !important;
    }*/

        .k-grid-header th.k-header span.briefcaseSelected {
            color: #579aa9 !important;
            font-weight: normal !important;
        }

.k-master-row td {
    background-color: #ffffff;
}

.k-state-selected,
.k-state-selected td,
.rowSelected,
table.dataTable tr.selected {
    background-color: #579aa9 !important;
    border-color: #579aaa !important;
}

table.dataTable tr.selected {
    color: #fff !important;
}

table.dataTable {
    background-color: #fff !important;
    font-size: 11px !important;
    color: #333 !important;
}

table.dataTable td {
    padding: 0.4em 0.6em !important;
}
 
.interface-selected {
    color: red !important;
}

.k-state-selected .k-edit-cell {
    color: #333;
}

/* Tab customisations ------------------------------------------------------------------------------------------------- */

.ApptDetailTabStrip {
    width: 100%;
}

#MenuTabStrip > ul.k-reset.k-tabstrip-items > li,
#DocumentTabStrip > ul.k-reset.k-tabstrip-items > li,
#CreateTabStrip > ul.k-reset.k-tabstrip-items > li,
.ApptDetailTabStrip > ul.k-reset.k-tabstrip-items > li {
    border: 1px #eee9e2 solid;
    border-bottom: none;
    border-radius: 0px;
    border-right: none;
}

.k-tabstrip-items .k-link, .k-panelbar > li > .k-state-default,
#pnlSearch .nav > li.disabled {
    color: #ffffff;
    background-color: #222222;
    border: 1px solid #eee9e2;
}

.k-tabstrip-items .k-state-default .k-link,
#pnlSearch .nav > li.notactive {
    background-color: #222222 !important;
    /*border:1px solid #eee9e2;*/
}

    .k-tabstrip-items .k-state-active .k-link,
    .k-tabstrip-items .k-state-default .k-link:hover,
    #pnlSearch .nav > li.active {
        background-color: #579aa9 !important;
        border: 1px solid #eee9e2;
        border-radius: 0px;
    }


.k-tabstrip-items .k-state-default .k-link,
#FavoutiteList .k-panelbar > li.k-state-default > .k-link,
#CaseNotePanelBar .k-panelbar > li.k-state-default > .k-link,
#Dashboard .k-panelbar > li.k-state-default > .k-link,
#Upload .k-panelbar > li.k-state-default > .k-link,
#CustomersPanel .k-panelbar > li.k-state-default > .k-link,
#BatchUpload .k-panelbar > li.k-state-default > .k-link {
    color: #ffffff;
}

.k-tabstrip:focus {
    box-shadow: none !important;
}

.k-tabstrip .k-content.k-state-active {
    border: none;
    background: none;
}

/* Casenote panel colour customisations -------------------------------------------------------------------------------- */
#CaseNotePanelBar, input.cmsCategories, input.cmsCustomers {
    border-color: #579aaa !important;
}

#CaseNotePanelBar li a, input.cmsCategories, input.cmsCustomers {
    background-color: #222222 !important;
    color: #FFFFFF !important;
    border-color: #579aaa !important;
}

#CaseNotePanelBar li a {
    border-left-color: #222222 !important;
}

.k-grid-header th.k-header, .k-filter-row th, .k-grid-header th.k-header > .k-link, .k-grid-header .k-link:link {
    color: #eee9e2;
}

/* Pager customisations ------------------------------------------------------------------------------------------------ */

.k-pager-wrap {
    background-color: #222 !important;
    color: #fff !important;
}

.k-pager-numbers {
    background-color: transparent !important;
}

#CaseNotePanelBar .k-pager-wrap .k-pager-nav,
#CaseNotePanelBar .k-pager-wrap .k-link,
#CaseNotePanelBar .k-pager-wrap .k-state-expanded,
#CaseNotePanelBar .ALERTSPB .k-pager-wrap .k-link {
    background-color: #fff !important;
    color: #000 !important;
}

.k-pager-numbers li .k-state-selected {
    background-color: #579aa9 !important;
    color: #eee9e2 !important;
}

/* Demographic custom css ----------------------------------------------------------------------- */

.mainBack {
    background-color: #579aa9;
    border: 1px solid #eee9e2;
    color: #ffffff;
}

.alertBack {
    background-color: #e76e67;
    border: 1px solid #e76e67;
    color: #ffffff;
}

.deceasedBack, #scanErrorMsg, #noPermissionsMsg {
    color: #FFFFFF;
    background-color: #e08749;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #e08749;
    margin-left: 1px;
}

#scanErrorMsg, #noPermissionsMsg {
    border-top: 1px solid #eee9e2;
}

.dataBack {
    background-color: #222222;
    height: auto;
    max-height: none;
    padding-top: 10px;
    cursor: pointer;
}

dt {
    text-align: left !important;
    font-weight: normal !important;
}

#divQuickLaunchDemogs {
    padding: 5px;
    background-color: #579aa9;
    color: #fff;
    border-left: 1px solid #eee9e2;
}


/* Alerts customisations ----------------------------------------------------------------------------------------------- */

#divAlerts label {
    font-weight: normal !important;
}

#divQuickLinksHeading,
#divTimelineHeading,
#divCaseNotesHeading {
    border: 1px solid #579aaa;
    margin-bottom: 1px;
}

#divDmgs {
    border-top: 1px solid #579aaa;
    border-left: 1px solid #579aaa;
    border-bottom: 1px solid #579aaa;
}

#divRcnt {
    border-top: 1px solid #579aaa;
    border-right: 1px solid #579aaa;
    border-bottom: 1px solid #579aaa;
    border-left: none;
}

#divBGButton {
    border-top: none;
    border-left: 1px solid #579aaa;
    border-bottom: 1px solid #579aaa;
}

#divalerts {
    border: 1px solid #579aaa;
}

#divTimelineContainer {
    border-left: 1px solid #579aaa;
    border-right: 1px solid #579aaa;
    border-bottom: 1px solid #579aaa;
}

#CaseNotesDiv {
    border-left: 1px solid #eee9e2;
    border-right: 1px solid #eee9e2;
    border-bottom: 1px solid #eee9e2;
}

.panel-footer {
    background-color: transparent !important;
}

#RecentGridLetters {
    background: none;
    border: none;
    padding-right: 1px;
}

.timelinePeriod p,
.lastTimelinePeriod p {
    background-color: #579aa9;
    color: #FFFFFF;
    padding: 2px 2px 2px 5px;
    line-height: 25px;
    margin-bottom: 0px;
}

#divTimelineKey, #divBoxPanel {
    border: 1px solid #579aaa !important;
}

    #divTimelineKey .panel-heading,
    #divBoxPanel .panel-heading {
        border-bottom: 1px solid #579aaa !important;
        background-color: #579aa9 !important;
        color: #FFFFFF;
    }


/* Dialog colour customisations ---------------------------------------------- This will eventually be replaced by modal */

.ui-dialog {
    border-radius: 0px !important;
}

.ui-widget-header {
    background-image: none !important;
    background: none !important;
    background-color: #579aa9 !important;
    border-color: #579aaa !important;
    border-radius: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background: none !important;
    border: none !important;
    color: #FFFFFF !important;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none !important;
        margin-left: 45%;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        background-color: #579aa9 !important;
        border: 1px solid #579aaa !important;
        border-radius: 0px !important;
        font-size: 12px;
        color: #FFFFFF !important;
    }

.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-button {
    background-color: #579aa9 !important;
    color: #FFFFFF !important;
    margin-left: 10px !important;
}
/*-------------------------------------------------------------------------------------------------*/

/* Icon customisation */

.changeStatusDdl {
    color: #000;
    background-color: #fff;
}

.k-i-funnel, .k-filter {
    background: url('Base/Icons/white_filter.png') no-repeat center !important;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    cursor: pointer;
}

/* Image Uploader */

#fileSelector .k-upload-empty {
    border: 1px solid #579aaa;
}

.k-file-success .k-progress {
    background-color: #579aa9;
}

.k-dropzone .k-upload-status {
    color: #000000;
}

/***************** Case notes *****************/

/* Tree View Casenotes */

.k-widget.k-treeview {
    color: #222;
}

#CaseNotesTree .k-state-hover {
    color: #FFF;
}

#CaseNotesTree .k-plus {
    background-position: -180px -194px;
    margin-top: 6px;
}

#CaseNotesTree .k-minus {
    background-position: -178px -210px;
}

#CaseNotesTree ul li div {
    border-left: 1px solid #eee9e2;
    border-top: 1px solid #eee9e2;
    border-right: 1px solid #eee9e2;
    background-color: #579aa9;
    color: #FFF;
}

#CaseNotesTree ul li:last-child div {
    border-bottom: 1px solid #579aa9;
}

#CaseNotesTree ul li ul li div {
    border-left: 1px solid #eee9e2;
    border-top: 1px solid #eee9e2;
    border-right: 1px solid #eee9e2;
    background-color: #579aa9;
}


#CaseNotesTree ul li ul li ul li div {
    border-left: 1px solid #eee9e2;
    border-top: 1px solid #eee9e2;
    border-right: 1px solid #eee9e2;
    background-color: #579aa9;
}

/* Tabbed View Casenotes */

#CaseNoteSectionTabStrip ul li {
    border: 1px solid #eee9e2;
}


/* Accordian Episode Casenotes */

#CaseNotePanelBar .k-treeview .k-state-focused {
    box-shadow: none;
}

#CaseNotePanelBar .k-treeview .k-state-hover {
    color: #222;
    border-radius: 0;
    cursor: pointer;
}

#CaseNotePanelBar .k-treeview .k-state-selected {
    background: none;
    background-color: #FFF;
    color: #222;
    border-radius: 0;
    border-bottom: 2px solid #579aa9;
}

.Inactive {
    background-color: #C0C1C3;
}

.notifyjs-wrapper {
    z-index: 2000 !important; /* This is set to 2000 because when the viewer has no docs the z-index is set to 1001 so needs to be greater so that messages are not shown underneath the viewer ui blocker */
}

.notifyjs-ccubeHTML-filePlanConfigNo,
.notifyjs-ccubeHTML-hrFiltering,
.notifyjs-ccubeHTML-timeline {
    white-space: nowrap !important;
}

.notifyjs-ccubeHTML-filePlanConfigNo,
.notifyjs-ccubeHTML-hrFiltering,
.notifyjs-ccubeHTML-unsupportedDocumentInfo,
.notifyjs-ccubeHTML-documentConverted {
    color: #000 !important;
    background-color: #ffeaa8 !important;
}

.notifyjs-ccubeHTML-unsupportedDocumentInfo,
.notifyjs-ccubeHTML-documentConverted {
    width: 30em;
}

    .notifyjs-ccubeHTML-filePlanConfigNo span,
    .notifyjs-ccubeHTML-hrFiltering span,
    .notifyjs-ccubeHTML-timeline span,
    .notifyjs-ccubeHTML-unsupportedDocumentInfo span,
    .notifyjs-ccubeHTML-documentConverted span {
        font-weight: normal !important;
        white-space: nowrap !important;
    }

    .notifyjs-ccubeHTML-filePlanConfigNo span,
    .notifyjs-ccubeHTML-hrFiltering span {
        color: #000 !important;
        background-color: #ffeaa8 !important;
    }

.notifyjs-ccubeHTML-hideblanksNormal {
    color: #000 !important;
    background-color: #ffeaa8 !important;
}

.k-filter-row .k-dropdown-wrap.k-state-default
/*,.k-filtercell > span > .k-button*/ {
    background-color: #222222 !important;
    border-color: #222222 !important;
}

    .notifyjs-ccubeHTML-hideblanksNormal span {
        color: #000 !important;
        background-color: #ffeaa8 !important;
        font-weight: normal !important;
    }

.notifyjs-ccubeHTML-hideblanksAggressive {
    color: #fff !important;
    background-color: red !important;
}

    .notifyjs-ccubeHTML-hideblanksAggressive span {
        color: #fff !important;
        background-color: red !important;
        font-weight: normal !important;
    }


/***************** Forms Tab *****************/

#FormsPanelBar li a.k-state-selected,
#FormsPanelBar .k-treeview-lines .k-state-selected {
    background-color: #579aa9;
}

span#mergedCustomer {
    color: white;
    width: 0px;
    float: left;
    left: -5px;
    font-size: 18px;
}

/***************** List Tab *****************/

#CaseNotesList th[data-title="Info"] .k-link {
    color: #222 !important;
}

/***************** Pager bar *****************/
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #fff !important;
    background-color: #222 !important;
    border-color: #dddddd !important;
    color: #fff !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #222 !important;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #222 !important;
    border: 1px solid #dddddd !important;
    color: #ffffff !important;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #222 !important;
    border: 1px solid #dddddd !important;
    border-radius: 15px;
}

    .pager li > a:hover,
    .pager li > a:focus {
        background-color: #222 !important;
    }


.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #999999 !important;
    background-color: #222 !important;
}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff !important;
    background-color: #579aa9 !important;
    border-color: #579aa9 !important;
}

.ui-slider .ui-slider-handle {
    background-color: #579AA9 !important;
}

.cmsTextContents {
    color: #579AA9;
    font-size: 14px;
    margin-right: 10px;
}

input.cmsCategoriesSelected, input.cmsCustomersSelected {
    background-color: #579AA9;
    color: #ffffff;
}

.cmsLink {
    background-color: transparent !important;
}

/*  Glyphicon  -----------------------------------------------------------------------------------------------------------*/

.dbWidget .glyphicon {
    color: #222;
    font-size: 14px;
    margin-left: 10px;
}

.glyphicon-remove,
.glyphicon-remove-circle {
    color: red !important;
}

.glyphicon-ok,
.glyphicon-ok-circle {
    color: green !important;
}

/* Eforms -----------------------------------------------------------------------------------------------------------------*/

#ifEForm {
    border: 1px solid #ddd;
}

/* Icons ------------------------------------------------------------------------------------------------------------------*/

.k-icon .k-i-filter,
.k-filter-row .k-i-filter {
    color: #FFF !important;
}

/* Grid icons -------------------------------------------------------------------------------------------------------------*/

.k-grid-pager .k-link:link,
.k-grid-pager .k-link:visited .k-grid-pager .k-nav-current.k-state-hover {
    color: #000;
}

.k-grid-header span.fa:hover,
.k-grid-header span.on,
.iconStandalone.selectedIcon {
    color: #ff7f00 !important;
}

.k-grid-header span.fa-exclamation:hover {
    color: #CCCCCC !important;
}

#CaseNotePanelBar .k-i-arrow-n,
#CaseNotePanelBar .k-i-arrow-n:hover,
.k-link span.k-i-arrow-n {
    background: url('/Content/Base/Icons/DemographicIcons.png') no-repeat top left;
    background-position: 0px -482px;
    width: 7px;
    height: 4px;
    margin-left: 4px;
    margin-top: 4px;
    cursor: pointer;
}

.k-i-arrow-n::before {
    content: none;
}

#CaseNotePanelBar .k-i-arrow-s,
#CaseNotePanelBar .k-i-arrow-s:hover,
.k-grid-header th > .k-link:hover span.k-i-arrow-s,
.k-link span.k-i-arrow-s {
    background: url('/Content/Base/Icons/DemographicIcons.png') no-repeat top left;
    background-position: 0px -468px;
    width: 7px;
    height: 4px;
    margin-left: 4px;
    margin-top: 4px;
    cursor: pointer;
}

.k-i-arrow-s::before {
    content: none;
}

a.k-grid-filter {
    color: #FFFFFF !important;
}

.k-grid-filter.k-state-active {
    background-color: transparent !important;
    color: red !important;
}

#DraftGrid select[name="Clinics"] {
    color: #000 !important;
}

/* Workflow screen specific ---------------------------------------------------------------------------------------------------*/
#WorkflowJobGrid .k-grid-toolbar {
    background-color: #eee9e2;
}

.dbWidget #WorkflowJobGrid {
    margin-top: 4px;
}

    .dbWidget #WorkflowJobGrid .k-grid-toolbar {
        background-color: #fff;
    }

#spanRequired {
    color: #e08749;
}

#spanHelp {
    float: right;
    color: #222;
    font-size: 18px;
}

.taskComplete {
    color: #26545c;
}

    .taskComplete #spantxt {
        float: left;
        font-weight: bold;
    }

    .taskComplete #spanicon {
        float: right;
        font-size: 18px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

#spaniconFin {
    color: #26545c;
    font-size: 18px;
    margin-right: 5px;
    margin-bottom: 5px;
}
/* Index form customisations -------------------------------------------------------------------------------------- */
.yellowBack {
    background-color: #ffcc66;
}

.multilineTexBox {
    height: 50px;
}

/* Panel customisations -------------------------------------------------------------------------------------- */

.well {
    border-color: #579aaa;
    background-color: #fff;
}

#divDashboardPanel.modal-content {
    overflow-y: scroll;
    position: relative;
}

.timelineLabels {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

.timelineLabelHighlight {
    border: 2px solid red;
}

.timelineBadge, .qaBadge {
    background-color: #579aa9;
}

.k-invalid-msg {
    width: auto;
    text-align: left !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: red !important;
    font-weight: bold;
}

#ErrorExportFrom,
#ErrorExportTo {
    width: auto;
    text-align: left !important;
    background-color: #e76e67 !important;
    border-color: transparent !important;
    color: white !important;
    font-weight: bold;
}

/* Admin Module styles ----------------------------------------------------------------------------------------------------*/

.sidenav {
    background-color: #26545c;
}

    .sidenav a:hover,
    .sidenav a:focus {
        color: #579aa9;
    }

    .sidenav .panel {
        border-color: #26545c;
        background-color: #26545c;
    }

    .sidenav .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #263238;
        background-color: #263238;
    }

    .sidenav .panel-group > .panel-default {
        border-color: #263238;
    }

/* System Notification Module styles --------------------------------------------------------------------------------------*/

#divSystemNotifications .close {
    color: #a94442;
    opacity: 1;
}

#divSystemNotifications h1,
#divSystemNotifications .glyphicon-bell {
    color: #a94442;
}

#divSystemNotifications p {
    color: #000000;
}

.lightgrey {
    color: #CCCCCC;
}

.grey {
    color: #666666;
}

.amber {
    color: orange;
}

.green {
    color: #26545C;
}

.lightGreen {
    color: #579aa9;
}

.darkGreen {
    color: #0A8934;
}

.blueTile {
    background-color: #517EBB;
}

.greenTile {
    background-color: #2BA23B;
}

.orangeTile {
    background-color: #D9562F;
}

.purpleTile {
    background-color: #8E2C85;
}

.lightPurpleTile {
    background-color: #514492;
}

.pinkTile {
    background-color: #B62248;
}

.qaStatusAccept {
    background-color: #7FFF2A;
    color: #000;
}

.qaStatusReject,
.bgError {
    background-color: red;
}

.qaStatusAcceptwithComments {
    background-color: #FF7F00;
}

/* Modal css ----------------------------------------------------------------------------------------------------------*/

#SubHeading {
    color: #26545c;
}

.glyphicon-star, .k-grid-header th.k-header .glyphicon-star,
table#searchResults td#additionalInfo span.bookmarkSelected,
table#searchResults td#additionalInfo span.documentNoteSelected {
    color: #FF7F00 !important;
}

#CaseNotePanelBar li a.customer-k-state-hover,
#CaseNotePanelBar li a.favourite-k-state-hover {
    border-left-width: 7px !important;
    border-left-style: solid !important;
}

#CaseNotePanelBar li.ALERTSPB a.customer-k-state-hover,
#CaseNotePanelBar li.ALERTSPB a.favourite-k-state-hover {
    background-color: #e76e67 !important;
    border-left-color: #e76e67 !important;
}

th span.k-state-active {
    background-color: #222222 !important;
}

.helpIcon {
    color: #26545C;
}

#divUserGuides {
    border: 1px solid #CCC;
}

#divUserGuides hr {
    border-top: 1px solid #CCC;
    margin-left: -15px;
}

#newPatientList .k-list-scroller ul li :hover {
    background-color: #eee;
}

/* Light viewer customisations */
#lightViewerFrame {
    border: 1px solid #CCC;
}

span#isActiveImage, span#export {
    margin-top: -2px;
}

#spnExportBasketLabel,
#spnBriefcaseBasketLabel, #spnBriefcaseBasketLabel2,
#spnRecordAmendmentBasketLabel {
    color: #FFFFFF;
}

#spnExportBasketLabel2,
#spnRecordAmendmentBasketLabel2 {
    color: #000000
}

.atala_search_container .atala_search_next,
.atala_search_container .atala_search_prev {
    background-color: #579aa9 !important;
    border: 1px solid #579aaa !important;
    color: #FFF;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    margin-left:5px;
}

#amendCriteria .form-group {
    margin-right: 0px !important;
}


.black {
    color: #000000;
}

.red {
    color: red;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #C3C3C3;
}

.ErrorMsg {
    color: red;
    font-size: 12px;
}

.disableWorkflowIcon {
    opacity: 0.7;
    color: #A1A1A1;
}

.customButtonSize {
    font-size: 20px;
}

/*** Browser resolution specific CSS ***/
/* Media Queries ----------------------------------------------------------------------------------------------------------*/
@media (max-width: 1020px) {
    #divDmgs.col-xs-6 {
        border-right: 1px solid #579aaa;
    }

    #divBGButton.col-xs-6 {
        border-right: 1px solid #579aaa;
        border-top: 1px solid #eee9e2;
        border-bottom: 1px solid #eee9e2;
    }
}

@media (min-width: 1021px) {
    #divDmgs.col-xs-6 {
        border-right: 1px solid #eee9e2;
    }

    #divBGButton.col-xs-6 {
        border-right: 1px solid #eee9e2;
        border-top: 1px solid #579aaa;
        border-bottom: 1px solid #579aaa;
    }
}

@media (max-width: 990px) {
    #divDmgs.col-xs-6 {
        border-right: 1px solid #eee9e2;
    }

    #divBGButton.col-xs-6 {
        border-right: 1px solid #eee9e2;
        border-top: 1px solid #579aaa;
        border-bottom: 1px solid #579aaa;
    }
}

/* Mobile mode */
@media (max-width: 768px) {
    #divCreateTitle {
        color: #26545c;
    }
}

.timelineToggleSelected {
    color: #fff !important;
}

.dataKeySetButtons.active {
    background-color: #26545C !important;
}

table#searchResults td#additionalInfo span.bookmarkNotSelected,
table#searchResults td#additionalInfo span.documentNoteNotSelected {
    color: black !important;
}

table#searchResults td#additionalInfo span.additionalIcons {
    font-size: 15px;
    padding-right: 0.4em;
}

.rowSelected{
    color: #ffffff;
}

table.dataTable tbody tr.even {
    background-color: #f5f5f5;
}

/* DataTables pagination */
.dataTables_wrapper .pagination > li.active > a,
.dataTables_wrapper .pagination > li.active > a:hover {
    background-color: #579aa9 !important;
    border: 1px solid #579aa9 !important;
    color: #eee9e2 !important;
}

.dataTables_wrapper .pagination > li.disabled > a {
    background-color: #c0c0c0 !important;
    border: 1px solid #999999 !important;
    color: #000 !important;
}

.dataTables_wrapper .pagination > li.disabled > a:hover {
    background-color: #000 !important;
    border: 1px solid #999999 !important;
    color: #fff !important;
}

.dataTables_wrapper .pagination > li > a {
    background-color: #fff !important;
    border: 1px solid #dddddd !important;
    color: #000 !important;
}

.dataTables_wrapper .pagination > li > a:hover {
    z-index: 2;
    color: #000 !important;
    background-color: #ebebeb !important;
}

.inactiveDocumentMessage {
    font-weight: bold;
    color: #ffffff;
    font-size:large;
    margin: 0px;
    display: inline-block;
    margin-left: 10em;
}