/* ---------- Fonts ---------- */
h1, h2, h3, h4, h5, h6 {font-family: 'robotobold', Arial-Black;}
sup, sub, legend {font-family: 'robotoregular', Arial;}
input, button, label, textarea, select, option, ul, ol, li, a, p, strong, span, sup, sub .select2-results {font-family: 'Tahoma';}
strong {font-weight: bold;}
i {
    font-style:italic;
}

/* Use this two for floating elements left or right */
.left {float: left;}
.right {float: right;}

@media only screen {
    /* Options for clearing floated elements and enabling/disabling scrolling */
    .clearFloats01, .nonScrollable {
        overflow: hidden;
    }

    .clearFloats02, .scrollable {
        overflow: auto;
    }

    .clearFloats03 {
        clear: both;
    }

}

.gm-style-iw-chr {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
}

.gm-style-iw.gm-style-iw-c {
    padding-top: 14px !important;
    padding-right: 26px !important;
}

.noBorder {border-right: none !important;}

.bold { font-weight: bold; }

/* ---------- General field styles ---------- */
button, button.disabled, .primaryBtn, .primaryBtn-disabled, .dangerousBtn, .dangerousBtn-disabled {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    border: #999 1px solid;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    font-size: 11px;
    font-weight: bold;
    padding: 6px;
}
button:active, .primaryBtn:active, .dangerousBtn:active {
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
button:focus, .primaryBtn:focus, .dangerousBtn:focus {outline: #000 1px dotted !important;}
button {
    background: #eee url(../images/default_btn1.png) repeat-x;
    border-bottom-color: #888;
    color: #333;
}
    button:active {
        background: #ddd;
        border-bottom-color: #999;
    }
button.disabled {
    background: #ddd;
    border-color: #ccc;
    color: #999;
}
.primaryBtn, .primaryBtn-disabled, .dangerousBtn-disabled{color: #fff;}

.primaryBtn {
    background: #5b74a8 url(../images/primary_btn.png) repeat-x;
    border-color: #29447e #29447e #1a356e;
}
.primaryBtn:active {
    background: #4f6aa3;
    border-bottom-color: #29447e;
}
.primaryBtn-disabled {
    background: #adbad4;
    border-color: #94a2bf;
}
.primaryBtn-disabled, button.disabled {cursor: default;}

.dangerousBtn
{
    background: #d49090 url(../images/dangerous_btn.png) repeat-x;
    border-color: #a13a3a #a13a3a #661a1a;
    color:#fff
}
.dangerousBtn:active {
    background: #d49090;
    border-bottom-color: #661a1a;
    color:#fff
}
.dangerousBtn-disabled {
    background: #edd1d1;
    border-color: #d49090;
}

label {
    float: right;
    font-size: 12px;
    margin: 0 0 6px 0;
}

textarea.narrative_focus, textarea.narrative_focus:hover { 
    border: dotted 2px #0095ff !important;
} 
input, select, textarea {
    background-color: #fff;
    border: #bac9e0 1px solid;
    color: #565656;
    font: normal 12px/1.0 'Tahoma';
    margin: 0 6px 0 0 !important;
}

@media only screen {
    input, textarea {
        padding: 3px;
    }
}


select {padding: 3px 3px 3px 1px;}
textarea {height: 100px;}
input[type=text]:hover, select:hover, input[type=text]:focus, select:focus, textarea:hover {box-shadow: inset #bac9e0 0px 0px 8px;}
input[name=datePicker]{
    background: #fff url(../images/calendar.png) 99% 3px no-repeat;
    margin: 3px 20px 3px 3px;
    padding-right: 22px;
    width: auto;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {outline: #000 1px dotted;}

input[type=radio], input[type=checkbox] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}





.mortuary.tfield:disabled, .mortuary.tarea:disabled {
    background: #dddddd;
}


/* ---------- Error styles for fields ---------- */
input.error, .form ul li select.error, .form ul li textarea.error {border: firebrick 1px solid;}
span.error {
    background: url(../images/errors_overlay.png) 0px 0px no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin-top: 3px;
    width: 16px;
}

/* ---------- Short field adjustments ---------- */
.mInitial {width: 20px !important;}
.suffix {width: 80px !important;}
.date {width: 80px !important;}
.phone {width: 120px !important;}
.fax {width: 120px !important;}
.mPhone {width: 120px !important;}
.postal {width: 60px !important;}

/* ---------- Generic field adjustments ---------- */
.w20px {width: 20px !important;}
.w50px {width: 50px !important;}
.w80px {width: 80px !important;}
.w100px {width: 100px !important;}
.w150px {width: 150px !important;}
.w200px {width: 200px !important;}
.w250px {width: 250px !important;}
.w300px {width: 300px !important;}
.w350px {width: 350px !important;}
.w400px {width: 400px !important;}
.w450px {width: 450px !important;}
.w500px {width: 500px !important;}
.w600px {width: 600px !important;}
.w800px {width: 800px !important;}

/* ---------- Autocomplete styles ---------- */


/* ---------- Sprite images and individual icons ---------- */
ins, .jstree li {
    background-image: url(../images/treeview.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
    ins {
        display: block;
        height: 16px;
        width: 16px;
    }

        /* Header menu icon positions */
        ins.inbox {background-position: -44px -72px;}
        ins.settings {background-position: -64px -72px;}

        /* jsTree icon positions */
        /* ins.info {background-position: -24px -91px;}
        ins.search {background-position: -4px -37px;}
        ins.patient {background-position: -5px -103px;}
            ins.contact {background-position: -24px -103px;}
            ins.allergies {background-position: -44px -103px;}
            ins.eligibilityCheck {background-position: -64px -103px;}
        ins.intake {background-position: -24px -223px;}
            ins.assignedDiscipline {background-position: -44px -223px;}
            ins.careLocation {background-position: -64px -223px;}
            ins.insuranceInfo {background-position: -64px -123px;}
            ins.pharmacies {background-position: -4px -143px;}
            ins.electionPeriod {background-position: -24px -123px;}
                ins.calendar {background-position: -4px -123px;}
                ins.poc {background-position: -24px -243px;}
                ins.diagnosis {background-position: -4px -163px;}
                ins.orders {background-position: -4px -243px;}
                ins.commNotes {background-position: -44px -143px;}
                ins.levelOfCare {background-position: -44 -243px;}
                ins.visitNotes {background-position: -44px -163px;}
                ins.medicationProfile {background-position: -24px -143px;}
                ins.dme {background-position: -64px -243px;}
                ins.qaChecklist {background-position: -64px -203px;}
                ins.pathways {background-position: -44px -203px;}
                ins.billing {background-position: -24px -163px;}
            ins.specialtyPrograms {background-position: -4px -263px;}
        ins.documents {background-position: -64px -143px;}
        ins.bereavement {background-position: -4px -223px;} */

/* ---------- Toolbar ---------- */
.disableCss { opacity: .3;
              filter: alpha(opacity=30);
}
.gridDisplayPanel {
    margin-top: 2px;
    width: 100%;
    padding: 6px 0px 5px 6px;
    background-color: #E5F4FF;
    font-family: 'Tahoma';
    font-weight: bold;
    font-size: 12px;
    border-top: 1px solid #48A2E2;
    color: #1F4189;
}
.gridErrorPanel {
    margin-top : 2px;
    width:100%;
    padding : 5px 0px 5px 2px;
    background-color:pink;
    border-radius: 3px;
}
.gridErrorPanel span{
    line-height: 1.2;
    font-family: 'Tahoma';
    padding : 2px;
    font-size: 12px;
    color:red;
    font-weight:bold;
}
   .gridErrorPanel .errorSpan {
        border:1px solid red;
        border-radius: 3px;
        margin-right:5px;
        background-color:red;
        color:white!important;
    }
    .errorSpan a {
        padding-left:4px;
        text-decoration : none;
        font-size: 11px;
        font-weight:normal;
        color:white;
    }
    .errorSpan a:hover {
        text-decoration:underline;
    }

    /*MEDICATION*/

    #medicationGridMessageDialog {
        padding:5px;
    }
    #medicationGridMessage {
        padding-left: 10px;
    }
    #medicationGridMessage ol{
        list-style-type : decimal;
        padding-left: 25px;
    }
    #medicationGridMessage p
    {
        font-weight: bold;
    }
    #medicationprofile_snapshot {
        padding : 5px 7px 5px 7px;
    }
    #medicationprofile_snapshot_list {
        padding : 5px 7px 5px 7px;
    }
    th.medication_prof {
        text-align: left;
        font-weight: bold;
        padding: 5px 3px 5px 3px;
        color: #1f4189;
        background-color: #A2D5F9;
        border-bottom: 1px solid #637BAD;
        border-right: 1px solid #CDE8FC;
        border-left: 1px solid #CDE8FC;
    }
    .medication_prof {
        border-bottom: 1px solid #637BAD;
        padding: 5px 8px 5px 8px;
        word-wrap : break-word;
    }
    td.medication_prof {
        overflow : hidden;
        height : 40px!important;
    }
    #medicationprofile_snapshot_list td.medication_prof {
        overflow : hidden;
        height : 20px!important;
    }
    .handout_heading_parent {
        text-align: center;
        width:100%;
        line-height: 20px;
        font-size: 17px;
    }
    .handout_heading_detail {
        padding : 5px 2px 5px 2px;
        width : 50%;
        display: table-cell;
        font-weight: bold;
    }
    .handout_heading_detail span{
        line-height: 20px;
    }
    #mcop_section {
        line-height: 15px;
        padding: 5px 0px 10px 0px;
    }
    #footer_section {
        padding : 5px 2px 5px 2px;
        text-align : left!important;
    }
        #footer_section span {
            float:left!important;
        }
    #footer_control li {
        padding : 5px;
    }
    #footer_control {
        display: none;
        border: 1px solid #637bad;
        padding: 5px 2px 5px 2px;
        background-color: #eef7fd;
    }
    #MedicationSnapShotSummary {
        width : 318px;
    }
    .btnLeftDisplay {
        float : left!important;
    }
    .deletePurchase {
        padding:10px!important;
    }
    /**/

.GEHeaderText .GECellHeader .HideCol1uom {
   font-weight:bold;
}
.GridErrorRow {
    border:3px solid red!important;
}

