/* main layout page css */
    /* sub navbar css */
    
html,body
{
    height:100%;
}

body
{
    padding-top:50px;
}

#content-container
{
    min-height:100%;
}

#owls-system-fixed-navbar .navbar-header
{
    background-color:#FFFEEA;
    border-bottom:0px;
}
#owls-system-fixed-navbar                                 
{
    background-color:#FFFEEA;
    box-shadow:none;
    border-color:transparent;
}

#owls-system-fixed-navbar .navbar-collapse
{
    background-color:#FFFEEA;
    box-shadow:none;
    border-color:#999938;
}

#owls-system-fixed-navbar .navbar-brand
{
    color:#B42C33;
    font-size:20px;
    margin-left:30px;
}


#owls-system-fixed-navbar li a
{
    color:#0154BC;
    font-size:14px;
}

#navbar-content-transition
{
    height:5px;
    background-color:#B42C33;
}

#owls-footer
{
    height:100px;
    background-color:#9F0016;
    padding:0px;
    margin-top:-100px;
}

#owls-footer-transition
{
    height:30px;
    background-color:#1C201F; 
}

#login-user-pannel img
{
    height:22px;
    width:auto;
    padding-right:10px;
}

#login-user-toggle-pannel img
{
    height:22px;
    width:auto;
    padding-right:10px;
}

#login-user-toggle-pannel
{
    border:0px;
    padding:7px 7px 0px 0px;
    margin:0px;
}

#login-user-pannel
{
    float:right;
    margin-top:8px;
}

#login-user-toggle-pannel .caret, #login-user-pannel .caret
{
    margin-left:5px;
}

#user-login-pannel-container
{
    background-color:#FFFEEA;
    float:right;
    margin-right:8.3%;
}

/* caret */
#owls-system-fixed-navbar .navbar-toggle {
    border-color:#B42C33;
}

#owls-system-fixed-navbar .navbar-toggle .icon-bar
{
    background-color:#B42C33;
}

#login-user-pannel .dropdown-menu a
{
    padding-left:10px;
}
#login-user-pannel .dropdown-menu span
{
    margin-right:10px;
}

/* outreach account creation page css */
#outreach-register-form-container
{
    padding:0px;
}

#outreach-register-form-container .page-header
{
    padding:0px;
    margin-top:25px;
    margin-bottom:0px;
}
#outreach-register-form-container .page-header h2
{
    padding:0px;
    margin:0 0 5px 0px;
    font-size:22px;
    font-weight:600;
}
.editor-input-select-field
{
    margin:10px 0px;
}

.editor-input-text-field
{
    margin:10px 0px;
}

.editor-input-select-field label
{
    width:120px;
}

.editor-input-text-field label
{
    width:120px;
}

.editor-input-select-field .oc-reg-other
{
    margin-left:10px;
    width:50px;
}

.editor-input-text-field #nric
{
    width:25%;
    display:inline-block;
}

#outreach-register-form-container .editor-input-text-field .oc-reg-text-input
{
    width:25%;
    display:inline-block;
}

#outreach-register-form-container .editor-input-select-field .oc-reg-select-input
{
    width:25%;
    display:inline-block;
}

#outreach-register-form-container .editor-input-select-field .oc-reg-text-input
{
    width:25%;
    display:inline-block;
}

#outreach-register-form-container .oc-reg-fieldset
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:2em 0 1.5em 0;
    border-radius: 15px;
    
}

.editor-input-address-field .oc-reg-text-input
{
    display:inline-block;
}

.oc-input-checkbox-field
{
    margin-top:5px;
}

.oc-input-checkbox-field label
{
    font-weight:normal;
}
.address-level
{
    width:5%;
}
.address-unit
{
    width:8%;
}
#outreach-register-form-container legend
{
    padding:0px;
    margin:0px;
    font-size:18px;
    border-bottom:0px;
    width:auto;
    font-weight:bold;
    
}

.datepicker
{
    width:25%;
}

#address
{
    resize:vertical; 
    width:37%;
    background-repeat:no-repeat;
    background-position:center center;
    
}

.editor-input-textarea-field
{
    margin-top:20px;
    margin-bottom:10px;
}

.editor-input-textarea-field label
{
    width:200px;
}

.editor-input-textarea-field .oc-reg-oc-textarea-input
{
    width:37%;
    resize:vertical;
}
.oc-reg-fieldset .oc-reg-textarea-input
{
    width:35%;
    resize:vertical;
}

.oc-reg-fieldset .oc-reg-password-input
{
    width:25%;
    display:inline-block;
}
.editor-input-radiobutton-field label
{
    margin-top:10px;
}

