﻿/* User Info */

#user-info {
	height:40px;
	line-height:40px;
	color:#3c404b;
	font-weight:bold;
	padding-right:50px;
}

#user-info a, 
.hhlink,
a {
	color:#3c404b;
}

#user-info p.title, #user-info p.username {
	display:inline;
}

p.username {
	color:#037193;
}

/* Profile Styling */

.prof-info .row {
    display: inline;
}

#profile-area {
	margin-bottom:20px;
	
}

div.prof-image {
    margin-right: 10px;
    margin-bottom: 10px;
}

#profile-area .row {
	margin-bottom:10px;
}

#profile-area.fixedOnScroll.scrolledDown .row {
    margin-bottom: 0;
}

#profile-area ul.basic-info li, #profile-area ul.chief-comp li, #profile-area ul.other-comp li {
	display:inline;
}

#profile-area ul.chief-comp {
    padding-top: 10px;
}

#profile-area li {
	margin-right:5px;
}

#profile-area li.title {
	font-size:18px;
}

#profile-area li span.date {
	padding-left:7px;
}

li.symptom:after {
	content:",";
}

li.symptom.last:after {
	content:"";
}

#login-area {
    height: 370px;
    width: 880px;
    margin: 14px auto 0;
}
#login-area .col-left {
    width: 346px;
    min-width: 346px;
    margin-right: 70px;
    display: inline-block;
}

#login-area .col-right div.section-body{
    margin-bottom: 0;
}

#login-area .col-right div.row {
    margin-bottom: 4px;
}

#login-area .col-right {
    min-width: 460px;
    width: 460px;
    display: inline-block;
}

#login-area .section-body {
    height: 192px;
}

/* Appt Details Section */
#appointmentInfoTable {
    width: 100%;
}

#appointmentInfoTable td {
    border: none;
    word-break: break-word;
}

span.assign-to-bold {
    font-weight: bold;
}

span.assign-to-bold #AssignedTo {
    font-weight: normal;
}

/* END Appt Details Section */
/* END Profile Styling */
* html .field-validation-error {
    position: relative;
}
    *+html .field-validation-error { position: relative; }
    
    .field-validation-error span
    {
        position: absolute;
        white-space: nowrap;
        color: red;
        padding: 17px 5px 3px;
    }
    
    /* in-form editing */
    .t-edit-form-container
    {
        width: 350px;
        margin: 1em;
    }
    
    .t-edit-form-container .editor-label,
    .t-edit-form-container .editor-field
    {
        padding-bottom: 1em;
        float: left;
    }
    
    .t-edit-form-container .editor-label
    {
        width: 30%;
        text-align: right;
        padding-right: 3%;
        clear: left;
    }
    
    .t-edit-form-container .editor-field
    {
        width: 60%;
    }
    
    #LabHarmonyHealthGrid .t-group-col{
        width: 100px;
    }
    
    #medorderform input.ui-autocomplete-input{
        width: 212px;
    }
    
/* ----Other ---*/
.paymentReceptWrapper {
    text-align: center;
}

.paymentReceiptAuthorizationBox {
    background-color: #FBFBFB;
    border: 1px solid #D9D9D9;
    text-align: center;
    padding: 5px;
}

.dictionaries li{
    color: #555555;
    font-weight: normal;
    padding: 2px 2px 2px 20px;
    margin-bottom: 2px;
    background: url("../Images/Design/arrowRight.png") no-repeat left top;
    background-position: 0px -7px;
}

.labTemplateFieldset {
     margin:0; 
     padding:0px; 
     background-color: #E7F6FD;
}

.labTemplateSection label{
    width: auto;
}

.customFieldset {
    border: 1px solid #ddd;
    padding: 0 0 0 1.4em !important;
    margin: 0;
    background-color: #FFF;
}

.addressForm .col-left {
    width: auto;
}

fieldset.labPanelTree {
    margin:0; 
    padding:0 0 0 0px;
}

fieldset.labPanelTree .t-item{
    width: 409px;
}

.fillinlistshort {
    width:180px;
}

.fillinlistshort~div.fillInListItems.text-box {
    padding-left: 0;
}

.fillinlistshort~div.fillInListItems.text-box li{
    background-position: 0px -7px;
}

.fillinlistshort~div.fillInListItems.text-box .remove-f-l-i {
    margin-top: 0;
}

/* Multiple choise fill in list */

#staffClsfRoles div{
    padding: 5px 10px 0 10px;
}