.toolbar {
    background-color: #E5F4FF;
    border-bottom: #A2D5F9 1px solid;
    height: 30px !important;
    overflow: hidden;
    width: 100%;
    /*------note: added by JP - fix for layout issues with grid and tollbar section*/
    position:relative !important;
}
    .toolbar ul {
        height: 14px;
        margin: 8px 8px 8px 5px;
    }
        .toolbar ul li {
            border-right: #bbc7d9 1px solid;
            display: inline;
            float: left;
            font-size: 11px;
            height: 16px;
        }

        .toolbar ul li a {
            color: #3b5998;
            display: block;
            /* height: 16px; */
            line-height: 1.2;
            padding: 10px 10px 9px 25px;
            position: relative;
            text-decoration: none;
            top: -10px;
        }
        .toolbar label{
            vertical-align:middle;
            line-height: 12px;
            padding-right:5px;
        }
        .toolbar input{
            padding-left:2px;
            padding-right:2px;
            width:200px;
        }
            .toolbar ul li a:hover {background-color: #cad5e6;}
			.toolbar ul li .disabled {color: #abadb1 !important;background-color:#e6e4e4 !important;cursor: not-allowed !important;}
            .toolbar ul li .add {background: url(../images/add.png) 11px 12px no-repeat;}
            .toolbar ul li .tag {background: url(../images/add.png) 11px 12px no-repeat;}
            .toolbar ul li .back {background: url(../images/back.png) 11px 12px no-repeat;}
            .toolbar ul li .del {background: url(../images/delete.png) 11px 12px no-repeat;}
            .toolbar ul li .remove_tag {background: url(../images/delete.png) 11px 12px no-repeat;}
            .toolbar ul li .edit {background: url(../images/edit.png) 11px 12px no-repeat;}
            .toolbar ul li .edit2, .toolbar ul li .mapfields {background: url(../images/edit2.png) 11px 12px no-repeat;}
			.toolbar ul li .care_summary {background: url(../images/drafts_small.png) 11px 12px no-repeat;}
            .toolbar ul li .refresh {background: url(../images/refresh.png) 11px 12px no-repeat;}
            .toolbar ul li .save {background: url(../images/save.png) 11px 12px no-repeat;}
            .toolbar ul li .cancel {background: url(../images/cancel.png) 11px 12px no-repeat;}
            .toolbar ul li .clone {background: url(../images/copy.png) 11px 12px no-repeat;}
            .toolbar ul li .revert {background: url(../images/cancel.png) 11px 12px no-repeat;}
            .toolbar ul li .reset {background: url(../images/refresh.png) 11px 12px no-repeat;}
            .toolbar ul li .visit_details { background: url(../images/view_details.png) 7px 8px no-repeat;  }
			.toolbar ul li .post_visit { background: url(../images/quick_post.png) 7px 8px no-repeat;  }
            .toolbar ul li .print {background: url(../images/print.png) 11px 12px no-repeat;} 
            .toolbar ul li .printlcd {background: url(../images/print.png) 11px 12px no-repeat;}
            .toolbar ul li .settings {background: url(../images/cog.png) 11px 12px no-repeat;}
            
            .toolbar ul li .review {background: url(../images/review.png) 11px 12px no-repeat;}

            /* HOPE icon */


            .toolbar ul li .undo_verify {
                background: url(../images/refresh.png) 11px 12px no-repeat;
            }

            .toolbar ul li .review_hope {
                background: url(../images/review.png) 11px 12px no-repeat;
            }

            .toolbar ul li .verify_complete_hope {
                background: url(../images/review.png) 11px 12px no-repeat;
            }

            .toolbar ul li .send_hope {
                background: url(../images/send.png) 11px 12px no-repeat;
            }

            .toolbar ul li .update_hope {
                background: url(../images/save.png) 11px 12px no-repeat;
            }


            /* end HOPE icon */

            .toolbar ul li .lock {background: url(../images/lock.png) 11px 12px no-repeat;}
            .toolbar ul li .unlock {background: url(../images/lock.png) 11px 12px no-repeat;}
            .toolbar ul li .sign {background: url(../images/sign.png) 11px 12px no-repeat;}
            .toolbar ul li .receive_sign {background: url(../images/sign.png) 11px 12px no-repeat;}
            .toolbar ul li .unsign {background: url(../images/unsign.png) 11px 12px no-repeat;}
            .toolbar ul li .qa {background: url(../images/qa.png) 11px 12px no-repeat;}
            .toolbar ul li .nca {background: url(../images/qa.png) 11px 12px no-repeat;}
            .toolbar ul li .assign {background: url(../images/assign_carestaff.png) 11px 12px no-repeat;}
            .toolbar ul li .download {background: url(../images/download.png) 11px 12px no-repeat;}
            .toolbar ul li .upload {background: url(../images/upload.png) 11px 12px no-repeat;}
            .toolbar ul li .vcsign {background: url(../images/vcsign.png) 11px 12px no-repeat;}
            .toolbar ul li .copy {background: url(../images/copy.png) 11px 12px no-repeat;}
            .toolbar ul li .graph {background: url(../images/graph.png) 11px 12px no-repeat;}
            .toolbar ul li .send {background: url(../images/send.png) 11px 12px no-repeat;}
            .toolbar ul li .batchsend {background: url(../images/send.png) 11px 12px no-repeat;}
            .toolbar ul li .receive {background: url(../images/receive.png) 11px 12px no-repeat;}
            .toolbar ul li .resetSend, .resetSend2 {background: url(../images/reset_send.png) 11px 12px no-repeat;}
            .toolbar ul li .resetReceive {background: url(../images/reset_receive.png) 11px 12px no-repeat;}
            .toolbar ul li .transmit {background: url(../images/transmit.png) 11px 12px no-repeat;}
            .toolbar ul li .markRead {background: url(../images/mark_as_read.png) 11px 12px no-repeat;}
            .toolbar ul li .markUnread {background: url(../images/mark_as_unread.png) 11px 12px no-repeat;}
            .toolbar ul li .forward {background: url(../images/forward_message.png) 11px 12px no-repeat;}
            .toolbar ul li .left2 {background: url(../images/left.png) 11px 12px no-repeat;}
            .toolbar ul li .right2 {background: url(../images/right.png) 11px 12px no-repeat;}
            .toolbar ul li .reply {background: url(../images/reply_to_message.png) 11px 12px no-repeat;}
            .toolbar ul li .search {background: url(../images/search_button.png) 5px 10px no-repeat;}
            .toolbar ul li .report {background: url(../images/copy.png) 5px 10px no-repeat;}
            .toolbar ul li .drug {background: url(../images/eraser.png) 5px 8px no-repeat;}
            .toolbar ul li .drug_history {background: url(../images/review.png) 11px 12px no-repeat;}
            .toolbar ul li .purchase_detail {background: url(../images/drug_purchase.png) 5px 8px no-repeat;}
			.toolbar ul li .drug_interaxn {background: url(../images/eraser.png) 5px 8px no-repeat;}
			button.drug_details {background: url(../images/drug_details.png) 0px 0px no-repeat;}
			.toolbar ul li .drug_details {background: url(../images/drug_details.png) 5px 8px no-repeat;}
            .toolbar ul li .drug_handout {background: url(../images/drug_handout.png) 5px 8px no-repeat;}
            .toolbar ul li .drug_snapshot {background: url(../images/med_snapshot.png) 5px 8px no-repeat;}
            .toolbar ul li .drug_view_snapshot {background: url(../images/med_snapshot_list.png) 5px 8px no-repeat;}
            .toolbar ul li .info {background: url(../images/info.png) 5px 12px no-repeat;}
            .toolbar ul li .use_header {background: url(../images/header.png) 5px 12px no-repeat;}
            .toolbar ul li .open {background: url(../images/open_show_2.png) 5px 8px no-repeat;}
            .toolbar ul li .set_ndc {background: url(../images/edit2.png) 11px 13px no-repeat;}
            .toolbar ul li .legend {background: url(../images/icon_info.png) 5px 8px no-repeat;}
            .toolbar ul li .unlink {background: url(../images/unlink.png) 5px 8px no-repeat;}
            .toolbar ul li .link {background: url(../images/link.png) 5px 8px no-repeat;}
            .toolbar ul li .unlink {background: url(../images/unlink.png) 5px 8px no-repeat;}
            .toolbar ul li .reorder {background: url(../images/select_close.png) 5px 8px no-repeat;}
            .toolbar ul li .activate {background: url(../images/qa.png) 11px 12px no-repeat;}
            .toolbar ul li .load {background: url(../images/download.png) 11px 12px no-repeat;}
            .toolbar ul li .allergy_history, .hislogs  {background: url(../images/review.png) 11px 12px no-repeat;}
            .toolbar ul li .hislogs  {background: url(../images/review.png) 11px 12px no-repeat;}
            .toolbar ul li .raw_data  {background: url(../images/raw_data.png) 11px 12px no-repeat; background-size: 12px 12px;}
            .toolbar ul li .parsed_data  {background: url(../images/parsed_data.png) 11px 12px no-repeat; background-size: 12px 12px;}
            .toolbar ul li .eligibility_intake_wizard {background: url(../images/users.png) 11px 12px no-repeat; background-size: 12px 12px;}
            .toolbar ul li .upward {background: url(../images/up.png) 8px 11px  no-repeat;}
            .toolbar ul li .downward {background: url(../images/down.png) 8px 11px  no-repeat;}
            .toolbar ul li .eppInstruction {background: url(../images/emergency.png) 8px 11px  no-repeat; background-size: 10px 10px;}
            .toolbar ul li .telehealth {background: url(../images/telehealth_user.png) 8px 10px no-repeat;}
            .toolbar ul li .active_sessions {background: url(../images/telehealth_active_sessions.png) 8px 10px no-repeat;}
            .toolbar ul li .terminate {background: url(../images/telehealth_end_session.png) 8px 10px no-repeat;}
            .toolbar ul li .idt-schedule-form {background: url(../images/idt_schedule.png) 6px 10px no-repeat;}
            .toolbar ul li .restore {background: url(../images/up.png) 11px 12px no-repeat;}
			.toolbar ul li .trash {background: url(../images/remove_normal.png) 11px 12px no-repeat;}
			.toolbar ul li .sync {background: url(../images/sync.png) 11px 12px no-repeat;}
			.toolbar ul li .history {background: url(../images/history.png) 11px 12px no-repeat;}
            .GridMain1 a.drug { width:50px; text-decoration:none; padding:5px; border:1px solid #3b5998;  background-color: #3b5998; }
            .toolbar ul li .warnings, .toolbar ul li .errors {float: left;}
                .toolbar ul li .warnings {
                    background: url(../images/warnings.png) 11px 12px no-repeat;
                    color: #8c7300;
                }
                .toolbar ul li .errors {
                    background: url(../images/errors.png) 11px 12px no-repeat;
                    color: #b00000;
                }

                .toolbar ul li .warnings span, .toolbar ul li .errors span {
                    border-radius: 3px;
                    color: #d8dfea;
                    margin-left: 3px;
                    padding: 3px 5px;
                }
                    .toolbar ul li .warnings span {background-color: #8c7300;}
                    .toolbar ul li .errors span {background-color: #b00000;}

    .toolbar ul li input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .toolbar ul li input:focus:-moz-placeholder { /* FF 4-18 */
        color: transparent;
    }

    .toolbar ul li input:focus::-moz-placeholder { /* FF 19+ */
        color: transparent;
    }

    .toolbar ul li input:focus:-ms-input-placeholder { /* IE 10+ */
        color: transparent;
    }

    .toolbar ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: rgb(170, 170, 170);
        font-size: 11px;
    }

    .toolbar ul li .toolbar ul li input::-moz-placeholder { /* Firefox 19+ */
        color: rgb(170, 170, 170);
        font-size: 11px;
    }

    .toolbar ul li input:-ms-input-placeholder { /* IE 10+ */
        color: rgb(170, 170, 170);
        font-size: 11px;
    }

    .toolbar ul li input:-moz-placeholder { /* Firefox 18- */
        color: rgb(170, 170, 170);
        font-size: 11px;
    }

/*Documents Module*/
    .document {
        overflow:auto;
        background-color:#fff;
        height:100%;
        padding: 5px 10px 5px 10px;
        max-height: 75%;
    }

    #woundImagePanel {
        padding : 5px;
    }

    .uploadForm {
        padding-bottom : 10px;
    }

    li.document_count {
        background: url(../images/attach_doc.png) 90px -1px no-repeat;
    }

    span.document_count {
        padding-left : 5px;
    }

    progress {
        background-color: #0384de;
        border: 0;
        height: 18px;
        border-radius: 9px;
    }

    progress[value]::-webkit-progress-bar {
        background-color: #eee;
        border-radius: 2px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    }

    .documentsPanel{
        border: #ccc 1px solid;
        margin: 4px;
        padding: 2px 6px 6px 6px;
        background-color:#fff;
        overflow:auto;
    }

    .document_slider {
        height: 300px!important;
    }

    .documentsPanel legend {
        background-color: #fff;
        color: #999;
        font-size: 14px;
        font-weight: bold;
        margin-left: 10px;
        padding: 4px;
    }

    .DocumentsInfoPanel {
        display: inline-table;
        padding: 5px 0px 5px 7px;
        width:132px;
        border: #d3d3d3 solid 1px;
        margin-bottom: 5px;
    }
    .docPreview {
        padding-bottom:5px;
        height:128px;width:128px;
    }

    .docNameLabel {
        font-size : 10px;
        color:#808080;
        display: block;
        width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        /*float:left;
        padding-bottom: 5px;*/
    }
    .docName {
        margin-top : 2px;
        width: 185px;
        display : none;
    }
    .docDesc {
        height : 70px;
        width: 185px;
        display : none;
    }

	#uploadForm ul, #uploadForm ul li {
		padding: 5px;
	}

	#uploadForm label {
		margin: 3px 0px 6px 0;
		padding-right: 5px;
	}

	.DocumentsInfoPanel .disabled {
		pointer-events: none;
		cursor: not-allowed;
	}

/*End of Documents Module*/

/* INLINE EDITING */

.inlineEditor {
    /*border-bottom : 1px solid #3b5998;*/
    padding-bottom : 2px;
}
.inlineEditor a{
    font-size : 11px;
    text-decoration : none;
    color:#808080;
    display:inline;
}
    .inlineEditor .edit {
        background: url(../images/edit.png) 25px 0px no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .delete {
        background: url(../images/delete.png) 40px 0px no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .save {
        background: url(../images/save.png) 25px 0px no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .cancel {
        background: url(../images/cancel.png) 40px 0px no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .edit3 {
        background: url(../images/edit.png) no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .cancel3 {
        background: url(../images/cancel.png) no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .save3 {
        background: url(../images/save.png) no-repeat;
        padding-right : 20px;
    }
    .inlineEditor .editor_control {
        /*display:none;*/
        width: 100px;
    }
    .save3 {

    }
/*END INLINE EDITING*/

/*GRID CUSTOM CSS*/
.GEEditCellInput {
    z-index: 9999 !important;
}

.GEPickMain, .GEMenuMain {
    z-index: 9999 !important;
}


/* ---------- Notes ---------- */
.noteHeader {padding: 2px 6px;}
    .noteHeader > div { padding: 2px; }
    .noteHeader label {float: none;}
    .noteHeader span {font-size: 12px;}
    .noteHeader span.status {
        color: #b22222;
        font-weight: bold;
        padding-left: 10px;
    }
    .noteHeader span.saveStatus {
        padding-left: 20px;
        font-style: italic;
    }

.noteForm {border-top: #bac9e0 1px solid;}
    .noteForm > iframe {
        height: 100%;
        width: 100%;
        min-height:420px!important;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

/* Frames */
.frame {
    height: 100%;
    width: 100%;
    overflow: auto;
}

/* Ticker */
span.ticker {
    background-color: firebrick;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    line-height: 7px;
    padding: 3px;
}

/* Chat boxes and list */
.discussion {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
}
.discussion li {
  padding: 0.5rem;
  overflow: hidden;
  display: flex;
}
.discussion .avatar {
  width: 40px;
  position: relative;
}
.discussion .avatar img {
  display: block;
  width: 40px;
}

.other .avatar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 5px solid white;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.self {
  justify-content: flex-end;
  align-items: flex-end;
}
.self .messages {
  order: 1;
  border-bottom-right-radius: 0;
}
.self .avatar {
  order: 2;
}
.self .avatar:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid white;
  border-right-color: transparent;
  border-top-color: transparent;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.messages {
  background: white;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.messages p {
  font-size: 0.8rem;
  margin: 0 0 0.2rem 0;
}
.messages time {
  font-size: 0.7rem;
  color: #ccc;
}

@keyframes pulse {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}


.chatList, .chatBox {
    background-color: #fff;
    border-top: #999 1px solid;
    border-left: #999 1px solid;
    border-right: #999 1px solid;
    bottom: 29px;
    box-shadow: #ddd 0 -2px 3px;
    position: absolute;
    z-index: 9;
}
    .chatList ul li, .chatBox ul li {font-size: 11px;}

    .chatList {right: 20px;overflow-y: hidden;overflow-x:hidden;}
        .chatContent { overflow-y:scroll;overflow-x:hidden;height: 335px;}
        .chatList ul li {width: 230px;}
            .chatList ul li h3 {width:100%; }
            .chatList ul li h3, .chatList ul li a {padding: 10px;}
            .chatList ul li h3, .chatBox ul li h3 {
                background-color: #0384de;
                color: #d8dfea;
            }
            .chatList ul li a {
                color: #3b5998;
                display: block;
                position: relative;
                text-decoration: none;
            }
                #chatUserList li a:hover {
                    background-color: #d8dfea;
                }

                .available, .away, .offline {
                    border-radius: 4px;
                    height: 9px;
                    position: absolute;
                    right: 9px;
                    top: 11px;
                    width: 9px;
                }
                    .available {background-color: green;}
                    .away {background-color: orange;}
                    .offline {background: #fff url(../images/chat-offline.png) no-repeat;}

                .chatList .ticker {
                    position: absolute;
                    right: 30px;
                    top: 9px;
                }

    .chatBox {right: 18%;overflow-y: hidden;overflow-x:hidden;}
        .chatBox ul li {width: 240px;}
            .chatBox ul li h3 {padding: 10px;width:100%;}
                .chatBox ul li h3 span {top: 7px;}
            .chatBox .conversation li {
                overflow: hidden;
                padding: 6px;
                width: 238px;
            }
                .chatBox .conversation li.sender {background-color: #eee;}
                .chatBox .conversation h4 {color: #133783;}
                .chatBox .conversation p {font-size: 12px;}
                .chatBox .conversation sub {
                    color: #999;
                    float: right;
                }
            .chatBox .reply {
                overflow: hidden;
            }
                .chatBox .reply textarea {
                    font-size: 12px;
                    height: 45px;
                    margin: 6px 6px 0 6px !important;
                    outline: none;
                    resize: none;
                    width: 92.1% !important;
                }
                .chatBox .reply button {
                    float: right;
                    margin: 3px 6px 3px 3px;
                }

/* ---------- Main container starts here ---------- */
form {
    /*height: 100% !important;
    overflow: auto !important;*/
}

#mainContainer {
    /*height: 100% !important;
    position: relative !important;*/
}

#mainTabPanels a:link { color: #0C4F7E }
/*#sidebar a { color: #00F; font-style: italic;}
#sidebar a:visited { color: #003300; }
#sidebar a:hover { color: #006600 }
#sidebar a:active { color: #006600 }*/

/* ---------- Header area ---------- */
#headerContainer {
    background-color: #0384de;
    border-bottom: #0769AE 1px solid;
    height: auto !important;
    margin: 0 auto;
    position: relative !important;
    z-index: 1 !important;
    text-align: center;
}
    .user, .headerMenu, .agencyName {height: 34px;}
    .user {
        margin-right: 8px;
        text-align: left;
        vertical-align: middle;
    }
        .user h1 {display: inline-block;}
            .user h1 a {
                display: block;
                padding: 3px 0 0 8px;
            }
    #headerMenu {text-align: right; padding-top:4px}
        #headerMenu li {
            display: inline-block;
            vertical-align: middle;
        }
        #headerMenu > li input.searchBar {
            background: #fff url(../images/header_searchbar_open.png) no-repeat 212px;
            border: #ffffff 1px solid;
            box-shadow: #146497 0px 2px 5px 0px;
            font-size: 11px;
            margin-right: 6px;
            padding: 5px 26px 5px 5px;
            width: 150px;
            border-radius: 11px;
        }
            #headerMenu > input.searchBar:hover {
                background-image: url(../images/header_searchbar_hover.png);
                box-shadow: inset #ccc 0px 1px 0px !important;
            }
            #headerMenu > input.searchBar .active {color: #ccc;}
            .userMenu, .otherOptions {margin: 0 6px;}
                .userMenu {display: inline-block;}
                .userMenu > li, .otherOptions > li {
                    display: inline-block;
                    font-size: 12px;
                    height: 34px;
                    position: relative;
                }
                .searchOptions > #searchItem {
                    display: inline-block;
                    font-size: 12px;
                    height: 34px;
                    position: relative;

                }
                .searchOptions > #searchItem img{
                    margin: 9px 0px 10px 0px;
                }
                .userMenu > li {vertical-align: middle;}
                .otherOptions > li {margin: 0;}
                    .userMenu > li a, .otherOptions > li a {
                        display: block;
                        position: relative;
                        text-decoration: none;
                    }
                    .userMenu > li > a {color: #ffffff;}
                    .otherOptions > li a {color: #00486b;}
                        .userMenu > li a.username {
                            background-color: #3aaeff;
                            border-radius: 3px;
                            margin: 6px 1px 0 1px;
                            padding: 5px;
                        }
                            .userMenu > li a.username:hover {background-color: #1a3672;}
                        .userMenu > li a img, .otherOptions > li a img {margin: 12px 6px 6px 6px;}
                        .userMenu > li a:hover, .otherOptions > li a:hover {background-color: #4364a8;}
                        .userMenu > li a span.ticker, .otherOptions > li a span.ticker {
                            font-weight: normal;
                            position: absolute;
                            right: 0px;
                            top: 7px;
                            z-index: 999;
                        }
        .agencyName {
            color: #ffffff;
            display: flex;
            font: bold 17px/1 'Tahoma';
            text-align: center;
            margin: 0 auto;
            font-family: 'robotobold', Arial-Black;
            align-content: center;
            padding:3px;
            word-break:break-word;
            align-items:center;
        }
        @media only screen and (min-width: 280px) and (max-width: 960px) {
            .agencyName {
                clear: both;
                width: 100%;
            }
        }

            /* Pulldown and Popup Styles */
            .pulldown ul.pulldownContainer, .popupMenu, .notifPopContainer {
                background-color: #fff;
                border: #999 1px solid;
                box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 6px;
                display: block;
                overflow: hidden;
                position: absolute;
            }
                .pulldown ul li, .popupMenu ul li {
                    float: none;
                    margin: 0 !important;
                }

            .popupMenu {
                left: 40%;
                top: 24%;
                z-index: 999;
                display: none;
            }
                .popupMenu h2 {
                    border-bottom: #dde5f1 1px solid;
                    color: #1F4189;
                    font-size: 13px;
                    margin: 6px;
                    padding-bottom: 4px;
                }
                .popupMenu .column {float: left;}
                .popupMenu ul {margin: 6px;}
                    .popupMenu ul li {
                        color: #3b5998;
                        display: block;
                        font-size: 11px;
                        line-height: 16px;
                    }
                        .popupMenu ul li:hover {background-color: #eff3fa;}
                        .popupMenu ul li a {
                            color: #3b5998;
                            display: block;
                            padding: 4px 4px 4px 26px;
                            text-decoration: none;
                        }
                            .popupMenu ul li.separator {border-bottom: #dde5f1 1px solid;}
                            .popupMenu ul li a.dmes {background: url(../images/dme.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.supplyVisit {background: url(../images/supply.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.woundNote {background: url(../images/wound_notes.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.levelOfCare {background: url(../images/level_of_care.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.order {background: url(../images/orders.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.communicationNote {background: url(../images/comm_note.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.visit {background: url(../images/plot_visit.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.qvisit {background: url(../images/plot_visit.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.idtNote {background: url(../images/idt.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.idt {background: url(../images/idt.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.ipoc {background: url(../images/ipoc.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.repoc {background: url(../images/ipoc.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.nca {background: url(../images/assessment.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.attach {background: url(../images/attach_doc.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.otherNote {background: url(../images/other_notes.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.postVisit {background: url(../images/quick_post.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.unpostVisit {background: url(../images/unpost_visit.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.deleteVisit {background: url(../images/delete_visit.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.visitDetail {background: url(../images/view_details.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.missedVisit {background: url(../images/post_as_missed_visit.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.visitNote {background: url(../images/visit_notes.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hhaotherNote {background: url(../images/hha_other_notes.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.supotherNote {background: url(../images/sup_other_notes.png) 2px 4px no-repeat;}
							.popupMenu ul li a.telehealthVisit {background: url(../images/telehealth.png) 2px 4px no-repeat;}
							.popupMenu ul li a.screening {background: url(../images/screening.png) 2px 4px no-repeat;}
							.popupMenu ul li a.screening {background: url(../images/screening.png) 2px 4px no-repeat;}

                            .popupMenu ul li a.cti {background: url(../images/cti_other_notes.png) 2px 4px no-repeat;}


                            .popupMenu ul li a.hope {background: url(../images/hope.png) 2px 4px no-repeat;}

                            .popupMenu ul li a.hope_adm {background: url(../images/hope_adm.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_adm_rvwd{background: url(../images/hope_adm_rvwd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_adm_cmpltd {background: url(../images/hope_adm_cmpltd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_adm_sbmtd {background: url(../images/hope_adm_sbmtd.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_nca {background: url(../images/hope_nca.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_nca_rvwd {background: url(../images/hope_nca_rvwd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_nca_sbmtd {background: url(../images/hope_nca_sbmtd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_nca_vrfy_cmpltd {background: url(../images/hope_nca_vrfy_cmpltd.png) 2px 4px no-repeat;}
                            

                            .popupMenu ul li a.nca_hope {background: url(../images/nca_hope.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.nca_hope_rvwd{background: url(../images/nca_hope_rvwd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.nca_hope_cmpltd {background: url(../images/nca_hope_cmpltd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.nca_hope_sbmtd {background: url(../images/nca_hope_sbmtd.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_sfv1 {background: url(../images/hope_sfv1.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv1_rvwd{background: url(../images/hope_sfv1.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv1_cmpltd {background: url(../images/hope_sfv1.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv1_sbmtd {background: url(../images/hope_sfv1.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_huv1 {background: url(../images/hope_huv1.png) 2px 4px no-repeat;}

                            .popupMenu ul li a.hope_huv1_rvwd {background: url(../images/hope_huv1_rvwd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_huv1_cmpltd {background: url(../images/hope_huv1_cmpltd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_huv1_sbmtd {background: url(../images/hope_huv1_sbmtd.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_sfv2 {background: url(../images/hope_sfv2.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv2_rvwd{background: url(../images/hope_sfv2.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv2_cmpltd {background: url(../images/hope_sfv2.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv2_sbmtd {background: url(../images/hope_sfv2.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_huv2 {background: url(../images/hope_huv2.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_huv2_rvwd{background: url(../images/hope_huv2_rvwd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_huv2_cmpltd {background: url(../images/hope_huv2_cmpltd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_huv2_sbmtd {background: url(../images/hope_huv2_sbmtd.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_sfv3 {background: url(../images/hope_sfv3.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv3_rvwd{background: url(../images/hope_sfv3.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv3_cmpltd {background: url(../images/hope_sfv3.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_sfv3_sbmtd {background: url(../images/hope_sfv3.png) 2px 4px no-repeat;}
                            
                            .popupMenu ul li a.hope_dc {background: url(../images/hope_dc.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_dc_rvwd{background: url(../images/hope_dc_rvwd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_dc_cmpltd {background: url(../images/hope_dc_cmpltd.png) 2px 4px no-repeat;}
                            .popupMenu ul li a.hope_dc_sbmtd {background: url(../images/hope_dc_sbmtd.png) 2px 4px no-repeat;}
                         

div.pulldown {
    position: absolute;
}
                div.pulldown .pulldownArrow {
                    background: url(../images/pulldown_arrow.png) 0px 0px no-repeat;
                    height: 10px;
                    position: relative;
                    left: 5px;
                    top: -3px;
                    width: 18px;
                    z-index: 999;
                }
                div.pulldown ul.pulldownContainer {
                    background-color: #fff;
                    border: #999 1px solid;
                    border-radius: 6px;
                    box-shadow: #999 0px 4px 6px;
                    display: block;
                    /*overflow-y: scroll;*/
                    overflow : hidden;
                    position: absolute;
                    left: -65px;
                    /*height : 300px;*/
                    top: 6px;
                    width: 300px;
                    z-index: 0;
                }

                    div.pulldown ul.pulldownContainer #userMessageList #innerInbox {
                        overflow-y: scroll;
                        height : 200px;
                    }
                    div.pulldown ul li {
                        float: none;
                        margin: 0 !important;
                        width: 100%;
                    }
                    div.pulldown ul li.pulldownHeader, div.pulldown ul li.pulldownBody {padding: 10px;}
                    div.pulldown ul li.pulldownHeader {border-bottom: #ddd 1px solid;}
                        div.pulldown ul li.pulldownHeader h3 {font-weight: bold;}
                    div.pulldown ul li.pulldownBody {width: auto !important;}
                    div.pulldown ul li.pulldownBody ul li {
                        border-bottom: #eee 1px solid;
                        font-size: 11px;
                        margin-top: 10px !important;
                        padding-bottom: 10px !important;
                    }
                        div.pulldown ul li.pulldownBody ul li h4 > div {
                            color: #3b5998;
                            font-size: 13px;
                            margin-bottom: 2px;
                        }
                div.pulldown ul li.pulldownFooter {
                    border-top: #eee 1px solid;
                    font-size: 12px;
                    height: 28px;
                    text-align: center;
                }
                    div.pulldown ul li.pulldownFooter a {
                        background-color: #f7f7f7;
                        border-radius: 0 0 6px 6px;
                        line-height: 2.2;
                    }
                    div.pulldown ul li.pulldownFooter a:hover {
                        background-color: #f7f7f7 !important;
                        text-decoration: underline !important;
                    }
                    div.pulldown ul li.pulldownBody ul li h4 {
                        font-size: 12px;
                        font-weight: bold;
                        margin-bottom: 4px;
                        color:#133783;
                    }

            .notifPop {
                display: none;
                position: absolute;
                z-index: 999;
            }
                .notifPopArrow-top, .notifPopArrow-right {
                    height: 18px;
                    position: relative;
                    width: 18px;
                    z-index: 999;
                }
                .notifPopArrow-top {
                    background: url(../images/pulldown_arrow.png) 0px 0px no-repeat;
                    right: -5px;
                    top: -3px;
                }
                .notifPopArrow-right {
                    background: url(../images/pulldown_arrow-right.png) 0px 0px no-repeat;
                    right: -82px;
                    top: -2px;
                }
                .notifPopContainer {
                    right: -65px;
                    top: 6px;
                    width: 300px;
                    max-height: 300px;
                    overflow: auto;
                    z-index: 0;
                }
                    .notifPopList {margin: 12px;}
                        .notifPopList li {
                            color: firebrick;
                            display: block;
                            font-size: 11px;
                            line-height: 14px;
                            padding-bottom: 2px;
                            vertical-align: top;
                        }
                            .notifPopList li > li {
                                border-top: #9c9c9c 1px solid;
                            }
                        .notifPopList h4 {
                            color: #3b5998;
                            font-size: 13px;
                            font-weight: bold;
                            margin: 10px 0 8px;
                        }
                        .notifPopList span {
                            color: #000;
                            display: inline-block;
                            margin-left: 12px;
                        }

            #headerMenu .logout li {
                display: block;
                height: 34px;
            }
                #headerMenu .logout li a {
                    background-color: #0384de;
                    display: block;
                    padding: 12px 10px 5px 10px;
                    text-decoration: none;
                }
                    #headerMenu .logout li a:hover {background-color: #0384de;}

    .mask {
        background-color: #000;
        height: 100%;
        left: 0;
        opacity: 0.8;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    .popupBox {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: #000 3px 3px 0px;
        height: 400px;
        left: 0;
        padding: 10px;
        position: fixed;
        top: 0;
        width: 800px;
        z-index: 9999;
    }
/* Removed resizer bars for the header and footer containers just in case the plugin fails to do that. */
#headerContainer-resizer, #footerContainer-resizer {display: none !important;}

#footerContainer {
    /*position:absolute;
   bottom:0;
   width:100%;
   height:60px;
   background:#6cf;*/


 /*clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;*/
}

.headers {
    background-color: #48a2e2;
    border-bottom: #48a2e2 1px solid;
    font-weight: bold;
    height: 33px !important;
    display: block;
}
    .headers h2 {
        color: #ffffff;
        font-size: 14px;
        margin: 10px 0 0 10px;
        /*css below for mantis 0000904*/
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    #MainContent_patientName {
    /*width: 96%;*/
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

#treeView, #accordion {
    background-color: #fff;
    font-size: 14px;
    overflow: auto;
}
.taskListNav, .treeNav, .widgets {
    color: #fff;
    overflow: auto;
}

/* Task List View */
.taskLists {
    height : 98%;
}
#tabbedPanel1 .taskLists #Header {
    background-color: #F1F3F5;
    padding:5px;
}
#tabbedPanel1 .taskLists #Header ul li{
    background-color: #F1F3F5;
    color: #3b5998;
    display: block;
    font-weight: bold;
    padding: 6px 30px 6px 20px;
    position: relative;
    font-size:12px;
}
#taskList {
    border-right: #48a2e2 1px solid;
    width: 300px;
}
    .taskListNav {font-size: 13px;}
        .taskListNav a {text-decoration: none;}
    .taskListNav ul li {
        display: block;
        margin: 10px 0 10px 10px;
    }
        .taskListNav ul li a {
            color: #1e4a70;
            display: block; 
            padding: 6px 30px 6px 20px;
            position: relative;
        }
            .taskListNav ul li a span {
                color: white;
                font-size: 12px;
                padding: 4px;
                position: absolute;
                right: 6px;
                top: 2px;
                z-index: 999;
                background: #d14949;
                border-radius: 9px;
                font-family: sans-serif
            }
        .taskListNav ul li ul {margin: 8px 0 0 0;}
            .taskListNav ul li ul li {
                font-size: 12px;
                border: none;
                margin: 0;
                padding-bottom: 0px;
            }
        .taskListNav ul li :hover {
            background-color: #f5f5f5;
        }
                
.accordion_default {
    background-color: #89CCFC;
    color: #092D47!important;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
    margin-bottom : 10px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    cursor: pointer;
    }
.accordion_buttons {
    font-size: 11px!important;
    float: right;
    padding: 1px 10px 3px 9px!important;
    background-color: #ffffff!important;
    border-radius: 3px;
    /*line-height: 16px;*/
    color: #0384de!important;
    margin-right:17px!important;
    cursor:pointer;
}
/*Tasks Panel Dashboard*/
.SearchPane {
    border-top:1px solid #BAC9E0;
    border-bottom : 1px solid #BAC9E0;
}
#tabbedPanel1 .gridSection .SearchPane{
    background-color: #DBE3F0;
    padding:5px;
}
#tabbedPanel1 .gridSection .SearchPane input{
    width: 200px;
}
#tabbedPanel1 .gridSection .SearchPane label{
    margin:0px!important;
    padding-right:5px;
    /*border-bottom : 1px solid #BAC9E0;*/
}

#taskNavList a.tasktypes.activeItem {
    background-color: #e1e7f1;
    color: #000;
    border-left: 5px solid #939fb7;
    font-weight: bold;
}

.gridSection {
    padding: 5px 5px 10px 8px;
    height: 92%;
}
.gridHeader {
    font-family: 'Tahoma';
    font-size: 12px;
    padding: 5px 5px 10px 5px;
    font-weight: bold;
    color: #0384DE;
}
/* Tree View */
#treeView {width: 200px;}

    /* Specialized TreeView Header */
    #treeView .headers span {
        cursor: pointer;
        display: block;
        height: 33px;
        width: 33px;
    }
        #treeView .headers span:hover {background-color: #bac9e0;}
        #treeView .headers span img {margin: 10px 0 0 13px;}

    /* Tree Nav Area*/
    .treeNav {
        font-size: 12px;
    }
        .jstree li {
            background-position: -111px 0;
            background-repeat: repeat-y;
        }
            .jstree a {
                    padding: 3px !important;
                    margin: 0 !important;
            }
            .jstree-closed > ins {background-position: -66px -4px;}
            .jstree-open > ins {background-position: -85px -4px;}
            .jstree-leaf > ins {background-position: -43px -4px;}
            .jstree-last {
                background-position: -111px -156px !important;
                background-repeat: no-repeat !important;
            }
            .jstree a .jstree-icon {background-position: -4px -37px;}
            .jstree .jstree-open > a .jstree-icon {background-position: -24px -37px;}
            .jstree a.jstree-loading .jstree-icon {background: url(../images/loader.gif) center center no-repeat !important;}

            .jstree .jstree-hovered {background: #A2D5F9;}
            .jstree .jstree-clicked {
                background: #48A2E2;
                color: white;
                border-top: #fff 1px solid;
            }

        .jstree .jstree-focused {background: #fff;}

        .jstree .jstree-no-dots li, .jstree .jstree-no-dots .jstree-leaf > ins {background: transparent;}
        .jstree .jstree-no-dots .jstree-open > ins {background-position: -18px 0;}
        .jstree .jstree-no-dots .jstree-closed > ins {background-position: 0 0;}

        .jstree .jstree-no-icons a .jstree-icon {display: none;}

        .jstree .jstree-search {font-style: italic;}

        .jstree .jstree-no-icons .jstree-checkbox {display: inline-block;}
        .jstree .jstree-no-checkboxes .jstree-checkbox {display: none !important;}
        .jstree .jstree-checked > a > .jstree-checkbox {background-position: -38px -19px;}
        .jstree .jstree-unchecked > a > .jstree-checkbox {background-position: -2px -19px;}
        .jstree .jstree-undetermined > a > .jstree-checkbox {background-position: -20px -19px;}
        .jstree .jstree-checked > a > .jstree-checkbox:hover {background-position: -38px -37px;}
        .jstree .jstree-unchecked > a > .jstree-checkbox:hover {background-position: -2px -37px;}
        .jstree .jstree-undetermined > a > .jstree-checkbox:hover {background-position: -20px -37px;}

        #vakata-dragged.jstree ins {background: transparent !important;}
        #vakata-dragged.jstree .jstree-ok {background: url(../images/treeview.png) -2px -53px no-repeat !important;}
        #vakata-dragged.jstree .jstree-invalid {background: url(../images/treeview.png) -18px -53px no-repeat !important;}
        #jstree-marker.jstree {
            background: url(../images/d.png) -41px -57px no-repeat !important;
            text-indent: -100px;
        }

        .jstree a.jstree-search {color: aqua;}
        .jstree .jstree-locked a {
            color: silver;
            cursor: default;
        }

    #vakata-contextmenu.jstree-classic-context, #vakata-contextmenu.jstree-classic-context li ul {
        background: #f0f0f0;
        border: 1px solid #979797;
        -moz-box-shadow: 1px 1px 2px #999;
        -webkit-box-shadow: 1px 1px 2px #999;
        box-shadow: 1px 1px 2px #999;
    }
    #vakata-contextmenu.jstree-classic-context li {}
    #vakata-contextmenu.jstree-classic-context a {color: black;}
    #vakata-contextmenu.jstree-classic-context a:hover, #vakata-contextmenu.jstree-classic-context .vakata-hover > a {
        padding: 0 5px;
        background: #e8eff7;
        border: 1px solid #aecff7;
        color: black;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    #vakata-contextmenu.jstree-classic-context li.jstree-contextmenu-disabled a, #vakata-contextmenu.jstree-classic-context li.jstree-contextmenu-disabled a:hover {
        color: silver;
        background: transparent;
        border: 0;
        padding: 1px 4px;
    }
    #vakata-contextmenu.jstree-classic-context li.vakata-separator {
        background: white;
        border-top: 1px solid #e0e0e0;
        margin: 0;
    }
    #vakata-contextmenu.jstree-classic-context li ul {
        margin-left: -4px;
    }

    .ui-layout-resizer-west {
        background: #d8dfea;
        border-left: #bccae1 1px solid;
        border-right: #bccae1 1px solid;
    }

#treeView-toggler.active-toggler {
    background-color: #599ac6;
    color: #d8dfea;
    box-shadow: 0px 0px 3px 1px #1f1f1f;
    border-radius: 0px 10px 10px 0px;
}
    #treeView-toggler:hover { 
        width: 12px !important; 
    }
        #treeView-toggler img {margin-top: 10px;}

    span.button-close-west {left: 0;}
    span.button-pin-west {right: 1px;}
    span.button-close-west {background: url(../images/treeview_button-normal.png) repeat-x;}
    span.button-close-west:hover {background: url(../images/treeview_button-hover.png) repeat-x;}

    .toggler-west-closed {background: url(../images/treeview_button-hover.png) repeat-x;}
        .toggler-west-closed:hover {background: url(../images/treeview_button-normal.png) repeat-x;}

    .expandArrow {
        background: url(../images/open.png) no-repeat;
        height: 11px;
        width: 5px;
    }

@media only screen
{

    #contentLayoutContainer, #mainPanel, .content {
        background-color: #ffffff;
        height: 100%;
        overflow: hidden;
        padding: 0 !important;
        position: relative !important;
        top: 0 !important;
    }

    .tabs {
        background-color: #ffffff;
        position: relative;
        z-index: 999 !important;
    }
        .tabs.home { background-color: #48a2e2; }
        .tabs ul {margin: 0 5px;}
            .tabs ul li {
                display: inline;
                font-size: 12px;
                overflow: auto;
                position: relative;
            }
            .tabs.home ul li {font-size: 14px;}
                .tabs ul li a {
                    background-color: #48a2e2;
                    border-radius: 2px 2px 0 0;
                    border-left: #48a2e2 1px solid;
                    border-right: #48a2e2 1px solid;
                    border-top: #48a2e2 1px solid;
                    display: block;
                    float: left;
                    margin-right: 3px;
                    vertical-align: middle;
                }
                .tabs.home ul li a {
                    border-radius: 0;
                    font-family: 'robotobold', Arial-Black;
                }
                    .tabs ul li a:hover {
                        background-color: #dbe3f0;
                        border-left: #d3dceb 1px solid;
                        border-right: #d3dceb 1px solid;
                        border-top: #d3dceb 1px solid;
                        color: #a5b6d2;
                    }
                    .tabs.home ul li a:hover {
                        background-color: #dbe3f0;
                        color: #a5b6d2;
                    }
            .tabs.home ul li.ui-state-default a {
                color: #89CCFC;
                height: 23px;
                line-height: 1.3;
            }
            .tabs.home ul li.ui-state-active a {
                background-color: #fff;
                color: #1198e9;
            }
                .tabs.home ul li.ui-state-active a:hover {background-color: #eff3fa !important;}

    .tabPanels {
        background-color: #fff;
        border-top: #bac9e0 1px solid;
        height: 100%;
        position: relative;
        overflow: auto !important;
    }
            .tabPanels .ui-tabs-panel {height: 100% !important;}
            .tabPanels .ui-layout-container {height: 100%;}

            .tabBorder {
                background-color: #d8dfea;
                border-bottom: #bac9e0 1px solid;
                height: 2px;
            }

            /* Modal window tabs */
            .tabs ul li.ui-state-default a, .tabs.simple ul li a {
                background-color: #E5F4FF; /*original color b4 edit=  #74bff4*/
                height: 16px;
                margin-top: 5px;
                padding: 5px 25px 0 16px;
                text-decoration: none;
                color: #849ed6;
                border-radius: 8px 8px 0 0;
                font-family: 'robotoregular';
                font-weight: 600;
            }
            .tabs ul li.ui-state-active a, .tabs.simple ul li.selected a {
                background-color: #48A2E2; /*original color b4 edit=  #d8dfea*/
                border-left: #bac9e0 1px solid;
                border-right: #bac9e0 1px solid;
                border-top: #bac9e0 1px solid;
                color: #FFFFFF; /*original color b4 edit=  #3b5998*/
                height: 17px;
            }
            .tabs ul li.ui-state-active a:hover {background-color: #d8dfea !important;}

            .tabs ul li.ui-state-disabled a {
                background-color: #e4ebf5 !important;
                border-left: #dde5f1 1px solid;
                border-right: #dde5f1 1px solid;
                border-top: #dde5f1 1px solid;
                color: #c9d6e8;
                cursor: default;
                text-shadow: #f2f5fa 0px 1px 0px;
            }
                .tabs ul li.ui-state-disabled a:hover {
                    background-color: #e4ebf5;
                    border-left: #dde5f1 1px solid;
                    border-right: #dde5f1 1px solid;
                    border-top: #dde5f1 1px solid;
                    color: #c9d6e8;
                }

            .tabs #admissiontab li.ui-state-default a, .tabs.simple #admissiontab li a {
                background-color: #E5F4FF;
                height: 16px;
                padding: 5px 16px 0 16px;
                border-left: #bac9e0 1px solid;
                border-right: #bac9e0 1px solid;
                border-top: #bac9e0 1px solid;
                color: #3b5998;
                margin-top: 5px;
                text-decoration: none;
            }
            .tabs #admissiontab li.ui-state-active a, .tabs.simple #admissiontab li.selected a {
                background-color: #74bff4;
                margin-top: 5px;
                padding: 5px 16px 0 16px;
                text-decoration: none;
                color: #FFF;
                height: 17px;
            }

}
/* Listed content styles for inner panels */
.listedContent {
    background-color: #fff;
    height: 100%;
    overflow: auto;
}
    .listedContent li {
        display: block;
        padding: 16px;
        overflow: hidden;
    }
    .listedContent li.odd {background-color: #f5f5f5;}
        .listedContent li h3 {
            color: #3b5998;
            font: normal 15px/1.3 'robotoregular';
            margin-bottom: 4px;
        }
        .listedContent li p, .listedContent li a {font-size: 13px;}
        .listedContent li p {
            color: #373737;
            line-height: 1.4;
        }
        .listedContent li a {
            background-color: #1f4189;
            border-radius: 3px;
            color: #d8dfea;
            display: block;
            margin-top: 8px;
            padding: 5px 12px;
            text-decoration: none;
        }
            .listedContent li a:hover {background-color: #1a3672;}

/* Listed content styles for inner panels */
.updates {background-color: #fff;}
    .updates > ul {
        height: 100%;
        overflow: auto;
        padding: 0 16px;
    }
        .updates > ul > li {
            border-bottom: #d8dfea 1px solid;
            display: block;
            padding: 16px;
            overflow: hidden;
        }
            .updates > ul > li h3 {
                color: #000000;
                font: normal 15px/1.3 'robotobold';
                margin-bottom: 4px;
            }
            .updates > ul > li li p, .updates > ul > li li a {font-size: 13px;}
            .updates > ul > li li p {
                color: #373737;
                line-height: 1.4;
            }
            /*.updates li a {
                background-color: #1f4189;
                border-radius: 3px;
                color: #d8dfea;
                display: block;
                margin-top: 8px;
                padding: 5px 12px;
                text-decoration: none;
            }
                .updates li a:hover {background-color: #1a3672;}*/
#navigationbar h2 {
    background-color: #c9e8ff;
    color: #092D47 !important;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 5px;
    margin: 6px 0 6px 7px;
    padding-bottom: 10px;
    font-family: sans-serif;
    cursor: pointer;
}

#navigationbar .cat_count{
    float : right;
    background-color: rgb(255, 153, 0)!important;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    right: 8px;
    top: 2px;
    color: #fff;
}

.nav-refresh {
    padding: 0 14px;
    top: 2px;
    cursor: pointer;
    position: relative;
}
.nav-refresh-show {
    background: url(../images/hide-icon.png) no-repeat 50% 50%;
}
.nav-refresh-hide {
    background: url(../images/show-icon.png) no-repeat 50% 50%;
}

.nav-loading {
    background: url(../images/loader.gif) no-repeat 50% 50%;
}

.nav-collapse {
    background: url(../images/up.png) no-repeat 50% 50%;
}
.nav-expand {
    background: url(../images/right.png) no-repeat 50% 50%;
}

#widgets {
    border-left: #48a2e2 1px solid;
    width: 350px;
}
    #widgets .widgets h2 {
        background-color: #c9e8ff;
        color: #092D47;
        display: block;
        font-size: 13px;
        font-weight: bold;
        padding: 8px;
        margin: 10px 0 10px 3px;
        padding-bottom: 10px;
        cursor: pointer;
        font-family: sans-serif;
    }
    #censusContainer {
    min-height : 200px;
    }
    .widgets { overflow-x: hidden; }
        .widgets .widgetContainer {
            margin: 10px 0 10px 10px;
        }
            .widgets .widgetContainer h2 {
                background-color: #48a2e2;
                color: #ffffff;
                display: block;
                font-size: 13px;
                font-weight: bold;
                padding: 8px;
            }
            .widgets .widgetContainer div.list {
                height: 140px;
                overflow: auto;
            }
            .widgets .widgetList {
                margin-bottom: 10px;
                margin-top: 8px;
            }
                .widgets .widgetList li {
                    color: #333;
                    font-size: 12px;
                    list-style: url(../images/bullet1.png);
                    margin-left: 30px;
                    padding: 0 12px 8px 0;
                }
                    .widgets .widgetList li a {
                        text-decoration: none;
                    }
                    .widgets .widgetList li a:link { color: #2885de }

#mainPanel .ui-layout-resizer, .ui-dialog .ui-layout-resizer {
    background-color: #d8dfea;
    border-bottom: #bccae1 1px solid;
    border-top: #bccae1 1px solid;
}

/* Fields for block areas */
.normalFields {
    float: left!important;
    /*padding: 6px;*/
    margin-right: 10px;
}
    .normalFields input[name=datePicker] {width: 200px;}
    .normalFields .select2-container {width: auto !important;}

    .normalFields label {
        float: left;
        padding: 5px 8px 0 0;
        text-align: right;
    }
    .normalFields input, .normalFields select, .normalFields textarea {
        display: inline;
        float: left;
        width: auto !important;
    }

    .normalFields .checkList {
        border: #bac9e0 1px solid;
        padding: 6px 6px 0 6px;
    }
        .normalFields .checkList li {
            display: inline;
            float: left;
        }
            .normalFields .checkList input {
                width: 20px;
            }
            .normalFields .checkList label {
                padding-top: 0px !important;
                text-align: left;
                width: 48% !important;
            }

/* Form styles */
.form {
    background-color: #fff;
    height: 100%;
    overflow: auto;
    width: 100%;
}
    .w10 {width: 10% !important;}
    .w25 {width: 25% !important;}
    .w33 {width: 33.2% !important;}
    .w50 {width: 50% !important;}
    .w75 {width: 75% !important;}
    .w80 {width: 80% !important;}
    .w100 {width: 100% !important;}

    .form input[name=datePicker] {
        margin: 3px 20px 3px 3px;
    }
    .form .select2-container {width: 59%;}
    .form div {overflow: auto;}
    .form fieldset {
        border-top: #ccc 1px solid;
        margin: 18px 0 14px 0;
        /*overflow: auto;*/
    }
        .form fieldset legend {
            background-color: #fff;
            color: #999;
            font-size: 13px;
            font-weight: bold;
            margin-left: 10px;
            padding: 4px;
        }

        .form ul {
            display: block;
            float: left;
            width: 49%;
        }
            .form ul li {
                overflow: auto;
                padding: 4px 0;
                /*position: relative;*/
                /*width: 100%;*/
            }
            .form ul li label, .form ul li input {display: inline;}
            .form ul li label {
                width: 25%;
                float: left;
                padding: 0px 8px 0 0;
                text-align: right;
            }
            .form ul li input, .form ul li select, .form ul li textarea {
                width: 60%;
                float: left;
            }

    .form .checkList {
        border: #bac9e0 1px solid;
        padding: 6px;
        width: 60%;
    }
        .form .checkList li {
            display: inline-block !important;
            margin: 3px 4px;
            width: auto !important;
        }
            .form .checkList input {
                margin: 0px 0px 0px 2px !important;
                width: 18px;
            }
            .form .checkList label {
                margin-right: 0px !important;
                padding-top: 0px !important;
                text-align: left;
            }

.form-table {
    overflow: auto;
    width: 100%;
}
    .form-table fieldset {
        border: #ccc 1px solid;
        margin: 4px;
        padding: 2px 6px 6px 6px;
    }
        .form-table legend {
            background-color: #fff;
            color: #999;
            font-size: 14px;
            font-weight: bold;
            margin-left: 10px;
            padding: 4px;
        }

    .form-table table {width: 100%;}
        .form-table tr {}
            .form-table td {
                padding: 2px 0;
                text-align: left;
            }
            .form-table label {
                display: block;
                padding: 0 4px 0 12px;
                text-align: right;
                float: none !important;
            }
            .form-table input, .form-table select, .form-table textarea {width: 94%;}
            .form-table input[type=checkbox], .form-table input[type=radio] {width: auto;}
            .form-table sub {
                color: #999;
                font-size: 12px;
                white-space: normal;
            }

/* Grid styles for inner panels. Can be reusable in main panel area */
.grid {
    background-color: #fff;
}

.grid table {
    background-color: #effaff;
    width: 100% !important;
}

.grid table tr {width: 100%;}
.grid table tr td, .grid table tr th {
    color: #d8dfea;
    font: normal 13px/1.0 'robotoregular' !important;
    padding: 6px;
}
.grid table thead tr {border-bottom: #133783 1px solid;}
.grid table thead tr th {
    background-color: #3b5998;
    border-left: #133783 1px solid;
    text-align: left;
}

.grid table tbody tr td {
    color: #565656 !important;
    position: relative;
}
    .grid table tbody tr td ins.calendar {
        position: absolute;
        right: 8px;
        top: 9px;
    }
.grid table tbody tr td.ui-selected {
    background-color: #d8dfea !important;
    color: #1f4189 !important;
}
.grid table tbody tr.odd td {background-color: #fff;}
.grid table tbody tr.even td {background-color: #f5f5f5;}
.trClass .odd .gridHighLight { background-color:#D8DFEA; }
.grid table tbody tr.even.gridHighLight td {background-color: #D8DFEA;}
.grid table tbody tr.odd.gridHighLight td {background-color: #D8DFEA;}
.gridCalendar {
    display: inline;
    float: left;
    margin: 4px 0;
    position: absolute;
    right: 8px;
}

            /* Auto-complete */
            .ui-helper-hidden-accessible {display: none;}
            .ui-autocomplete {
                background-color: #fff;
                border-bottom: #133783 1px solid;
                border-left: #133783 1px solid;
                border-right: #133783 1px solid;
                box-shadow: #999 0px 3px 3px;
                /*overflow: hidden;*/
                z-index: 99999;
                position: absolute;
                /*added by Michael*/
                max-height: 165px;
                overflow-y: auto;
                overflow-x: hidden;
            }
                .ui-autocomplete .ui-menu-item {
                    cursor: default;
                    display: block;
                    font: menu;
                    font-size: 12px;
                    overflow: hidden;
                    margin: 0px;
                    padding: 0px;
                }
                    .ui-autocomplete .ui-menu-item a {
                        padding: 3px 5px;
                        display: block;
                    }
                    .ui-autocomplete .ui-menu-item .ui-state-focus {
                        background-color: #bac9e0;
                    }

        .ui-autocomplete-loading{background: white url('../images/loader.gif') 98% center no-repeat !important;}

            /* Calendar picker and modal window */
            .modal, .ui-icon-closethick {display: none;}
            .ui-dialog-titlebar {
                cursor: move;
                position: relative;
            }
            .ui-dialog-titlebar-close {
                position: absolute;
                right: 7px;
                top: 8px;
                background: url(../images/modal_close-normal.png) no-repeat;
                display: block;
                height: 16px;
                width: 16px;
            }
            .ui-dialog-titlebar-max {
                position: absolute;
                right: 1.4em;
                top: 3px;
                background: url(../images/maximize.png) no-repeat;
                display: block;
                height: 16px;
                width: 16px;
            }
            /*.ui-dialog-titlebar-min {
                position: absolute;
                right: 27px;
                top: 2px;
                background: url(../images/delete.png) no-repeat;
                display: block;
                height: 16px;
                width: 16px;
            }
            .ui-dialog-titlebar-col {
                position: absolute;
                right: 37px;
                top: 2px;
                background: url(../images/up.png) no-repeat;
                display: block;
                height: 16px;
                width: 16px;
            }*/
            .ui-dialog-titlebar-restore {
                position: absolute;
                right: 13px;
                top: 3px;
                background: url(../images/restore.png) no-repeat;
                display: block;
                height: 16px;
                width: 16px;
                cursor: pointer;
            }
            .ui-dialog-titlebar-close:hover {
                background: url(../images/modal_close-hover.png) no-repeat;
            }
            .ui-dialog-buttonpane {
                background-color: #eff3fa;
                overflow: hidden;
                padding: 5px 2px;
                position: relative;
            }
                .ui-dialog-buttonpane button {
                    /*float: right;*/
                    margin: 0 3px;
                }

            /* Custom modal window styles */
            .inboxDialog .ui-dialog-title {
                background: transparent url(../images/inbox.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .contactDialog .ui-dialog-title {
                background: transparent url(../images/contact.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .NewsDialog .ui-dialog-title {
                background: transparent url(../images/news.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }

            .OCTDialog .ui-dialog-title {
                background: transparent url(../images/order_comm_template.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }

            .OtherContactsDialog .ui-dialog-title {
                background: transparent url(../images/othercontact.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .AnnouncementDialog .ui-dialog-title {
                background: transparent url(../images/announcements.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .physicianDialog .ui-dialog-title {
                background: transparent url(../images/physician.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .supplyItemDialog .ui-dialog-title {
                background: transparent url(../images/supply.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .visitTypesDialog .ui-dialog-title {
                background: transparent url(../images/visittype.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .PharmacyDialog .ui-dialog-title {
                background: transparent url(../images/pharmacy.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .IDTDialog .ui-dialog-title {
                background: transparent url(../images/idt.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .insuranceDialog .ui-dialog-title {
                background: transparent url(../images/insurance.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .certificationDialog .ui-dialog-title {
                background: transparent url(../images/cert.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .companiesDialog .ui-dialog-title {
                background: transparent url(../images/company.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .facilityDialog .ui-dialog-title {
                background: transparent url(../images/facility.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .intermediaryDialog .ui-dialog-title {
               background: transparent url(../images/intermediary.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .disciplineAdminDialog .ui-dialog-title {
                background: transparent url(../images/staff.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .userAdminDialog .ui-dialog-title {
                background: transparent url(../images/users.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .marketsourceAdminDialog .ui-dialog-title {
                background: transparent url(../images/market.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .planofCareDialog .ui-dialog-title {
                background: transparent url(../images/poc.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .ordersDialog .ui-dialog-title {
                background: transparent url(../images/orders.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .warningDialog .ui-dialog-title {
                background: transparent url(../images/growl-warning.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .commNoteDialog .ui-dialog-title {
                background: transparent url(../images/comm_note.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .whatsNewAdminDialog .ui-dialog-title {
                background: transparent url(../images/whats_new.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .patientInsuranceAdminDialog .ui-dialog-title {
                background: transparent url(../images/insurance_info.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .searchNPIPECOSDialog .ui-dialog-title {
                background: transparent url(../images/search.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .FAQAdminDialog .ui-dialog-title {
                background: transparent url(../images/faq.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .TemplatePocDialog .ui-dialog-title {
                background: transparent url(../images/poctemplate.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .RoleDetailDialog .ui-dialog-title {
                background: transparent url(../images/role.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .IDDialog .ui-dialog-title {
                background: transparent url(../images/assigned_discipline.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .IIDialog .ui-dialog-title {
                background: transparent url(../images/insurance_info.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .CLDialog .ui-dialog-title {
                background: transparent url(../images/care_location.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .IPDialog .ui-dialog-title {
                background: transparent url(../images/pharmacies.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }

            .DMEDialog .ui-dialog-title {
                background: transparent url(../images/dme.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .FolderDialog .ui-dialog-title {
                background: transparent url(../images/folder.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }

            .IntakePathwayDialog .ui-dialog-title {
                background: transparent url(../images/pathways.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }

            .calendarVisitDialog .ui-dialog-title {
                background: transparent url(../images/plot_visit.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }

            .assignUserPatientDialog .ui-dialog-title {
                background: transparent url(../images/assign_patients_to_user.png) no-repeat scroll 0 0;
                padding-left: 20px;
            }
            .informationDialog {
                background: transparent url(../images/information_bigger.png) no-repeat scroll 0 0;
                background-position:right bottom;
            }
            .ui-widget-overlay, .veil {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #F5F5F5;
                opacity: .50;
                filter: Alpha(Opacity=50);
            }

            #ui-datepicker-div, .ui-dialog {
                background-color: #fff;
                box-shadow: #999 0px 2px 8px;
                font: normal 10pt/1.0 'Tahoma';
            }
                .ui-datepicker-header, .ui-dialog-titlebar {
                    background-color: #36A5F2;
                    padding: 10px;
                }
                    .ui-datepicker-year, .ui-datepicker-month, .ui-dialog-title {
                        color: #fff;
                        font-weight: bold;
                    }
                        .ui-datepicker-year {margin: 0 6px 0 43px;}
                    .ui-datepicker-prev, .ui-datepicker-next {
                        display: block;
                        height: 11px;
                        width: 10px;
                    }
                    .ui-datepicker-prev {
                        background: url(../images/calendar-arrows.png) 0px 0px no-repeat;
                        float: left;
                    }
                    .ui-datepicker-next {
                        background: url(../images/calendar-arrows.png) -23px 0px no-repeat;
                        float: right;
                    }
                        .ui-datepicker-prev span, .ui-datepicker-next span {display: none;}

                    .ui-datepicker-year {float: left;}

                    .ui-datepicker-calendar thead {background-color: #d8dfea;}
                        .ui-datepicker-calendar thead tr th {
                            color: #3b5998;
                            padding: 3px 0;
                        }
                    .ui-datepicker-calendar tbody tr td {
                        border-right: #d8dfea 1px solid;
                        border-bottom: #d8dfea 1px solid;
                    }
                        .ui-datepicker-calendar tbody tr td:last-child {border-right: none !important;}

                    .ui-datepicker-calendar tbody tr td a.ui-state-default {
                        display: block;
                        color: #3b5998;
                        padding: 5px 6px;
                        text-decoration: none;
                        width: 18px;
                    }
                    .ui-datepicker-calendar tbody tr td a.ui-state-hover {background-color: #d8dfea;}

            .ui-selectable-helper {
                border: #00486B 1px dotted;
                position: absolute;
                z-index: 100;
            }

.dialogContent {padding: 6px;}
.dialogLayoutContent {height: 100%;}

/* Footer styles */
#footerContainer {
    background-color: #0384de;
    border-top: #0769AE 1px solid;
    font-size: 11px;
    height: 28px !important;
}
    #footerContainer .chat {
        background: #0384de url(../images/chat.png) 10px 6px no-repeat;
        color: #d8dfea;
        display: block;
        padding: 8px 14px 8px 31px;
        position: relative;
        text-align: center;
        text-decoration: none;
    }
        #footerContainer .chat:hover {background-color: #48a2e2;}
        #footerContainer .chat span.ticker {
            position: absolute;
            left: -6px;
            top: -6px;
            z-index: 999;
        }
    #footerContainer ul, #footerContainer p {margin: 8px 10px;}
    #footerContainer p {color: #d8dfea;}
    #footerContainer ul {}
        #footerContainer ul li {display: inline;}
            #footerContainer ul li a {
                color: #d8dfea;
                text-decoration: none;
            }
    #footerContainer ul.nav li {border-right: #1a3672 1px solid;}
        #footerContainer ul.nav li a {
            color: #d8dfea;
            margin: 0 8px 0 6px;
        }
            #footerContainer ul.nav li a:hover {
                border-bottom: #fff 1px solid;
                color: #fff
            }

/* Calendar */
.calendar {
    overflow: auto;
    padding: 6px;
}
    .calendar table { width: 99%; }
    .calendar table.typeCont { background-color: #f40; }
    .calendar table.typeGen  { background-color: #FFAE00; }
    .calendar table.typeInp  { background-color: #F9F94A; }
    .calendar table.typeRout { background-color: #70CA48; }

    .calendar table.typeDisc { background-color: #bfbfbf;}
        .calendar table tr td {
            border: #dde5f1 1px solid;
            font-family: 'Tahoma';
            font-size: 11px;
            margin: 0px !important;
            vertical-align: bottom;
            width: 12.5%;
        }
    .calendar table thead {background-color: #dde5f1;}
        .calendar table thead td {
            color: #3b5998;
            font-weight: bold;
            line-height: 18px;
            text-align: center;
        }
            .calendar.plotter table tr td button {
                color: #3b5998;
                height: 100%;
                padding: 0;
                width: 100%;
                min-height: 50px;
                min-width: 69px;
            }

    .calendar.plotter table tr td button.weekbtn {
        min-height: 24px;
        height: 24px;
    }
            .calendar table tr td table {overflow: hidden;}
            .calendar table tr td table tr td {border: #fff 2px solid;}
            .calendar table tbody td .calendarBlock, .calendar table tbody td .planBlock {
                font-size: 11px;
                width: 100%;
            }
                .calendar table tbody td.planned, .calendar table tbody td.actual {
                    font-weight: bold;
                    height: 46px;
                    vertical-align: top;
                }
    .calendar.plotter table tbody div.planned {
        min-height: 36px;
        width: 100%;
        background-color: #EAF1FF;
        text-align: center;
        padding: 5px 0;
    }
                .calendar table tbody td.planned {color: #3b5998;}
                .calendar table tbody td.actual {color: #3b6e22;}
                    .calendar table tbody td.planned div, .calendar table tbody td.actual div {
                        margin: 2px;
                        height: 40px;
                        overflow: auto;
                    }

    .calendar table tbody td div .visit_icon, .calendar table tbody td div .visit_note_icon,
    .calendar table tbody td div .other_note_icon, .calendar table tbody td div .wound_note_icon,
    .calendar table tbody td div .supply_visit_icon, .idt_icon{
        display: inline-block;
        height: 16px;
        margin: 1px 2px;
        padding: 0;
    }
                    .calendar table tbody td div .other_note_icon_error{ 
                        border: 3px solid red;
                    }
                    .calendar.plotter table tbody td.selected {
                        background-color: #3b5998;
                        color: #fff;
                    }
                    .calendar.plotter table tbody td.planned div {
                        margin: 12px 2px;
                        height: 14px;
                        text-align: center;
                    }
                    .calendar table tbody td .date {
                        height: 10px;
                        padding: 2px 4px;
                    }

                    .calendar.plotter table tbody td {
                        vertical-align: top;
                        padding: 3px;
                        text-align: center;
                    }

                    .calendar.plotter table tbody td .visit_icon {
                        padding: 1px;
                        cursor: pointer;
                        margin: 1px;
                    }

    .calendar.plotter table tbody td .date {
        width: auto !important;
        min-width: 57px;
        padding: 2px 4px 4px;
        text-align: left;
    }

    .calendar.plotter table tbody td img.conflicted {
        background-color: red;
    }
    
    .calendar.plotter table tbody td a.expiredCreds {
        background-color: #b4b7bd;
        border: 1.5px solid #ed001c;
        padding: 2px 6px;
        color: #e8e9eb;
        text-decoration: none;
        display: inline-block;
        border-radius: 2px;                  
    }

    .calendar.plotter table tbody td a.proceedExpiredCreds {
        background-color: #b4b7bd;
        padding: 2px 6px;
        color: #e8e9eb;
        text-decoration: none;
        display: inline-block;
        border-radius: 2px;
    }


.removePlotDialog .dialogContent ul li {
    padding: 5px 10px;
}

    .conflictDialog {
        padding: 6px;
        height: auto;
    }

    .conflictDialog .conflictDateName {
        font-size: 22px;
        color: #4b4b4b;
        margin-right: 7px;
    }

        .conflictDialog .conflictDayName {
            color: #4b4b4b;
        }

    .conflictDialog .conflictHeader {

    }

    .conflictDialog .timebox {
          width: 18px;
    }

    .conflictDialog table tr td {
        padding: 5px 3px;
        min-width: 30px;
    }

        .conflictDialog table tr td.timepad {
            padding: 13px 3px 9px;
        }

    .conflictDialog tr.timehighlight, .timeconflict {
        color: red;
    }

    .conflictDialog tr.timehighlightok, .timeconflictok {
        color: green;
    }

    .conflictDialog .conflictItem {
      padding: 10px 10px 25px;
      width: 43%;
      float: left;
      margin-left: 17px;
      border: 1px solid rgb(205, 201, 201);
      border-radius: 7px;
      height: 130px;
    }

    .conflictDialog .itemTitle {
        font-size: 16px;
        line-height: 20px;
        color: #4c4c4d;
        margin-bottom: 2px;

    }

    .conflictDialog .headertitle {
        float: left;
        padding: 5px;
    }

    .conflictDialog .conflictNumber {
        float:right;
        font-size: 10px;
        padding: 5px;
    }

    .conflictDialog .clear {
        clear: both;
        margin-bottom: 10px;
    }

    .conflictDialog .otherhours {
        padding: 14px 5px 5px 5px;
        max-height: 100px;
        overflow-y: auto;
    }

        .conflictDialog .conflictItem ul li {
            padding: 2px 5px;
        }


                        .calendar table tbody td .date span {float: right;}
                            .calendar table tbody td .date span a {margin-left: 4px;}
                    .calendar table tbody td.planned {background-color: #e4ebf5;}
                    .calendar table tbody td.actual {background-color: #c5eeb3;}

/* Growl styles */
#growls {
    bottom: 30px;
    font-family: 'Tahoma';
    font-size: 12px;
    position: fixed;
    right: 5px;
    max-width: 500px;
    z-index: 99999;
}
.growl {
    border-radius: 4px;
    background-color: #2e80a0;
    color: #fff;
    margin: 5px;
    opacity: 0.9;
    padding: 10px;
}
    .growl .growl-message {
        background-image: url(../images/growl-info.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 2px 5px 2px 20px
    }
    .growl.error {
        background-color: #d14836;
    }
        .growl.error .growl-message {
            background-image: url(../images/growl-error.png);
        }
    .growl.success {
        background-color: #399827;
    }
        .growl.success .growl-message {
            background-image: url(../images/growl-success.png);
        }
    .growl.warning {
        background-color: #d6a600;
    }
        .growl.warning .growl-message {
            background-image: url(../images/growl-warning.png);
        }
    .growl.information {
        /*background-color: #1F4189;*/
        background-color : #1F4189;
    }
        .growl.information .growl-message {
                background-image: url(../images/info.png);
            }
    .growl-close {
        cursor: pointer;
        float: right;
    }

/* Link styles */
.nameLink {
    color: #3b5998;
    cursor: pointer;
    text-decoration: underline;
}
.commandLink {
    cursor: pointer;
    background-color: rgb(255, 153, 0)!important;
    /* line-height: 16px; */
    color: #fff!important;
    font-weight:bold;
    cursor: pointer;
    text-decoration : none;
    padding:10px;
}

.grid_red_warning {
    background-color: red !important;
    /* line-height: 16px; */
    color: #fff!important;
    font-weight:bold;
    text-decoration : none;

}
.folderlink {
    background: url(../images/folder.png) no-repeat !important;
    padding-left: 20px !important;
}

 /* jquery ui-resizable css*/
 .ui-icon-gripsmall-diagonal-se {background: url(../images/resizer-bar-se.png) no-repeat;}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* ---------- Form Grid Added since 9/2/2013 ---------- */
.form .rowFluid, .rowFluid {width: 100%;}
    .rowFluid:before, .rowFluid:after {
        display: table;
        content: "";
        line-height: 0;
    }
    .rowFluid:after {clear: both;}

.rowFluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574468085%;
}
.rowFluid [class*="span"]:first-child {margin-left: 0;}
.rowFluid .controls-row [class*="span"] + [class*="span"] {margin-left: 2.127659574468085%;}

.rowFluid .span12 {width: 100%;}
.rowFluid .span11 {width: 91.48936170212765%;}
.rowFluid .span10 {width: 82.97872340425532%;}
.rowFluid .span9 {width: 74.46808510638297%;}
.rowFluid .span8 {width: 65.95744680851064%;}
.rowFluid .span7 {width: 57.44680851063829%;}
.rowFluid .span6 {width: 48.93617021276595%;}
.rowFluid .span5 {width: 40.42553191489362%;}
.rowFluid .span4 {width: 31.914893617021278%;}
.rowFluid .span3 {width: 23.404255319148934%;}
.rowFluid .span2 {width: 14.893617021276595%;}
.rowFluid .span1 {width: 6.382978723404255%;}

.rowFluid .offset12 {margin-left: 104.25531914893617%;}
    .rowFluid .offset12:first-child {margin-left: 102.12765957446808%;}
.rowFluid .offset11 {margin-left: 95.74468085106382%;}
    .rowFluid .offset11:first-child {margin-left: 93.61702127659574%;}
.rowFluid .offset10 {margin-left: 87.23404255319149%;}
    .rowFluid .offset10:first-child {margin-left: 85.1063829787234%;}
.rowFluid .offset9 {margin-left: 78.72340425531914%;}
    .rowFluid .offset9:first-child {margin-left: 76.59574468085106%;}
.rowFluid .offset8 {margin-left: 70.2127659574468%;}
    .rowFluid .offset8:first-child {margin-left: 68.08510638297872%;}
.rowFluid .offset7 {margin-left: 61.70212765957446%;}
    .rowFluid .offset7:first-child {margin-left: 59.574468085106375%;}
.rowFluid .offset6 {margin-left: 53.191489361702125%;}
    .rowFluid .offset6:first-child {margin-left: 51.063829787234035%;}
.rowFluid .offset5 {margin-left: 44.68085106382979%;}
    .rowFluid .offset5:first-child {margin-left: 42.5531914893617%;}
.rowFluid .offset4 {margin-left: 36.170212765957444%;}
    .rowFluid .offset4:first-child {margin-left: 34.04255319148936%;}
.rowFluid .offset3 {margin-left: 27.659574468085104%;}
    .rowFluid .offset3:first-child {margin-left: 25.53191489361702%;}
.rowFluid .offset2 {margin-left: 19.148936170212764%;}
    .rowFluid .offset2:first-child {margin-left: 17.02127659574468%;}
.rowFluid .offset1 {margin-left: 10.638297872340425%;}
    .rowFluid .offset1:first-child {margin-left: 8.51063829787234%;}

    .form .checkList {
        border: #bac9e0 1px solid;
        padding: 6px;
        width: 60%;
    }
        .form .checkList li {
            display: inline-block !important;
            margin: 3px 4px;
            width: auto !important;
        }
            .form .checkList input {
                margin: 0px 0px 0px 2px !important;
                width: 18px;
            }
            .form .checkList label {
                margin-right: 0px !important;
                padding-top: 0px !important;
                text-align: left;
            }

/* ---------- Read Only styles for fields ---------- */
.isReadOnly {
    color: #565656;
    border-color: #fff;
    border-bottom-color: #9c9c9c;
}
    .isReadOnly:hover, .isReadOnly:active, .isReadOnly:focus {
        border: #fff 1px solid;
        border-bottom-color: #9c9c9c;
        box-shadow: none !important;
    }
a.isReadOnly, button.isReadOnly, div.isReadOnly {
    text-decoration: none;  pointer-events: none;
}
.checkList td label{
    width:auto!important;
}
#htmlsubjectradio{
width:90%!important;
}

.ui-dialog-buttonset {
    float:right !important;
}

span.ui-state-default {
    display: block;
    background-color: #f5f5f5;
    color: #3b5998;
    padding: 5px 6px;
    text-decoration: none;
    width: 18px;
}
.loading { background: #FFF url(../images/loader_big.gif) no-repeat 50% 50%; }
.loadingSmall { background: #FFF url(../images/loader.gif) no-repeat 50% 50%; }

/*for Wound note*/

#woundDetailPanel, #woundDetailPanelData {
    float: left;
}

    #woundDetailPanel table tr td {
        padding: 5px;
    }

#woundNum td input {
    width: 120px;
}

#woundDetailPanelData {
    overflow: auto;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
}

#woundDetailPanelData tr td input {
    margin: 0 !important;
}

    #woundDetailPanelData table {
        height: 787px;
    }

#woundSize {
    height: 60px;
}

#woundStage {
    height: 55px;
}

#woundDrain td {
    padding: 4px 6px;
}

#woundSurround {
    height: 45px;
}

.textareaWound {
    height: 120px;
}

.dialogMessage {
    padding: 20px;
}

.disciplinesign {
    font-size: 11px;
    padding: 0 4px 0 12px;
    color: #b22222;
    font-weight: bold;
}

#orderForm fieldset{
    /*overflow: hidden;*/
}

#jsTreeView {
    padding: 6px 6px;
}

#notePages li a, #pocPages li a, #noteTemplatePages li a  {
    color: #849ed6;
    background-color: #E5F4FF;
    border-left: #bac9e0 1px solid;
    border-right: #bac9e0 1px solid;
    border-top: #bac9e0 1px solid;
    height: 16px;
}

#notePages li.selected a, #pocPages li.selected a, #noteTemplatePages li.selected a {
    color: #FFF;
    background-color: #74bff4;
    margin-top: 5px;
    padding: 5px 16px 0 16px;
    text-decoration: none;
    height: 17px;
}

/*CSS for Note Template*/
#mainContent .cleditorMain {
    overflow: hidden;
}

#mainContent #notePanel #noteForm-container {
    padding: 0 5px 5px 5px;
}

#mainContent #notePanel #noteForm-container div.highlighted {
    -webkit-box-shadow: 0px 0px 10px 3px rgba(255,158,13,0.66);
    -moz-box-shadow: 0px 0px 10px 3px rgba(255,158,13,0.66);
    box-shadow: 0px 0px 10px 3px rgba(255,158,13,0.66);
}

#saveversiondiv {
    padding: 5px;
}

#saveversiondiv label {
    float: none;
    vertical-align: top;
}

#saveversiondiv .specverfield input, #saveversiondiv .specverfield select, #saveversiondiv .specverfield textarea {
    margin: 3px 0 !important;
}


/*Tabs styles*/
.slidetabs div{
	overflow:hidden;
	text-align:left;
	/*height: 28px;*/
	margin:0;
	padding:0;
}

.slidetabs {
    margin: 0 3px;
}

.slidetabs .next, .slidetabs .prev{
	display:none;
    padding: 4px 3px 3px 3px;
	background-color:white;
	border:0;
	font:bold 13px Helvetica;
	color: #bac9e0;
	float:left;
	margin:0;
    cursor: pointer;

    border-left: #bac9e0 1px solid;
    border-right: #bac9e0 1px solid;
    border-top: #bac9e0 1px solid;
    background-color: #E5F4FF;
}

    .slidetabs .next:hover, .slidetabs .prev:hover {
        color: #74bff4;
    }

.slidetabs .next{
	float:right;
}

.slidetabs div ul{
		width:3000px;
		overflow:hidden;
	}
		.slidetabs div ul li{
            display: inline-block;
            font-size: 12px;
            position: relative;
            padding: 5px 0;
            margin-right: 3px;
            background-color: #E5F4FF;
            border-left: #bac9e0 1px solid;
            border-right: #bac9e0 1px solid;
            border-top: #bac9e0 1px solid;
		}

            .slidetabs div ul li.selected {
                background-color: #74bff4;
            }

        .slidetabs div ul li.selected a {
            color: #FFF;
            background-color: #74bff4;
            height: 17px;
        }

        .slidetabs div ul li a {
            color: #3b5998;
            height: 17px;
        }

            .slidetabs div ul li a, .slidetabs div ul li.selected a {
                margin-top: 5px;
                padding: 5px 16px 0 16px;
                text-decoration: none;
                border: none;
            }
.dslc-accordion {
}
.dslc-accordion h2{
        background-color: #89CCFC;
        color: #092D47!important;
        display: block;
        font-size: 13px;
        font-weight: bold;
        padding: 8px;
        border-bottom : 1px solid #e2e2e2;
        padding-bottom: 10px;
        cursor : pointer;
}

/*For Admin Calendar*/
#admissioncalendar_content {
    padding: 0 !important;
}

#admin_calendarHeader {
    height: 35px;
}

#admin_calendarHeader ul {
    width: 100%;

}

#admin_calendarHeader ul li {
    float: left;
    width: initial;
    margin-right: 14px;
}

    #admin_calendarHeader ul li label {
        width: initial;
    }

    #admin_calendarHeader ul li #carestaffid {
        width: 250px;
    }

#admin_calendarHeader .space {
    width: 30px;
}

#admin_calendarHeader .headeritemdate input {
    width: 95px;
}

#admissioncalendar_content .calendar table tr td .datelabel {
    padding: 3px 5px;
    text-align: right;
    font-size: 12px;
}

#admissioncalendar_content .calendar table tr td .datecontainer {
    min-height: 90px;
}


#admissioncalendar_content .calendar table tr td .datecontainer .visitItem {
    padding: 5px 8px 7px 5px;
    margin: 2px;
    font: bold 11px Tahoma;
}

    #admissioncalendar_content .calendar table tr td .datecontainer .visitItem .vItemTime {
        font: normal 10px Tahoma;
        text-decoration: none;
    }

    #admissioncalendar_content .calendar table tr td .datecontainer .visitItem .vItemPatName {

    }

    #admissioncalendar_content .calendar table tr td {
        vertical-align: top;
    }

    #admissioncalendar_content .calendar table tr td .datecontainer a {
        color: rgb(0, 107, 182);
    }

    #admissioncalendar_content .calendar table tr td .datecontainer a:hover {
        color: #1190ea;
    }

    #admissioncalendar_content .calendar table tr td .datecontainer a:visited {
        color: #580dbe;
    }

#admissioncalendar_content .plan {
    background: #d1d9e5;
}

#admissioncalendar_content .posted {
    background: #c5eeb3;
}

#admissioncalendar_content .missed {
    background: #EEB3B3;
}

#admissioncalendar_content .tooltip {
	display:none;
	position:absolute;
	border:1px solid #6f6e6e;
	background-color:#cee8f5;
	border-radius:5px;
	padding:10px;
	color:#000;
	font:normal 12px/16px 'Tahoma';
    width: 270px;
}

#admissioncalendar_content .tooltip table tbody td {
    padding: 2px 6px;
}
#admissioncalendar_content p {
    /*text-align: center;*/
    margin-bottom: 10px;
}

#admissioncalendar_content .headingname {
    font-size: 18px;
}

#admissioncalendar_content .headingtitle {
    font-size: 16px;
}

.fixedContainer ul li {
    float: left;
    color: #3b5998;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    width: 12.5%;
}

.fixedContainer {
    width: 74.6%;
    height: 20px;
    background: #DDE5F1;
    margin: 0 6px;
    position: fixed;
    top: 105px;
    display: none;
}

/*Apply class to all areas that should not be text-selected*/
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.editvisit {
    cursor: pointer;
}

.editItemPlan {
    padding: 5px;
}

.editItemPlan table tbody tr td {
    padding: 3px;
}

.editItemPlan .timebox {
    width: 20px;
}

#icweeks .weekstable tr td {
    padding: 5px;
    text-align: center;
}

.dialogContentNew {
    padding: 15px;
}

.plotopt {
    padding: 8px;
}

.failedtbl tr td, .failedtbl tr th {
    padding: 5px 10px;
}

/*BILLING*/

.readyStatus {
    background-color:green; height:100%; line-height: 20px; font-weight:bold; color:white; padding-left:5px!important;
}
.pendingStatus {
    background-color:orange; height:100%; line-height: 20px; font-weight:bold; color:white; padding-left:5px!important;
}

.errorStatus {
    background-color:#e15858; height:100%; line-height: 20px; font-weight:bold; color:white; padding-left:5px!important;
}

.movedStatus {
    background-color:#00C100; height:100%; line-height: 20px; font-weight:bold; color:white;
}
.custom_grid_highlight {
    background-color: rgb(159, 210, 246)!important;
}

#validation_header{
    border-bottom : 1px solid #133783;
}
.grid_detail_button {
    background-color: rgb(54, 165, 242)!important;
    color: #fff;
    text-decoration: none;
    padding:5px 1px 3px 1px;
}
.grid_count{
      float: right;
      background-color: rgb(54, 165, 242)!important;
      border-radius: 3px;
      font-size: 12px;
      right: 8px;
      top: 2px;
      color: #fff;
      text-decoration: none;
}
.grid_count a{
    color: #fff!important;
    text-decoration: none;
}
    .grid_count span {
        cursor : pointer;
    }
.withEmphasis {
    border: 0px solid #FFF;
    padding: 2px 0px 4px 0px;
    border-radius: 5px;
    background-color: #FFF;
}
.rowhead {
    background-color : #3b5998;
    color:#fff;
}
.imgShowHide999 {
    padding-right : 10px;
}
/*END BILLING*/

/*POP-UP LOGIN CLASSES*/

.popupMessage {
    padding: 2px 6px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .popupMessage > div {
        padding: 2px;
    }

    .popupMessage label {
        float: none;
    }

    .popupMessage span {
        font-size: 12px;
    }

        .popupMessage span.status {
            color: #b22222;
            font-weight: bold;
            padding-left: 10px;
        }

        .popupMessage span.saveStatus {
            padding-left: 20px;
            font-style: italic;
        }

.popupLogMsg {
    margin-left: 130px;
    padding: 5px;
}

.popupErrorBox {
    color: red;
    text-align: center;
}

/*.popupTimer {
    color: red;
    text-align: center;
    padding: 5px;
}*/

/*POP-UP CALENDER LEGEND CLASSES*/
.LegendTable {
    width:100%;
    margin-bottom:10px;
    border-top-style: solid;
    border-width: 1px;
}
.LegendTable td {
  border-width: 1px;
  border-style: none;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
}
#LegendDialog {
    display: none;
    text-align:center;
    overflow: scroll;
}

.legend {
    background: url(../images/infoLegend.png) 11px 12px no-repeat;
    background-size: 10px;
}

#OtherLegends {
    table-layout: fixed;
    text-align: center;
}

/*Make the content area not text-selectable*/
/*#mainContent, #treeView, #headerContainer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
*/

/*select2 clear button class*/

/*.select2-search-choice-close {
        top: 4px !important;
        right: 1px !important;
}*/

.select2-container:not(.select2-container-multi):not(.select2-container-disabled) .select2-search-choice-close {
    top : 20% !important;
    background-color: white !important;
}

.select2-container-disabled:not(.select2-container-multi) .select2-search-choice-close{
    display:none !important;
}

/*custom select2 css*/

.select2-container:not(.select2-container-multi) {
    /*top: 6px;*/
    /*width: 100% !important;*/
	
}

/*.select2-choices {
    width: 98% !important;
}

.select2-search-choice {
    width: initial !important;
}*/

/*order form td classes*/

/*.label-td {
    width:140px;
}*/

/*class for hiding select2 doprdown arrow*/

.hideDropdownArrow > a > span {
    margin-right: 15px !important;
}

.hideDropdownArrow > a > div {
    display:none !important;
}

.hideDropdownArrow > a > abbr{
    right:1px !important;
}

/*.single-select2-td {
    vertical-align: top;
}

.select2-label {
    padding-top: 10px !important;
}*/

.calendarTooltip {
	display:none;
	position:absolute;
	border:1px solid #6f6e6e;
	background-color:#cee8f5;
	border-radius:5px;
	padding:10px;
	color:#000;
	font:normal 12px/16px 'Tahoma';
    width: 350px;
    pointer-events:none;
}

.calendarTooltip table tbody td {
    padding: 2px 6px;
}

.blockMsgNoLoading {
    -webkit-box-shadow: 0px 5px 31px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 31px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 31px -8px rgba(0,0,0,0.75);
    background: none -11% 49% / 29% no-repeat #FFF !important;
    padding: 10px 10px 10px 35px !important;
}


.blockMsg {
    -webkit-box-shadow: 0px 5px 31px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 31px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 31px -8px rgba(0,0,0,0.75);
    background: url(../images/hospice-loading.gif) 5% 49% / 6% no-repeat #FFF !important;
    padding: 10px 10px 10px 35px !important;
}

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

.menu-button {
    font-size: 11px;
    margin: 6px 5px;
    padding: 6px;
    background: #79C8FF;
    color: #FFF;
    cursor: pointer;
}

.menu-button:hover {
    background: #B1DEFD;
}

#headerMenu{
    margin-right: 4px;
}

/*CSS For NoteTemplate Validation*/
.validationResult {
    border-collapse: collapse;

}

.validationResult td, .validationResult th {
    border: 1px solid #999;
    padding: 0.5rem;
    text-align: left;
}

.validationResult th {
    font-weight: bold;
}

#ui-datepicker-div {
    position: absolute;
    display: none;
}
/*end*/

/*billing breakdown dialog*/

#billingbreakdowndialog {
    padding: 5px 15px 5px 15px;
}
#billingbreakdowndialog #billInfoChargesTable, #billingbreakdowndialog #billPatientRecordTable {
    width : 100%;
    border-bottom: 1px solid rgba(153, 153, 153, 0.28);
    border-left: 1px solid rgba(153, 153, 153, 0.28);
    border-right: 1px solid rgba(153, 153, 153, 0.28);
}
#billInfoChargesTable tr {
    border-bottom: 1px solid rgba(153, 153, 153, 0.28);
}
#billingbreakdowndialog .billingLOCBDTableHeader, #billingbreakdowndialog .billingPatientRecordHeader {
    background-color : #48A2E2;
    color : #fff;
    font-weight : bold;
}
.billingPatientRecordHeader span {
    float : right;
    /*padding-right: 45px;*/
}
#billingbreakdowndialog td {
    padding : 5px;
    font-family : Arial;
}
.billinginfoLabel{
    vertical-align: top;
}
.billinginfoValues {
    float : right!important;
    vertical-align : bottom;
}
#extraChargesTable {
    float : right;
    width: 100%;
}
.billingAdjustment {
    border-radius: 2px;
    font-weight: bold;
    background: #133783;
    color: #fff;
    padding: 2px;
}

.redify {
    color: red;
    text-decoration: none;
    cursor: default;
}

.greenify {
    color: green;
    text-decoration: none;
    cursor: default;
}

.downloadBtn {
        background: rgba(0, 0, 0, .1) url(../images/download.png) 3px no-repeat;
        border-color: #888;
        color: #333;
        padding: 6px;
        font-weight: bold;
        font-size: 11px;
}

/*transferred from medication_profile.html for HC-2237*/
#druginterresult, #drugcontentresult {
    padding: 10px;
}

    #druginterresult h4, #drugcontentresult h4 {
        color: #1198e9;
        padding-bottom: 15px;
        font-size: 15px;
    }

    .drug_inter {
        margin: 5px 0 5px 0;
        border-bottom: 1px solid gray;
    }

    .drug_inter_details {
        padding-left: 5px;
    }

    #druginterresult p {
        margin: 5px 0 5px 0;
    }

    #druginterresult b, #drugcontentresult b {
        font-weight: bold!important;
    }

    #druginterresult li, #drugcontentresult {
        border-bottom: 1px #d8dfea solid;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        #druginterresult p, #drugcontentresult p {
            font-size: 12px;
        }

#druginterdialog, #drugcontentdialog {
    overflow-y: scroll;
    overflow-x: hidden; /*remove bottom scroll | HC-2237*/
}

#DrugContent p {
    padding-top: 5px;
    padding-bottom: 5px;
}

a[name="ados"], a[name="pdos"], a[name="cind"],
a[name="indc"], a[name="mcoa"], a[name="adrs"],
a[name="kind"], a[name="ovmg"], a[name="intr"],
a[name="form"], a[name="info"], a[name="ref"] {
    color: #008EF0;
    font-style: italic;
}

#DrugContent ul {
    border: 1px #d8dfea solid;
    padding: 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#DrugContent li, #DrugContent li ul {
    border: none!important;
}

.Dosing {
    background-color: #E2ECF2;
}

.TopTextBracket {
    font-style: italic;
    color: #008EF0;
}

.dsltree li,
.dsltree li > a,
.dsltree li > p {
    padding: 4pt;
    border-radius: 4px;
}

div[id^='paging-'] {
    position: absolute !important;
    bottom: 0;
	width : 99% !important;
}

.update-alert{color:red;}
/*end*/
/*end*/

.tarea {
    font-family: Arial;
    font-size: 9pt;
    background-color: #ffffff;
    border: dotted 1px #000 !important;
    overflow: visible;
    height: 18px;
}

.underline-on-hover:hover {
    text-decoration: underline;
	cursor: pointer;
}


.fc-body{
    height: 200px!important;
    overflow-y: scroll!important;
}

/********for patient mortuary info *********/
.mortuary_info_list {
    width: 45% !important;
}

    .mortuary_info_list li {
        margin-bottom: -1em !important;
        margin-top: 9px;

    }

.mortuary_info_list li label {
    text-align: left !important;
    margin-left: 14px;
    width: 87% !important;
    float: left !important;
}

.mortuary_info_list input[type="textarea"] {
    float: right;
}

#sortable li {
        margin: 5px;
        padding: 0.5em;
        font-size: 12px;
        height: 20px;
        border: 1px solid grey;
        width: inherit;
        color: #1f4189;
        font-family: "Tahoma", Arial;
		cursor: grab;
    }

.EVVReportList li {
    margin: 7px;
    padding: 0.7em;
    font-size: 12px;
    height: 70px;
    border: 1px solid grey !important;
    width: inherit;
    font-family: "Tahoma", Arial;
    text-align: left;
}



.EVVHistoryReportList li {
    margin: 7px;
    padding: 0.7em;
    font-size: 12px;
    height: 359px;
    border: 1px solid grey!important;
    width: inherit;
    font-family: "Tahoma", Arial;
    text-align: left;
}

.hide_response  {
    display:none;
}

.show_response {
    display:block;
    max-height:200px!important;
    overflow-y:scroll;
}

.resolve-conflict {
    background: url(../images/resolve_conflict.png) 5px 8px no-repeat;
    height: 25px !important;
    width: 25px !important;
    display: none;
    float: right;
    color: red;
    cursor: pointer !important;
}
.view-ha-note {
    background: url(../images/view_note.png) 5px 8px no-repeat;
    height: 25px !important;
    width: 25px !important;
    display: none;
    float: left;
    cursor: pointer !important;
}

.ha-icon-container {
    float: right;
    margin-right: 136px !important;
    margin-top: -6px;

}

.tabs .toolbar ul {
    margin: 8px 8px 8px 5px;
}

.tabs .toolbar ul li {
    overflow: unset;
}

input.disabled {
    background: #ddd;
    border-color: #ccc;
    color: #999;
}

#face-sheet-dialog {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#face-sheet-dialog li {
	width: 200px;
    text-align: center;
    font-size: large;
    border: 1px solid #48A2E2;
    margin-bottom: 10px;
}


#face-sheet-dialog a {
	text-decoration: none;
	padding:5px;
	display: block;
}

.eligibilityCheck {
    background: url(../images/eligibility_chk.png) 7px 8px no-repeat;
}


.note_float_left {
    top: 0 !important;
    left: 0 !important;
    float: left !important;
    width: 50% !important;
    height: 100% !important;
    position: absolute !important;
}

.note_float_right {
    top: 0 !important;
    left: 50.25% !important;
    width: 50% !important;
    height: 96% !important;
}

.note_float_left.ui-dialog-content ui-widget-content{
    height:100%!important;
}

.noteForm {
    width: 100% !important;
    min-height: 420px !important;
}

.cp_status_label:hover{
	cursor: pointer;
	background-color: #afb4bd;
}

.cp_status_label_inactive{
	text-decoration:line-through !important;
}




/**Visit batch posting CSS*/


.loading_li {
    border-top: 1px solid #3498db;
    border-left: 1px solid #3498db;
    border-right: 1px solid #3498db;
    border-bottom: 1px solid #3498db;
    padding: 10px;
    color: #333;
}


/**Password requirements*/

.password-requirements-panel {
    /*background: aliceblue;*/
}


.password-requirements {
    background: url(../images/correct.png) 2px 4px no-repeat;
    color: black;
}

.password-requirements-error {
    background: url(../images/incorrect.png) 2px 4px no-repeat;
    color: red; 
} 

.error-panel {
    background: #fff7f7;
    height: auto;
    width: 95%;
    border: 2px solid #ffa0a0;
    color: black;
    overflow: hidden !important;
    font-family: 'Tahoma';
    padding: 8px !important;
    font-size: 10px !important;
}

.password-requirements-panel li {
    padding: 4px 4px 4px 10px!important;
}

.password-toggle-icon { 
    right: 35px; 
    cursor: pointer;
    height: 22px;
    width: 24px; 
    position: relative;
    float: left;
    top:-1px;
} 
    .eye-show {
        background: url(../images/eye_shown.png) 2px 4px no-repeat;
    }
    .eye-hide {
        background: url(../images/eye_hidden.png) 2px 4px no-repeat;
    }
#verificationPasswordForm .password-toggle-icon {
    right: -205px; 
}

.hope_ui_indicator.hope_adm {
    background-color: #0074D9 !important; /* vivid blue */
}

.hope_ui_indicator.huv1 {
    background-color: #e6d90b !important; /* bright orange */
}

.hope_ui_indicator.huv2 {
    background-color: #B10DC9 !important; /* bold purple */
}

.hope_ui_indicator.hope_dc {
    background-color: #3D3D3D !important; /* dark neutral gray */
}

.hope_ui_indicator.sfv_light {
    background-color: #FF7B74 !important;
}

.hope_ui_indicator.plotted {
    background-color: green !important;
}

.hope_ui_indicator.sfv {
    background-color: #F70E00;
   animation: blink .1s step-start infinite;
}
/*
@keyframes blink {
    50% {
        background-color: transparent;
    }
}
 */