.editor-input-radiobutton-field .radiobutton-set-container label
{
    margin:3px 5px;
    padding:0px;
    font-weight:normal;
}

.food-preference-field label
{
    width:120px;
    font-size:14px;
}

#oc-reg-submit-button
{
    margin-left:20px;
    margin-bottom:10px;
}

.leader-details
{
    display:none;
}
.leader-details label
{
    width:140px;
}

.editor-input-text-field .glyphicon-ok-sign
{
    font-size:20px;
    vertical-align:middle;
    color:Green;
    display:none;
}

.editor-input-text-field .nric-alert
{
    display:none;
    height:34px;
    padding:6px 5px;
}

#outreach-register-form-container #oc-reg-submit-button
{
    margin-bottom:110px;
}

#account-success-reg-modal-container .visit-input-field
{
    margin:10px 0px;
}
#account-success-reg-modal-container .visit-input-field label
{
    width:100px;
    display:inline-block;
}

#account-success-reg-modal-container .visit-input-field input[type="text"]
{
    width:35%;
    display:inline-block;
}

/*# outreach account creation page css ends here #*/

/* css for validation message in MVC 3 */
.field-validation-error {
    color: #b94a48;
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    /*
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    */
    color: #b94a48;
    border-color: #b94a48;
}

.input-validation-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}

.validation-summary-errors {
    /*font-weight: bold;*/
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    border-color: #AFCED0;
    box-shadow: 0 1.5px 1,5px #AFCED0 inset, 0 0 8px #AFCED0;
    outline: 0 none;
}


/* Sign in  page css starts here */

#sign-in-panel
{
    height:480px;
    background-color:#F1F7F7;
    margin-top:80px;
    width:35%;
    margin-left:32.5%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 30px 4px #AFCED0;
    -moz-box-shadow: 10px 10px 30px 4px #AFCED0;
    box-shadow: 10px 10px 30px 4px #AFCED0;
}

#sign-in-profile-photo-container img
{
    width:30%;
    height:auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left:35%;
    margin-top:30px;
}

#sign-in-panel .editor-signin-input-select-field
{
    margin-top:30px;
}

#sign-in-panel .editor-signin-checkbox-select-field
{
    margin-top:8px;
    padding-left:6.5%;
}

#sign-in-panel .editor-signin-input-select-field .field-validation-error
{
    margin-left:34%;
    width:60%;
    padding:0px;
}
#sign-in-panel .editor-signin-checkbox-select-field label
{
    color:#B42C33;
}
#sign-in-panel .editor-signin-input-select-field label
{
    width:25%;
    margin-left:7.5%;
    display:inline-block;
    font-size:16px;
}

#sign-in-panel .editor-signin-input-select-field .form-control
{
    display:inline-block;
    width:60%;
}

.sign-in-button-group .btn-sign-in
{
    width:85%;
    margin-left:7.5%;
}

.sign-in-addtional-buttons .btn
{
    margin-top:10px;
    width:45%;
}

.sign-in-addtional-buttons
{
    padding-left:7.5%;
}


/* Sign in  page css ends here  */
/* ########################### */

/* change password page css starts here */

#account-settings-change-password-container
{
    height:400px;
    background-color:#F1F7F7;
    margin-top:80px;
    width:35%;
    margin-left:32.5%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 30px 4px #AFCED0;
    -moz-box-shadow: 10px 10px 30px 4px #AFCED0;
    box-shadow: 10px 10px 30px 4px #AFCED0;
    padding-top:20px;
}

#div-change-password-alert
{
    width:90%;
    margin-left:5%;
}

#div-change-password-fields-container
{
    margin-left:5%;
    width:90%;
}

.editor-chnage-password-input-select-field
{
    margin:15px 0px;
}

.editor-chnage-password-input-select-field .field-validation-error
{
    margin-left:40%;
    margin-top:5px;
}

.editor-chnage-password-input-select-field label
{
    width:40%;
    display:inline-block;
}

.editor-chnage-password-input-select-field input[type="password"]
{
    width:58%;
    display:inline-block;
}
.editor-chnage-password-input-select-field input[type="text"]
{
    width:58%;
    display:inline-block;
}

#account-settings-change-password-container .change-password-confirm-submit-button
{
    width:90%;
    margin-left:5%;
    margin-top:10px;
}

.editor-change-password-forget-field a
{
    margin-top:0px;
    margin-left:42%;
}

/* change password page css ends here */
/* ########################### */

/* reset password page css starts here */