#staffClsfRoles span {
    padding: 0 5px;
    vertical-align: top;
    line-height:13px;
    font-size: 12px;
}

.isSuperAdminField{
    padding: 5px 0 0 10px;
}

.isSuperAdminField label{
    padding: 0 2px;
    vertical-align: top;
    line-height:13px;
    font-size:12px;
    width: auto;
}

#staffDicMedicalSpecialties div{
    padding: 5px 10px 0 10px;
}

#staffDicMedicalSpecialties span {
    padding: 0 5px;
    vertical-align: top;
    line-height:13px;
}

#SysPermissionTemplates div{
    padding: 5px 10px 0 10px;
}

#SysPermissionTemplates span {
    padding: 0 5px;
    vertical-align: top;
    line-height:13px;
}

#DicMedicalSpecialtiesDiv div{
    padding: 5px 10px 0 10px;
}

#DicMedicalSpecialtiesDiv span{
    padding: 0 5px;
    vertical-align: top;
    line-height:13px;
}

/* Multiple choise fill in list ends */


/* DS Templates */
.filter label[for=ListFilter_ClsfDsStateId_Historical] {
    width: 180px;
}

.filter label[for=ListFilter_ClsfDsStateId_Previous] {
    width: 200px;
}
.filter label[for=ListFilter_ClsfDsStateId_New] {
    width: 140px;
}
/* FORM DATA */
        .formData label {
            display: inline-block;
            width: 200px;
        }

        .formDataPrint label{
            display: inline-block;
            width: 271px;
        }

        .formDataPrint .placeOfServiceLabels label {
            width: 200px;
        }

        .formData .subhead-col {
            float: none;
        }
        
        .formData .floatLeftFormBlock {
            float: left;
            padding: 10px;
            width: 542px;
        }

         .formDataPrint .floatLeftFormBlock {
            float: left;
            padding: 10px;
            width: 450px;
        }
        
        .formData .formBlock {
            padding: 10px;
            width: 1100px;
        }

         .formDataPrint .formBlock {
            padding: 10px;
            width: 980px;
        }
        
        .formData textarea {
            width: 100%;
        }
        
        /* START Appointment summary page */
        
        .appointment-summary-page .patient-info-summary .col-left {
            width: 555px;
        }

        .appointment-summary-page .patient-info-summary .col-right {
            width: 440px;
        }

        .appointmentSummary {
            
        }
        
        .appointmentSummary div.summaryData label {
            font-weight: bold;
            font-size: 13px;
            width: auto;
            color: #037193;
            border-left: 4px solid #ccc;
            display: block;
            padding-left: 4px;
            margin-bottom: 10px;
        }
        
        .appointmentSummary .summaryData {
            padding: 10px;
        }
        .appointmentSummary .summaryData span {
            word-wrap: break-word;
        }
        /* END Appointment summary page */

        /* START medication prescription page */
        
        #medicationRightCol {
            width: 59%;
            float: left;
            min-width: 700px;
        }

        #medicationPrescriptionForm {
            
        }
        
        /* END medication prescription page */

#VaccinationForm input[type="number"] {
    width: 27px;
}

/* Preventive services */
.preventiveServiceBlock {
    font-weight: bold;
    padding: 10px;
    display: block;
    border-left: 1px solid #037193;
    border-right: 1px solid #037193;
}

.preventiveServiceRecommendedListHeader {
    background-color: #adf2a6;
}

.preventiveServiceUnRecommendedListHeader {
    background-color: #f2a6a6;
}

.preventiveServiceUncertainListHeader {
    background-color: #eef2a6;
}

.recomendedCount {
    
}

.notRecomendedCount {
    
}

.uncertainCount {
    
}
/* Preventive services */

/* START Appointment Patient Summary */

.appointment-summary-page .appointment-info-summary .col-right label {
    width: 155px;
}

.appointment-summary-page .appointment-info-summary .col-right ul {
    display: inline-block;
}

.appointment-summary-page .patient-info-summary .col-left ul {
    display: inline-block;
}

.appointment-info-summary .col-left {
    width: 100%;
}

.appointment-summary-page .col-right {
    margin-left: 20px;
}

.uiCollection span {
    display: inline;
    width: 100%;
}

/* END Appointment Patient Symmary */

a span.error {
    color: red;
    font: inherit;   
}

a span {
    font: inherit;
}


/* Consultation */

a.consultationProviderSearchBtn {
    float:right; 
    margin: 10px 23px 10px 0px;
}

/* End Consultation*/