/* POSITIONING & LAYOUT */
body {
    font-family:helvetica;
    margin:0;
    padding:0;
    overflow:auto;
}

option {
    font-size:14px;
}

th {
    font-size:12px;
    padding:1px;
}

td {
    text-align:left;
    vertical-align:text-top;
    padding-left:4px;
    padding-top:2px; 
    padding-right:2px; 
    padding-bottom:2px; 
}

div {
    border:none;
}

select {
    cursor:pointer;
}

#modalBG {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -khtml-opacity: 0.6;
    z-index: 99;
}

#syncSpinner {
    display: none;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    width: 200px;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color:#fff;
    font-size:14px;
    font-weight:bold;
}

#spinner {
    margin:12px auto;
    width:50px;
    height:55px;
    background-image:url(images/spinner.gif);
    background-repeat:no-repeat;
    background-size:100%;
}

#header {
    background-color:#eee;
    border-bottom:solid 1px #aaa;
    height:45px;
    text-align:center;
}

#sessadd {
    text-align:right;
    padding:4px 5px;
}

#show_data {
    padding:0 8px;
}

#sess_detail_bot {
    padding-top:4px;
    text-align:center;
    margin:auto;
}

/* CSS TABLES & LAYOUT FOR MOMENT ENTRY */
.mom_tbl {
    display:table;
    width:100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.74) 74%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.mom_tbl.active {
    background-color:#d5c2ff;
}
.mom_tbl.error {
    background-color:#ff959a;
}

.mom_row {
    display:table-row;
}

.mom_lbl, .mom_select, .mom_action {
    display:table-cell;
    padding:4px;
}

.mom_select {
    width:49%;
}

.mom_lbl,.mom_action {
    width:1%;
    vertical-align:middle;
    padding:2px;
}

.mom_tbl .mom_row:first-child .mom_select {
    padding-top:10px;
}
.mom_tbl .mom_row:last-child .mom_select {
    padding-top:2px;
    padding-bottom:10px;
}

.mom_lbl {
    white-space:nowrap;
    text-align:right;
    vertical-align:middle;
}

.lbl_hcw, .lbl_act, .lbl_mom, .lbl_glv {
    padding-top:3px;
    font-size:14px;
}

.sel_hcw, .sel_mom, .sel_act, .sel_glv {
    width:100%;
    float:right;
    font-size:18px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 4px;
    border: solid 1px #aaa;
    border-radius: 4px;
    line-height: 20px;
}

.deleting-row,
.saving-row {
    text-align: center;
    padding: 10px;
    font-weight: bold;
}
.deleting-row {
    background-color:#f99898;
}
.saving-row {
    background-color:#9df998;
}
.session-id-error {
    text-align: center;
    padding: 10px;
}
@media handheld, only screen and (max-width: 767px) {
    .lbl_hcw:before {
        content:'HCW:';
    }
    .lbl_act:before {
        content:'Act:';
    }
    .lbl_mom:before {
        content:'M:';
    }
    .lbl_glv:before {
        content:'Glv:';
    }
}

@media handheld, only screen and (min-width: 768px) {
    .lbl_hcw:before {
        content:'HCW Type:';
    }
    .lbl_act:before {
        content:'Action:';
    }
    .lbl_mom:before {
        content:'Moment:';
    }
    .lbl_glv:before {
        content:'Gloves:';
    }
}

/* BUTTONS */
button.btn {
    font-family:helvetica;
    font-size:15px;
    font-weight:bold;
    color:#8c1aff;
    border:solid 1px #aaa;
    display: inline-block;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color:#f9f9f9;
    border-radius: 4px;
}


button.btn_save, button.btn_del {
    border-radius:30px;
    border:solid 2px #fff;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    padding: 6px 7px;
    margin: 0 4px;
    cursor: pointer;
}
button.btn_save {
    background-color:#3bab22;
}
button.btn_del {
    background-color:#c81818;
    margin-top: -7px;
}

button.btn[disabled] {
    color: #add2fb;
    border-color: #ccc;
}

/*  SESSION LIST CSS TABLES & LAYOUT */
.sess_tbl {
    display:table;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.74) 74%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sess_row {
    display:table-row;
}