#account-settings-reset-password-container
{
    height:400px;
    background-color:#F1F7F7;
    margin-top:80px;
    width:35%;
    margin-left:32.5%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 30px 4px #AFCED0;
    -moz-box-shadow: 10px 10px 30px 4px #AFCED0;
    box-shadow: 10px 10px 30px 4px #AFCED0;
    padding-top:20px;
}

#div-reset-password-alert
{
    width:90%;
    margin-left:5%;
}

#div-change-password-fields-container
{
    width:90%;
    margin-left:5%;
}

.editor-reset-password-input-field label
{
    width:25%;
    display:inline-block;
}

.editor-reset-password-input-field input[type="text"]
{
    width:72%;
    display:inline-block;
    margin:15px 0px;
}

.reset-password-confirm-submit-button
{
    width:90%;
    margin-left:5%;
    margin-top:10px;
}

.editor-reset-password-input-field .field-validation-error
{
    margin-left:25%;
    margin-top:5px;
}

/* overwrite the toastr */
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-align:center;
}

/* home page starts here */
#owl-homepage-div-container
{
    overflow:auto;
    padding-bottom:110px;
}

/* home page ends here */
/* ################### */

/* owl house event page starts here */
#owl-house-event-create-page-container
{
    padding:0px;
}

#owl-house-event-create-page-container .page-header
{
    padding:0px;
    margin-top:25px;
    margin-bottom:25px;
}

#owl-house-event-create-page-container .page-header h2
{
    padding:0px;
    margin:0 0 5px 0px;
    font-size:22px;
    font-weight:600;
}

#owl-house-event-create-page-container .house-event-create-input-field
{
    margin:10px 0px;
}

#owl-house-event-create-page-container .house-event-create-input-field label
{
    width:15%;
    display:inline-block;
}

#owl-house-event-create-page-container .house-event-create-input-field .house-event-text-input
{
    width:25%;
    display:inline-block;
}

#owl-house-event-create-page-container .house-event-create-input-field .house-event-select-type
{
    width:25%;
    display:inline-block;
}

#house-event-address
{
    resize:vertical; 
    width:40%;
    background-repeat:no-repeat;
    background-position:center center;
}

#owl-house-event-create-page-container .house-event-create-input-field .house-event-reference-id
{
    width:25%;
    display:inline-block;
}

#owl-house-event-create-page-container .house-event-create-fieldset
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:2em 0 1.5em 0;
    border-radius: 15px;
    
}

#owl-house-event-create-page-container legend
{
    padding:0px;
    margin:0px;
    font-size:18px;
    border-bottom:0px;
    width:auto;
    font-weight:bold;
    
}

#house-event-address-table
{
    margin-top:20px;
}

#house-event-address-table th
{
    text-align:center;
}

.house-event-address-postal-code-column
{
    width:20%;
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
}

.house-event-address-column
{
    width:45%;
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
}

.house-event-address-block-column
{
    width:20%;
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
}

.house-event-address-buttons-group
{
    text-align:center;
}

#owl-house-event-submit
{
    margin-bottom:110px;
    margin-left:25px;
}

.house-event-striped-row
{
    background-color: #9cb6ff;
}

.insert-new-address-record
{
    width:100%;
}

.delete-current-address-record
{
    width:100%;
    display:none;
}

.house-event-address
{
    background-repeat:no-repeat;
    background-position:center center;
}

.badge-total-visit
{
    background-color:#1C201F;
}

.badge-total-cases
{
    background-color:#2B669A;
}

.badge-resolved-cases
{
    background-color:#419641;
}

.badge-open-cases
{
    background-color:#9F0016;
}

#house-event-index-table .badge-pop-over:hover
{
    text-decoration:none;
}

/* house event index page css starts here */

#house-event-index-table
{
    width:83%;
    margin-left:8.3%;
}

#house-event-index-table th, td
{
    text-align:center;
    overflow:hidden;
}

#house-event-index-table .house-event-badge
{
    text-align:left;
}

#house-event-index-table tbody>tr>td
{
    vertical-align: middle;
}
#house-event-index-search-panel .panel-heading
{
    cursor:pointer;
}

#house-event-index-search-panel .panel-heading span
{
    margin-left:5px;
}

#house-event-index-search-panel
{
    width:83.3%;
    margin-left:8.3%;
}

#house-event-search-panel-form
{
    display:none;
}

#panel-arrow-down
{
    margin-right:5px;
    
}
#panel-arrow-up
{
    margin-right:5px;
    display:none;
}

#house-event-index-search-panel .panel-heading
{
    font-size:14px;
}

#house-event-index-table .owl-house-event-button-group-container
{
    overflow:visible;
}

