@charset "utf-8";
/* CSS Document */

html, body {
    /*height: 100% !important;*//*Commented for 375*/
    height:auto;
    padding: 0px;
    margin: 0px;
    -webkit-overflow-scrolling: touch;
}
/*.PgAddNewpatient .PgTitle
	{ color:#d97102;
	font-weight:700;
	font-family: 'Cabin', sans-serif !important;
	}

.PgAssessment .PgTitle
	{color:#0070c0;
	font-weight:700;
	font-family: 'Cabin', sans-serif !important;
	}
	
.PgNewEncounters .PgTitle
	{color:#6a076a;
	font-weight:700;
	font-family: 'Cabin', sans-serif !important;
	}


.PgPatientSearch .PgTitle
	{ color:#d97102;
	font-weight:700;
	font-family: 'Cabin', sans-serif !important;
	}



.PgAddNewpatient .activestate {
    background-color: #d97102  !important;
    color: white !important;
}


.PgAssessment .activestate {
    background-color: #0070c0 !important;
    color: white !important;
}
	
.PgNewEncounters .activestate {
    background-color: #6a076a !important;
    color: white !important;
}

.PgPatientSearch .activestate {
    background-color: #d97102  !important;
    color: white !important;
}


.PgPatientSearch .activestate-static {
    background-color: #d97102  !important;
    color: white !important;
}
    */


.PGLogin .margin {
    margin-bottom: 10px;
}



.dropdown-menu {
    top: auto !important;
}

.caret {
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid #008571 !important;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-bottom: 0px solid !important;
    border-top: 0 none;
    content: "";
}


.add_new_patient .btn-default {
    box-shadow: none !important;
    border-color: #adaec0 !important;
}


    .add_new_patient .btn-default:focus {
        border-color: #545454 !important;
        outline: none;
    }

.add_new_patient .activestate .panel-title > a {
    color: #fff !important;
}


.panel-group .panel {
    border-radius: 0px !important;
    box-shadow: none !important;
    margin-bottom: 15px;
}

.panel.panel-default > .panel-heading, .panel.panel-default > .panel-footer {
    border: solid 1px #adaec0 !important;
    box-shadow: none !important;
}

.icons, .icons li {
    margin: 0;
    padding: 0;
}


    .icons li a {
        padding-left: 13px !important;
    }


.bg-black .nav > li:hover > a, .bg-black .nav > li:focus > a, .bg-black .nav > li:active > a, .bg-black .nav > li.active > a {
    background-color: #f2f2f2;
    color: #7f7f7f;
}


.footer {
    z-index: 1;
    width: 100%;
    height: 64px;
    line-height: 64px;
    background: #15164a;
    bottom: 0;
    left: 0;
    right: 0;
}


    .footer p, .footer a {
        line-height: normal;
        color: #fff;
    }

.footer-copy {
    margin-top: 20px;
}
/*custom classes*/
#UpdatePanel1 {
    margin-bottom: 0%;
}


.inbox-notification .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
#pnlCopyPrescriptions {width:80% !important;}

@media (max-width: 768px) {

    .footer {
        z-index: 1;
        width: 100%;
        height: 64px;
        line-height: 64px;
        background: #15164a;
        position: fixed;
        bottom: 0;
        margin-top: 50px;
        z-index: 999;
    }

        .footer img.footer-logo {
            margin-left: 50px !important;
        }

    #UpdatePanel1 {
        margin-bottom: 5%;
    }
}




.expandAllBtn {
    position: relative;
    margin-bottom: 10px;
    width: 108px;
    height: 26px;
    line-height: 26px;
    background: #646464;
    color: #fff;
    padding-left: 10px;
    cursor: pointer;
    display: block;
}



    .expandAllBtn:hover {
        color: #fff;
    }


    .expandAllBtn:after {
        z-index: 9999;
        position: absolute;
        top: 95%;
        left: 80%;
        margin-left: -10px;
        content: '';
        width: 0;
        height: 0;
        border-top: solid 8px #646464;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
    }

    .expandAllBtn i {
        margin-left: 10px;
        position: absolute;
        right: 15px;
        top: 7px;
    }