.sess_details, .sess_action {
    display:table-cell;
    padding:0 4px;
    vertical-align:middle;
}

.sess_details {
    width:99%;
}

.sess_data_text {
    padding-bottom:3px;
}

.sess_action {
    width:1%;
}

.no_sess {
    padding:20px 0;
    display:block;
    width:100%;
    text-align:center;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.74) 74%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    font-weight:bold;
}

.no_org_admin {
    padding:10px 0;
    display:block;
    width:99%;
    margin: 5 5 5 5px;
    background-color: #eaf1fb;
    border: solid 3px #e60000;
    font-style:italic;
    text-align:center;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.74) 74%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sess_save_cnt {
    position:absolute;
    top:8px;
}
.sess_del_cnt {
    position:absolute;
    bottom:8px;
}

/* DETAILS ENTRY CSS TABLES & LAYOUT */
.deet_tbl {
    display:table;
    margin-top:8px;
    width:100%;
}
.deet_cell {
    display:table-cell;
    padding:4px 8px;
}
.deet_cell.lbl {
    text-align:right;
    font-weight:bold;
    white-space:nowrap;
    padding-right:0;
}
.deet_cell.fld {
    width:100%;
}
.deet_row {
    display:table-row;
}
@media handheld, only screen and (max-width: 767px) {
    .deet_tbl, .deet_cell, .deet_row{
        display:block;
    }
    .deet_cell.fld select,
    .deet_cell.fld input {
        width:95%;
    }
    .deet_row {
        margin-bottom: 8px;
    }
    .deet_cell.lbl {
        text-align:left;
    }
    .deet_cell.fld {
        width:auto;
    }
}

/*
.mom_row_col {
    clear:both;
}
.mom_left_col {
    float:left;
    width:47%;
    padding-bottom:8px;
    
}
.mom_mid_col {
    float:left;
    width:42%;
    padding-bottom:8px;
    
}
.mom_right_col {
    float:left;
    width:40px;
    padding-bottom:4px;
    padding-top:5px;
    text-align:center;
}


*/
.left_col {
    float:left;
    width:140px;
    padding-bottom:8px;
}

.left_wide_col {
    clear:both;
    float:left;
    width:250;
    padding:8px;
}

.mid_col {
    float:left;
    width:125px;
    padding-bottom:8px;
}

.right_col {
    float:left;
    width:40px;
    padding-bottom:4px;
    padding-top:5px;
    text-align:center;
}

.hdr_btn_right {
    position:absolute;
    right:5px;
    top:5px;
}

.hdr_btn_left {
    position:absolute;
    left:5px;
    top:5px;
}

#body_main {
    margin:0;
    padding:0 5px;
}

#body_index {
    margin:0;
    padding:15px 5px;
    text-align:center;
}

#body_session {
    margin:0;
    padding:0;
}

#login_errmsg {
    color: #a62910;
    font-weight: bold;
    font-size: 15px;
    width: 300px;
    margin: auto;
    padding: 0 10px;
}
/* FIELDS */

#body_details {
    padding-top:10px;
}

/*label.lbl_fld_deet {
    text-align: right;
    padding-right: 5px;
    float: left;
    width: 120px;
    font-weight: bold;
    height:40px;
}
*/
.deet_tbl input, .deet_tbl select {
    width: 100%;
    margin-bottom: 5px;
    font-size:16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 9px;
    border: solid 1px #aaa;
    border-radius: 4px;
}
.deet_tbl select {
    font-size:18px;
}
#auditor_name {
    font-size:18px;
}
.boxes {
    width: 1em;
}

#body_details br {
    clear: left;
}


.text_input {
    width:85px;
    height:28px;
    float:left;
    font-size:12px;
    margin-left:1px;
}

.text_input_active, .text_input_inactive {
    width:145px;
    height:28px;
    font-size:12px;
    float:left;
    margin-left:3px;
}

.text_input_inactive {
    font-size:13px;
    font-weight:bold;
    border:none;
}

/*
.sel_hcw, .sel_mom, .sel_act, .sel_glv {
    width:85px;
    height:28px;
    float:left;
    font-size:12px;
    margin-left:1px;
} */

.lbl_fld, .lbl_fld2 {
    text-align: right;
    width: 40px;
    float: left;
    font-size:12px;
    padding-top:6px;
}
.lbl_fld2 {
    width: 30px;
}