.owl-house-event-button-group-container ul li
{
    text-align:left;
}
/*house-event-edit-page css ends here */

/*house-event-delete-modal css starts here */

#house-event-delete-modal-container
{
    margin-left:10px;
}

#house-event-delete-modal-container .house-event-create-input-field
{
    margin:15px 0px;
}

#house-event-delete-modal-container .house-event-create-input-field label
{
    width:20%;
    display:inline-block;
}

#house-event-delete-modal-container .house-event-create-input-field input[type="text"]
{
    width:50%;
    display:inline-block;
}

#house-event-index-paging-container
{
    width:83.3%;
    margin-left:8.3%;
    margin-bottom:120px;
    padding:0px;
}

#house-event-index-paging-container ul 
{
    margin:0px;
    padding:0px;
}

/* delete page css ends here */

/* houseevent index page search form css starts here */

#house-event-search-panel-form .house-event-create-input-field
{
    margin:10px 0px;
}

#house-event-search-panel-form .house-event-create-input-field label
{
    width:10%;
    display:inline-block;
}

#house-event-search-panel-form .house-event-create-input-field input[type="text"]
{
    width:25%;
    display:inline-block;
}

#house-event-search-panel-form .house-event-search-input
{
    width:25%;
    display:inline-block;
}
#house-event-search-panel-form .house-event-create-input-field .prettycheckbox
{
    width:25%;
}

#house-event-search-panel-form .house-event-create-input-field .prettycheckbox label
{
    display:inline-block;
    width:40%;
}

#house-event-search-button
{
    margin-left:10%;
    width:25%;
}
/* houseevent index page search form css ends here */
/*#################################################*/

/* visit controller add visit page css starts here */

.layout-space-for-fixed-footer
{
    width:100%;
    min-height:20px;
}

#visit-search-user
{
    width:83.3%;
    margin-left:8.3%;
}

#visit-add-details-container
{
    width:83.3%;
    margin-left:8.3%;
}

#add-visit-panel-heading
{
    cursor: pointer;
}

#validate-nric-button
{
    display:inline-block;

}
#visit-search-user .panel-body
{
    display:none;
}

#visit-add-details-container .visit-input-field
{
    margin:10px 0px;
}

#visit-add-details-container .visit-input-field label
{
    width:10%;
    display:inline-block;
}

#visit-add-details-container .visit-input-address-info-field label
{
    width:10%;
    display:inline-block;
}

#visit-add-details-container .visit-input-address-info-field input[type="text"]
{
    width:11.5%;
    display:inline-block;
}

#visit-location-address
{
    background-repeat:no-repeat;
    background-position:center center;
    background-size: auto 32px;
    width:40%;
}

#visit-add-details-container #level-unit-hash
{
    width:1%;
    display:inline-block;
    padding:0px;
    margin:0px;
}
#visit-add-details-container .visit-input-field .visit-input-dropdown
{
    width:25%;
    display:inline-block;
}

#visit-add-details-container .visit-input-field .visit-input-textarea
{
    resize: none;
    height:150px;
    width:55%;
}

#house-visit-case-container
{
    margin:0px;
    padding:0px;
}

#add-visit-case-details-container
{
    margin-top:10px;
    display:block;
}

#submit-visit-case-button
{
    margin-left:8.3%;
    margin-bottom:120px;
}

#household-point-of-contact
{
    width:30%;
    display:inline-table;
    vertical-align:middle;
    margin-left:10px;
}

/* add visit search household point of contact css starts here */

.visit-input-field
{
    margin:10px 0px;
}
.visit-input-field label
{
    width:10%;
    display:inline-block;   
}

.visit-input-field .visit-search-input
{
    width:25%;
    display:inline-block;
}

#search-household-poc-button
{
    width:25%;
    overflow:hidden;
}

#add-visit-search-poc-table th
{
    text-align:center;
}
#add-visit-point-of-contact-details-container .glyphicon-circle-arrow-up
{
    font-size:20px;
    vertical-align:middle;
    display:none;
}
#add-visit-point-of-contact-details-container .glyphicon-circle-arrow-down
{
    font-size:20px;
    vertical-align:middle;
    display:none;
}

#add-visit-point-of-contact-details-container .panel-body
{
    display:none;
}

#search-visit-result-view-container .household-poc-id
{
    display:none;
}

.visit-input-field label
{
    width:10%;
    display:inline-block;
}

.visit-input-field .visit-display-input
{
    width:25%;
    display:inline-block;
}

.visit-textarea-field label
{
    width:25%;
}

.visit-textarea-field .visit-display-textarea-input
{
    width:35%;
    height:80px;
}
.visit-input-field
{
    margin:10px 0px;
}