#accordion .glyphicon {
    color: #a8a8a8;
    font-size: 11px;
    font-weight: normal;
}

#accordion .activestate .glyphicon {
    color: #fff !important;
    font-size: 11px;
    font-weight: normal;
}


.dropdown-menu {
    border: solid 1px #adaec0;
}


.sprite2 {
    background-image: url(../images/sprite_new.png);
    background-repeat: no-repeat;
    display: block;
}


.AdSearch a {
    color: #fff;
    font-size: 14px;
}

    .AdSearch a:hover {
        color: #fff;
        font-size: 14px;
    }


.PgPatientSearch [name~="Addnewpatient"] {
    background-color: #15164a;
}


.nav-user-padding {
    position: relative;
    right: 20px;
}


.icon-dob {
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 16px;
    padding: 6px;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 8px;
    top: 26px;
    bottom: 2px;
    z-index: 3;
    color: #225871;
}


    .icon-dob i {
        color: #225871;
        font-size: 20px;
    }


.navbar-header > .btn {
    color: #FFFFFF;
}

    .navbar-header > .btn:hover {
        color: #FFFFFF;
    }



.patients2:before {
    content: url(../svg/patients2.svg);
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.resources2:before {
    content: url(../svg/resources2.svg);
    height: 17px !important;
    width: 16px !important;
    overflow: hidden !important;
}


.nav-xs .nav-primary > ul > li > a i.resources2:before {
    content: url(../svg/resources3.svg) !important;
    height: 28px !important;
    width: 28px !important;
    overflow: hidden !important;
}

.patient_details2 {
    background: url(../svg/patient_details3.svg) no-repeat 0px 0px !important;
    height: 19px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.patient_details2 {
    background-position: 0px -38px !important;
}

.encounters2 {
    background: url(../svg/encounters3.svg) no-repeat 0px 2px !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.encounters2 {
    background-position: 0px -36px !important;
}

.assessments2 {
    background: url(../svg/assessments3.svg) no-repeat 0px 0px !important;
    height: 19px !important;
    width: 21px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.assessments2 {
    background-position: 0px -37px !important;
}

.laborders2 {
    background: url(../svg/laborders3.svg) no-repeat 0px 0px !important;
    height: 18px !important;
    width: 17px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.laborders2 {
    background-position: 0px -36px !important;
}

.labresults2 {
    background: url(../svg/labresults3.svg) no-repeat 0px 0px !important;
    height: 14px !important;
    width: 18px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.labresults2 {
    background-position: 0px -28px !important;
}

.eprescription2 {
    background: url(../svg/eprescriptions3.svg) no-repeat 0px 0px !important;
    height: 18px !important;
    width: 16px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.eprescription2 {
    background-position: 0px -36px !important;
}

.eprescriptionhistory2 {
    background: url(../svg/eprescrptionhistory3.svg) no-repeat 0px 0px !important;
    height: 16px !important;
    width: 16px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.eprescriptionhistory2 {
    background-position: 0px -33px !important;
}

.patient_details2 {
    background: url(../svg/patient_details3.svg) no-repeat 0px -19px !important;
    height: 19px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.patient_details2 {
    background-position: 0px -38px !important;
}

.encounters2 {
    background: url(../svg/encounters3.svg) no-repeat 0px 2px !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.bg-black .nav > li:hover > .left_subnavigation.encounters2 {
    background-position: 0px -36px !important;
}

.audit_reports2 {
    background: url(../svg/audit_tracking_report.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 6px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.audit_reports2 {
    background-position: 0px -20px !important;
}

.history_reports2 {
    background: url(../svg/clipboard_checklist_health.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 6px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.history_reports2 {
    background-position: 0px -20px !important;
}

.lab_tests2 {
    background: url(../svg/lab_tests.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 6px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_tests2 {
    background-position: 0px -20px !important;
}

.lab_result_unit2 {
    background: url(../svg/lab_result_unit.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 6px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_result_unit2 {
    background-position: 0px -20px !important;
}

.lab_panel2 {
    background: url(../svg/lab_panel.svg) no-repeat !important;
    height: 20px !important;
    width: 28px !important;
    overflow: hidden !important;
    top: 6px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_panel2 {
    background-position: 0px -20px !important;
}

.subsrciption_package2 {
    background: url(../svg/sub_package.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 6px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.subsrciption_package2 {
    background-position: 0px -20px !important;
}

.order_code_details2 {
    background: url(../svg/order_code_details.svg) no-repeat !important;
    height: 30px !important;
    width: 17px !important;
    overflow: hidden !important;
    top: 3px !important;
}


.bg-black .nav > li:hover > .left_subnavigation.order_code_details2 {
    background-position: 0px -30px !important;
}

.system_parameters2 {
    background: url(../svg/system_parameters.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 7px !important;
}


.bg-black .nav > li:hover > .left_subnavigation.system_parameters2 {
    background-position: 0px -20px !important;
}






.bg-black .nav > li > .left_subnavigation.user_groups2 {
    background: url(../svg/user_groups.svg) no-repeat !important;
    width: 20px !important;
    top: 6px !important;
    height: 20px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.user_groups2 {
    background-position: 0px -20px !important;
    height: 20px !important;
    top: 12px !important;
}

.bg-black .nav > li.active > .left_subnavigation.user_groups2 {
    background-position: 0px -20px !important;
    height: 20px !important;
}



.bg-black .nav > li > .left_subnavigation.pharmacy_users2 {
    background: url(../svg/user.svg) no-repeat !important;
    width: 20px !important;
    top: 6px !important;
    height: 20px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.pharmacy_users2 {
    background-position: 0px -20px !important;
    height: 20px !important;
    top: 6px !important;
}

.bg-black .nav > li.active > .left_subnavigation.pharmacy_users2 {
    background-position: 0px -20px !important;
    height: 20px !important;
}



.bg-black .nav > li > .left_subnavigation.patient_information2 {
    background: url(../svg/patient_information.svg) no-repeat !important;
    width: 20px !important;
    top: 8px !important;
    height: 20px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.patient_information2 {
    background-position: 0px -20px !important;
    height: 20px !important;
    top: 8px !important;
}

.bg-black .nav > li.active > .left_subnavigation.patient_information2 {
    background-position: 0px -20px !important;
    height: 20px !important;
}


.bg-black .nav > li > i.sprite.left_subnavigation.ohb_studies {
    background: url(../svg/ico_ohb_studies.svg) no-repeat 0 0 !important;
    width: 20px !important;
    top: 12px !important;
    height: 14px !important;
    left: 14px !important;
}

.bg-black .nav > li > i.sprite.left_subnavigation.ohb_studies2 {
    background: url(../svg/ico_ohb_studies.svg) no-repeat 0 0 !important;
    width: 20px !important;
    top: 12px !important;
    height: 14px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > i.sprite.left_subnavigation.ohb_studies {
    background-position: 0px -14px !important;
    height: 14px !important;
    top: 12px !important;
}

.bg-black .nav > li:hover > i.sprite.left_subnavigation.ohb_studies2 {
    background-position: 0px -14px !important;
    height: 14px !important;
    top: 12px !important;
}










.user_groups_communication2 {
    background: url(../svg/user_group_communication.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 10px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.user_groups_communication2 {
    background-position: 0px -20px !important;
}


.manage_rules2 {
    background: url(../svg/ico_manage_rules.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 10px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.manage_rules2 {
    background-position: 0px -20px !important;
}


.lab_tests_details2 {
    background: url(../svg/lab_test_details.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 10px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_tests_details2 {
    background-position: 0px -20px !important;
}


.lab_panel2 {
    background: url(../svg/lab_panel.svg) no-repeat !important;
    height: 15px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 10px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_panel2 {
    background-position: 0px -15px !important;
}




.notes_reports2 {
    background: url(../svg/notes_reports.svg) no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
    top: 10px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.notes_reports2 {
    background-position: 0px -20px !important;
}







.bg-black .nav > li > .left_subnavigation.pharmacies2 {
    background: url(../svg/pharmacies.svg) no-repeat !important;
    width: 20px !important;
    top: 6px !important;
    height: 20px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.pharmacies2 {
    background-position: 0px -20px !important;
    height: 20px !important;
    top: 12px !important;
}

.bg-black .nav > li.active > .left_subnavigation.pharmacies2 {
    background-position: 0px -20px !important;
    height: 20px !important;
}



.bg-black .nav > li > .left_subnavigation.patients3 {
    background: url(../svg/patients3.svg) no-repeat !important;
    width: 20px !important;
    top: 8px !important;
    height: 20px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.patients3 {
    background-position: 0px -20px !important;
    height: 20px !important;
}

.bg-black .nav > li.active > .left_subnavigation.patients3 {
    background-position: 0px -20px !important;
    height: 20px !important;
}



.bg-black .nav > li > .left_subnavigation.rx_info2 {
    background: url(../svg/rx_info.svg) no-repeat !important;
    width: 20px !important;
    top: 10px !important;
    height: 20px !important;
    left: 14px !important;
}

.bg-black .nav > li:hover > .left_subnavigation.rx_info2 {
    background-position: 0px -20px !important;
    height: 20px !important;
}

.bg-black .nav > li.active > .left_subnavigation.rx_info2 {
    background-position: 0px -20px !important;
    height: 20px !important;
}

.patient_details2 {
    background: url(../svg/patient_details3.svg) no-repeat 0px 0px !important;
}

.assessments2 {
    background: url(../svg/assessments3.svg) no-repeat 0px -20px !important;
}

.patient_details2 {
    background: url(../svg/patient_details3.svg) no-repeat 0px 0px !important;
}

.assessments2 {
    background: url(../svg/assessments3.svg) no-repeat 0px 0px !important;
}

i#LeftSidebarIcon1, i#LeftSidebarIcon2 {
    float: right;
    position: relative;
    top: 5px;
    left: 3px;
}



#cssmenu a.navhead {
    background: #15164a url(../images/icon_plus.png) no-repeat right 10px;
}

#cssmenu .active1 a.navhead {
    background: #15164a url(../images/icon_minus.png) no-repeat right 10px;
}

.nav-xs a.navhead {
    background-image: none !important;
}











/* */
.bg-black .nav > li > .left_subnavigation.patient_details {
    background-position: -0px -20px;
    width: 20px;
    top: 4px;
    height: 23px;
}

.bg-black .nav > li:hover > .left_subnavigation.patient_details {
    background-position: -0px -47px;
}

.bg-black .nav > li.active > .left_subnavigation.patient_details {
    background-position: -0px -47px;
}



.bg-black .nav > li > .left_subnavigation {
    width: 20px;
    height: 22px;
    background-position: -42px -22px;
    position: absolute;
    top: 9px;
    left: 13px;
    z-index: 9999;
}

.bg-black .nav > li:hover > .left_subnavigation {
    background-position: -42px -50px;
}





/* 
.bg-black .nav > li > .left_subnavigation.encounters {
	background-position: -20px -19px;
	width: 20px;
	top: 4px;
	height: 23px;
}
.bg-black .nav > li:hover > .left_subnavigation.encounters {
	background-position: -20px -47px;
}
.bg-black .nav > li.active > .left_subnavigation.encounters {
	background-position: -20px -47px;
}
*/



/* 
.bg-black .nav > li > .left_subnavigation.new_assessments {
	background-position: -41px -19px;
	width: 20px;
	top: 4px;
	height: 23px;
}
.bg-black .nav > li:hover > .left_subnavigation.new_assessments {
	background-position: -41px -47px;
}
.bg-black .nav > li.active > .left_subnavigation.new_assessments {
	background-position: -41px -47px;
}
*/

/* 
.bg-black .nav > li > .left_subnavigation.laborders {
	background-position: -125px -19px;
	width: 20px;
	top: 4px;
	height: 23px;
}
.bg-black .nav > li:hover > .left_subnavigation.laborders {
	background-position: -125px -47px;
}
.bg-black .nav > li.active > .left_subnavigation.laborders {
	background-position: -125px -47px;
}

.bg-black .nav > li > .left_subnavigation.labresults {
	background-position: -63px -22px;
	width: 20px;
	top: 7px;
}
.bg-black .nav > li:hover > .left_subnavigation.labresults {
	background-position: -63px -50px;
}
.bg-black .nav > li.active > .left_subnavigation.labresults {
	background-position: -63px -50px;
}
.bg-black .nav > li > .left_subnavigation.eprescription {
	background-position: -84px -14px;
	width: 21px;
	height: 28px;
	top: 4px;
}
.bg-black .nav > li:hover > .left_subnavigation.eprescription {
	background-position: -84px -42px;
}
.bg-black .nav > li.active > .left_subnavigation.eprescription {
	background-position: -84px -42px;
}
.bg-black .nav > li > .left_subnavigation.eprescriptionhistory {
	background-position: -105px -19px;
	width: 20px;
	height: 24px;
	top: 6px;
}
.bg-black .nav > li:hover > .left_subnavigation.eprescriptionhistory {
	background-position: -105px -47px;
}

.bg-black .nav > li.active > .left_subnavigation.eprescriptionhistory {
	background-position: -105px -47px;
}
*/

.bg-black .nav > li > .left_subnavigation.noteshistory {
    background-position: -242px -19px;
    width: 20px;
    height: 24px;
    top: 6px;
}

.bg-black .nav > li:hover > .left_subnavigation.noteshistory {
    background-position: -242px -49px;
}

.bg-black .nav > li.active > .left_subnavigation.noteshistory {
    background-position: -242px -49px;
}


.bg-black .nav > li > .left_subnavigation.audit_reports {
    background-position: -145px -16px;
    width: 19px;
    top: 4px;
    height: 27px;
    left: 13px;
}

.bg-black .nav > li:hover > .left_subnavigation.audit_reports {
    background-position: -145px -44px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.audit_reports {
    background-position: -145px -44px;
    height: 27px;
}

.bg-black .nav > li > .left_subnavigation.history_reports {
    background-position: -164px -16px;
    width: 17px;
    top: 4px;
    height: 27px;
    left: 14px;
}

.bg-black .nav > li:hover > .left_subnavigation.history_reports {
    background-position: -164px -44px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.history_reports {
    background-position: -164px -44px;
    height: 27px;
}




.bg-black .nav > li > .left_subnavigation.rx_info {
    background-position: -203px -15px;
    width: 19px;
    top: 4px;
    height: 27px;
    left: 14px;
}

.bg-black .nav > li:hover > .left_subnavigation.rx_info {
    background-position: -203px -44px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.rx_info {
    background-position: -203px -44px;
    height: 27px;
}

.bg-black .nav > li > .assessments_checkmark {
    background-position: -122px 5px;
    width: 19px;
    top: 4px;
    height: 27px;
    right: 10px;
    position: absolute;
}



/****************  */
.bg-black .nav > li > .left_subnavigation.office_users {
    background-position: -3px -120px;
    width: 20px;
    top: 4px;
    height: 27px;
    left: 14px;
}

.bg-black .nav > li:hover > .left_subnavigation.office_users {
    background-position: -25px -120px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.office_users {
    background-position: -25px -120px;
    height: 27px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.prescription_formula {
    background-position: -262px -15px;
    width: 19px;
    top: 4px;
    height: 27px;
    left: 14px;
}

.bg-black .nav > li:hover > .left_subnavigation.prescription_formula {
    background-position: -262px -45px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.prescription_formula {
    background-position: -262px -45px;
    height: 27px;
}


/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.my_account {
    background-position: -105px -94px;
    width: 24px;
    top: 7px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.my_account {
    background-position: -129px -94px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.my_account {
    background-position: -129px -94px;
    height: 27px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.account {
    background-position: -46px -122px;
    width: 23px;
    top: 7px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.account {
    background-position: -69px -122px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.account {
    background-position: -69px -122px;
    height: 27px;
}

/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.pharmacies {
    background-position: -246px -96px;
    width: 24px;
    top: 7px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.pharmacies {
    background-position: -270px -96px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.pharmacies {
    background-position: -270px -96px;
    height: 27px;
}

/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.clients {
    background-position: -246px -96px;
    width: 24px;
    top: 7px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.clients {
    background-position: -270px -96px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.clients {
    background-position: -270px -96px;
    height: 27px;
}

/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.system_parameters {
    background-position: -281px -16px;
    width: 24px;
    top: 10px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.system_parameters {
    background-position: -281px -46px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.system_parameters {
    background-position: -281px -46px;
    height: 27px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.assessment_questionnaire {
    background: url(../svg/ico_assessment_questionnaire.svg) no-repeat 0px 0px !important;
    height: 20px;
}

.bg-black .nav > li:hover > .left_subnavigation.assessment_questionnaire {
    background-position: 0px -20px !important;
    height: 20px;
}

.bg-black .nav > li.active > .left_subnavigation.assessment_questionnaire {
    background-position: -65px -71px;
    height: 23px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.lab_tests {
    background-position: -82px -72px;
    width: 17px;
    top: 7px;
    height: 22px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_tests {
    background-position: -99px -72px;
    height: 22px;
}

.bg-black .nav > li.active > .left_subnavigation.lab_tests {
    background-position: -99px -72px;
    height: 22px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.lab_tests_details {
    background-position: -255px -72px;
    width: 16px;
    top: 7px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_tests_details {
    background-position: -272px -72px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.lab_tests_details {
    background-position: -272px -72px;
    height: 27px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.lab_result_unit {
    background-position: -117px -71px;
    width: 22px;
    top: 7px;
    height: 25px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_result_unit {
    background-position: -140px -71px;
    height: 25px;
}

.bg-black .nav > li.active > .left_subnavigation.lab_result_unit {
    background-position: -140px -71px;
    height: 25px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.lab_panel {
    background: url(../svg/ico_labpanel.svg) no-repeat 0px 0px;
    width: 24px;
    top: 11px;
    height: 18px;
    left: 11px;
}

.bg-black .nav > li:hover > .left_subnavigation.lab_panel {
    background-position: 0px -16px;
    width: 24px;
    top: 13px;
    height: 17px;
    left: 11px;
}

.bg-black .nav > li.active > .left_subnavigation.lab_panel {
    background-position: 0px -32px;
    width: 24px;
    top: 11px;
    height: 19px;
    left: 11px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.subsrciption_package {
    background-position: -27px -94px;
    width: 20px;
    top: 7px;
    height: 27px;
    left: 13px;
}

.bg-black .nav > li:hover > .left_subnavigation.subsrciption_package {
    background-position: -46px -94px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.subsrciption_package {
    background-position: -46px -94px;
    height: 27px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.unit_conversion {
    background: url("../svg/ico_unit_conversion.svg") no-repeat 0 0px !important;
    width: 18px;
    top: 7px;
    height: 23px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.unit_conversion {
    background-position: 0px -23px !important;
    height: 23px;
}

.bg-black .nav > li.active > .left_subnavigation.unit_conversion {
    background-position: -85px -95px;
    height: 27px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.user_groups {
    background-position: -142px 0px;
    width: 18px;
    top: 7px;
    height: 13px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.user_groups {
    background-position: -162px 0px;
    height: 13px;
}

.bg-black .nav > li.active > .left_subnavigation.user_groups {
    background-position: -162px 0px;
    height: 13px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.user_groups_communication {
    background-position: -163px -73px;
    width: 24px;
    top: 7px;
    height: 22px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.user_groups_communication {
    background-position: -187px -73px;
    height: 22px;
}

.bg-black .nav > li.active > .left_subnavigation.user_groups_communication {
    background-position: -187px -73px;
    height: 22px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.manage_rules {
    background-position: -211px -72px;
    width: 22px;
    top: 7px;
    height: 23px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.manage_rules {
    background-position: -233px -72px;
    height: 23px;
}

.bg-black .nav > li.active > .left_subnavigation.manage_rules {
    background-position: -233px -72px;
    height: 23px;
}
/*****************  */

/****************  */
.bg-black .nav > li > .left_subnavigation.order_code_details {
    background-position: -205px -96px;
    width: 24px;
    top: 7px;
    height: 27px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.order_code_details {
    background-position: -225px -96px;
    height: 27px;
}

.bg-black .nav > li.active > .left_subnavigation.order_code_details {
    background-position: -225px -96px;
    height: 27px;
}
/*****************  */


/****************  */
.bg-black .nav > li > .left_subnavigation.prescription_formula2 {
    background: url(../svg/ico_prescription_formula.svg) no-repeat 0 0;
    width: 20px;
    top: 10px;
    height: 15px;
    left: 12px;
}

.bg-black .nav > li:hover > .left_subnavigation.prescription_formula2 {
    background-position: 0px -15px;
    height: 15px;
}


/*****************  */
















/*.nav-xs
	{ width:80px !important;
	}*/

.nav-xs .nav-primary > ul > li {
    width: 70px !important;
    overflow: visible !important;
    padding: 0 !important;
}

    .nav-xs .nav-primary > ul > li > a {
        width: 70px !important;
        height: 50px;
        overflow: hidden !important;
        text-align: center !important;
    }




.IconsNotes {
    margin-bottom: 10px;
    width: 100px;
    height: 45px;
}

    .IconsNotes a {
        float: left !important;
        width: 40px;
        height: 40px;
        display: block;
        margin-right: 10px;
    }

    .IconsNotes .ico1 {
        float: left !important;
        width: 40px;
        height: 30px;
        display: block;
        margin-right: 10px;
    }



/* Static Active background color for Page Tttle */

.PgTitle-Orange {
    color: #d97102;
    font-weight: 700;
    font-family: 'Cabin', sans-serif !important;
}


.PgTitle-Maroon {
    color: #6a076a;
    font-weight: 700;
    font-family: 'Cabin', sans-serif !important;
}


.PgTitle-Blue {
    color: #0070c0;
    font-weight: 700;
    font-family: 'Cabin', sans-serif !important;
}

.PgTitle-Green {
    color: #538135;
    font-weight: 700;
    font-family: 'Cabin', sans-serif !important;
}

.PgTitle-Red {
    color: #CE3D3D;
    font-weight: 700;
    font-family: 'Cabin', sans-serif !important;
}

.PgTitle-DarkBlue {
    color: #15164a;
    font-weight: 700;
    font-family: 'Cabin', sans-serif !important;
}


/* Static Active background color for Ttilele bar */

.Activestate-Orange {
    background-color: #d97102 !important;
    color: white !important;
}

.Activestate-Maroon {
    background-color: #6a076a !important;
    color: white !important;
}


.Activestate-Blue {
    background-color: #0070c0 !important;
    color: white !important;
}

.Activestate-Green {
    background-color: #538135 !important;
    color: white !important;
}

.Activestate-Red {
    background-color: #CE3D3D !important;
    color: white !important;
}

.Activestate-DarkBlue {
    background-color: #15164a !important;
    color: white !important;
}

#ContentPlaceHolder1_btnAddnew {
    width: auto !important;
}


.main_container {
    position: relative;
}


/*#ContentPlaceHolder1_txtTo, #ContentPlaceHolder1_txtSubject {
    width: auto !important;
}*/




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .wrapper {
        padding: 0px !important;
    }
}

::-webkit-scrollbar {
    width: 13px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.page_wrapper, .buttons_cart {
    /* margin-bottom: 100px !important;*/
}
/*common classes*/
.margin-top-10 {
    margin-top: 10px;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .wrapper {
        padding: 0px !important;
    }
 
}

@media only screen and (max-device-width : 1024px) {
    .btn {
        margin-bottom: 10px !important;
    }

    .labResultTable {
        overflow-y: hidden;
        position: relative;
        width: 100%;
    }

        .labResultTable #ContentPlaceHolder1_lvContainers_tblManualResults_0 {
            float: left;
        }
}

.ass:before {
    content: url(../svg/ass.svg);
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.laborders_new:before {
    content: url(../svg/lab_orders.svg);
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.labresults_new:before {
    content: url(../svg/lab_results.svg);
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.ePrescriptions_new:before {
    content: url(../svg/eprescriptions.svg);
    height: 20px !important;
    width: 20px !important;
    overflow: hidden !important;
}

.nav-xs .nav-primary > ul > li span {
    font-size: 12px !important;
}

/*.page_wrapper {
    margin-bottom: 50px !important;
}*/
.page_wrapper {
 padding:10px !important;
}
#targetpnlNotifications {
margin-top:5px;
}