.frm_input {
    width: 250px;
    font-size: 18px;
    padding: 6px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: solid 1px #aaa;
    border-radius: 4px;
}

p.login_lbl {
    font-size: 18px;
}

#btn_submit, #btn_reset_password,
#btn_login, #btn_submit_password {
    margin-top:10px;
    font-size:18px;
    padding:4px 15px;
}

/* DATA ENTRY LIST */
ul.list, ul.sess_list {
    margin:0;
    padding:0;
}

ul.list, ul.sess_list, ul.list li a.link, ul.sess_list li a.link  {
    list-style:none;
}

ul.list li, ul.sess_list li {
    height:80px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.74) 74%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

ul.sess_list li {
    height:97px;
}

ul.list li:first-child, ul.sess_list li:first-child  {
    border-top:#dedede 1px;
}

/* PAGE ELEMENTS */
p {
    clear:both;
    margin:0;
    padding:8px 0;
}

p.not-logged-in {
    text-align: center;
    font-weight: bold;
    color: #666;
    line-height: 30px;
}
p.not-logged-in a,
p.not-logged-in a:active,
p.not-logged-in a:visited,
p.not-logged-in a:link {
    color:#2f79ca;
}

#frm_login p {
    font-size:14px;
    padding:2px 0;
}


img.mom_act_img, img.sess_act_img {
    width:30px;
    height:30px;
    border:0;
}

img.sess_act_img {
    margin:0;
    padding:0;
}

/*
img.img_save {
    margin-bottom:7px;
}

.sess_list img.img_save {
    margin-bottom:12px;  
    margin-top:5px;  
}
*/

#public_reg p {
    clear:both;
    padding:2px;
    margin:0;
}

#header h2 {
    margin:0;
    padding: 11px 0 0 0;
    font-family: helvetica;
    color: black;
    font-size: 20px;
}

#body_main h3 {
    font-family:helvetica;
    font-size:15px;
    color:#333;
    margin:0;
    padding:3px 0;
}

#body_index a {
    color:#5f00b7;
}

#body_index h3 {
    font-family:helvetica;
    font-size:16px;
    margin:0;
    padding:3px 0;
    color:#5f00b7;
}

/* TABLES */
#report {
    border-collapse:collapse;
    width:100%;
}
#report td {
    border:solid 1px #666;
}
#report th {
    border:solid 1px #666;
    background-color:#ddd;
}

@media handheld, only screen and (max-width: 360px) {
    #header h2.obs-entry {
        margin-right:20px;
    }
}
/******************************************************/
/* For puny iPhone 320px wide screens */
/******************************************************/
@media handheld, only screen and (max-width: 320px) {
    button.btn {
        padding:6px;
    }
    #header h2.obs-entry {
        margin-right:24px;
    }
    #header h2 {
        font-size: 18px;
        padding-top:12px;
    }
    .deet_tbl select {
        font-size: 14px;
    }
    #auditor_name {
        font-size:14px;
    }
    .deet_cell.lbl {
        font-size:14px;
    }
}


/******************************************************/
/* Bootstrap glyphicon icons */
/******************************************************/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(fonts/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
         url(fonts/glyphicons-halflings-regular.woff2) format('woff2'),
         url(fonts/glyphicons-halflings-regular.woff) format('woff'),
         url(fonts/glyphicons-halflings-regular.ttf) format('truetype'),
         url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-minus:before {
    content: "\2212";
}

/* Sweet alert overrides for puny devices */
.sweet-alert h2 {
    font-size:26px;
    margin:10px 0;
}
.sweet-alert button {
    margin-top:15px;
}
.sweet-alert {
    top: 35%;
}
.sweet-alert .sa-icon {
    margin:0 auto 10px;
    width:60px;
    height:60px;
}
.sweet-alert fieldset {
    display: none;
}

.sweet-alert .sa-icon.sa-info::after {
    top:8px;
}
.sweet-alert .sa-icon.sa-info::before {
    bottom:8px;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
    bottom:8px;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
    height: 33px;
    top: 6px;
}
.sweet-alert .sa-icon.sa-error .sa-line {
    top:27px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    right:7px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    left:7px;
}