/** style to make a grid look like a striped table */
#patron-summary-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
#patron-summary-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}

/* there are bootstrap tyles for error, warning, etc., 
but the ones I'm finding aren't quite cutting it..*/
.patron-summary-alert {color: red; font-weight:bold}
.patron-summary-alert-small {color: red}
.patron-summary-divider { border-top: 1px solid #CCC}
.patron-summary-act-link {font-size: .8em;}

/* FIXME: use .barcode instead */
#patron-checkout-barcode,
#patron-renewal-barcode,
#patron-checkin-barcode { width: 16em; }

#patron-search-form div.form-group {
  margin-bottom: 5px;
}

/* let search form elements fill their containers w/ slight padding */
#patron-search-form-row {margin-left: 0px;}
#patron-search-form div.col-md-2 { padding: 2px; }
#patron-search-form input:not([type="checkbox"]) { width: 100%; }
#patron-search-form .eg-org-selector,
#patron-search-form .eg-org-selector button,
#patron-search-form .patron-search-selector,
  #patron-search-form .patron-search-selector button { 
  width: 100%; 
  text-align: left
}


#patron-payments-spreadsheet {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #aaa;
}

#patron-payments-spreadsheet .flex-cell {
  margin: 2px;
}

#patron-payments-spreadsheet .flex-cell.well {
  min-height: 1.5em;
  margin-bottom: 0px; /* bootstrap default is 20px */
}

#hold-notify-settings div.row { margin-top: 12px; }
#hold-notify-settings div.row:not(.header-row):nth-child(odd) {
  background-color: rgb(248, 248, 248);
}
#hold-notify-settings div.row:not(.header-row) {
  border-bottom: 1px solid #CCC;
}

/* -- patron registration -- */

/* make all input widgets the same width, i.e. fill their column */

.reg-field-input input:not([type="checkbox"]) { width: 100%; }

/* selector contents float left to allow depth-based left-padding */
.reg-field-input .eg-org-selector,
.reg-field-input .btn-group {
  width: 100%; 
  text-align: left;
}

/* selector button labels float right */
.reg-field-input .eg-org-selector button,
.reg-field-input .btn-group > button {
  width: 100%; 
  text-align: right;
}


/* floating div along top-right with field documentation */
#reg-control-actions {
    position: fixed;
    top:160px;
    right:30px;
    width:300px;
    border:2px dashed #d9e8f9;
    -moz-border-radius: 10px;
    font-weight: bold;
    padding: 20px;
    margin-top: 20px;
}

#reg-field-doc {
    border:2px dashed #d9e8f9;
    -moz-border-radius: 10px;
    font-weight: bold;
    padding: 20px;
    margin-top: 20px;
}

#reg-field-doc legend {
    /* otherwise the font size is quite large */
    font-size: 100%;
}

/* -- end patron registration -- */

[%# 
vim: ft=css 
%]