#owl-homepage-div-container
{
    width:83.3%;
    margin-left:8.3%;
}

#owl-homepage-div-container svg
{
    height:500px;
}

/* add visit search household point of contact css ends here */
/* ######################################################### */

/* owls system home page index css stars here */

#owl-homepage-demographics-search-tab
{
    display:none;
}

#owl-demographics-search-submit-group .clearfix:after
{
    display:inline-block;
}

.owl-homepage-search-result-container
{
    width:83.3%;
    margin-left:8.3%;
}

#owl-homepage-search-overall-container
{
    width:83.3%;
    margin-left:8.3%;
}

#owl-homepage-demographics-results-tab
{
    display:none;
    margin:0px;
    padding:0px;
}


#owl-homepage-case-breakdown-chart svg
{
    height:500px;
}

#owl-homepage-case-by-race-chart svg
{
    height:500px;
    width:100%;
}
.owl-homepage-search-result-container
{
    margin-bottom:120px;
}
/* owls system home page index css ends here */
/* ######################################################### */


/* owls system house Event cases index page css starts here */
#housevisit-cases-view-table
{
    width:83.3%;
    margin-left:8.33%;
}

#housevisit-cases-view-table td
{
    vertical-align:middle;
}
#housevisit-cases-view-table thead th
{
    text-align:center;
}

.case-action
{
    overflow:visible;
}

.case-action li a
{
    text-align:left;
}

.resident-case-action-confirm-modal .modal-header
{
    background-color: #FCF8E3;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.resident-case-action-confirm-modal .visit-input-field lable
{
    width:100px;
    display:inline-block;
}
.resident-case-action-confirm-modal .visit-input-field input[type="text"]
{
    width:50%;
    display:inline-block;
}

.resident-case-action-confirm-modal .visit-input-field .glyphicon-ok-sign
{
    font-size:18px;
    vertical-align:middle;
    color:#5CB85C;
}

.resident-case-action-confirm-modal textarea
{
    resize:vertical;
}

tr [class="info"]
{
    background-color: #d9edf7;
}
/* owls system house Event cases index page css ends here */
/* ######################################################### */

/* paging partial view css */
.paging-bar
{
    width:83.3%;
    margin-left:8.33%;
    margin-bottom:120px;
}

.paging-bar ul
{
    padding:0px;
}
/*#########################*/

/* owls system check in page css starts here*/
.check-in-wrapper
{
    width:83.3%;
    margin-left:8.3%;
    padding:0px;
}

/* owls system check in page css ends here*/
/* ######################################################### */

/* owls system house Event check in page css starts here */

.unit-check-in-wrapper
{
    width:42%;
    margin-left:8.3%;
}

.check-in-event-info-table thead tr
{
    background-color:#d0e9c6;
}
.check-in-event-info-table thead th
{
    text-align:center;
}

.unit-check-in-wrapper .panel-heading
{
    font-size:16px;
    font-weight:bold;
    padding:8px 15px;
}

.owls-system-input-field
{
    margin-bottom:20px;
}

.owls-system-input-field label
{
    width:90px;
    display:inline-block;
}

.owls-system-input-field input[type="text"]
{
    width:55%;
    display:inline-block;
}

#owls-system-unit-checkin-address
{
    width:55%;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center center;
}

.level-unit input[type="text"]
{
    width:20%;
}

#level-unit-dash
{
    width:3%;
    margin:0px;
    padding:0px;
    text-align:center;
}

.unit-checkin-btn
{
    margin-left:90px;
}

/* owls system house Event check in page css ends here */
/* ######################################################### */

/* owl system house event case follow up case css starts here*/
#case-follow-up-basic-info-panel
{
    width:83.3%;
    margin-left:8.33%;
    margin-top:20px;
}

#case-follow-up-basic-info-panel th
{
    text-align:center;
}

#case-follow-up-basic-info-panel tbody td
{
    text-align:left;
}

#case-follow-up-display-wrapper
{
    width:83.3%;
    margin-left:8.33%;
}

#case-follow-up-contents-panel
{
    clear:both;
    width:83.33%;
    margin-left:8.33%;
    margin-bottom:120px;
}

#case-follow-up-subject-div input[type="text"]
{
    width:85%;
    display:inline-block;
}

#case-follow-up-contents-panel .btn
{
    width:120px;
}

#case-follow-up-subject-div textarea
{
    resize:vertical;
}

#case-follow-up-message-div label
{
    width:50%;
}
/*  owl system house event case follow up case css ends here */
/* ######################################################### */