/************* BEGIN  seriously deprecated and we should not continue the madness  ************************/

/**
  Colored badges are deprecated in BS 3.   
  We only use these two badge types and only on ChargebackDetail and featureSearch.jsp  
*/
.label-success,
.badge-success {
  background-color: #3c763d !important;
}
.label-important,
.badge-important {
  background-color: #b94a48 !important;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width:330px;
}

/************* END  seriously deprecated and we should not continue the madness  ************************/

/****  BEGIN default element -level styling  ***********************/

/**
.uneditable-input has been removed in Bootstrap v3. Suggested replacement is using the readonly or disabled attribute on an input or textarea.
https://github.com/twbs/bootstrap/issues/8575 
*/
/**
BUT THIS DOES MORE THAN JUST THAT __ PROVIDES DEFAULT ELEMENT LEVEL STYLING
*/
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 22px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

textarea {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select, input[type="file"] {
  height: 22px;
  line-height: 20px;
}

/**
.uneditable-input has been removed in Bootstrap v3. Suggested replacement is using the readonly or disabled attribute on an input or textarea.
https://github.com/twbs/bootstrap/issues/8575 
*/
/**
BUT THIS DOES MORE THAN JUST THAT __ PROVIDES DEFAULT ELEMENT LEVEL STYLING
*/
input,
textarea,
.uneditable-input {
  width: 206px;
}


input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], 
input[type="radio"], input[type="checkbox"] {
    width: auto;
}

/**
.uneditable-input has been removed in Bootstrap v3. Suggested replacement is using the readonly or disabled attribute on an input or textarea.
https://github.com/twbs/bootstrap/issues/8575 
*/
/**
BUT THIS DOES MORE THAN JUST THAT __ PROVIDES DEFAULT ELEMENT LEVEL STYLING
*/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

/**
.uneditable-input has been removed in Bootstrap v3. Suggested replacement is using the readonly or disabled attribute on an input or textarea.
https://github.com/twbs/bootstrap/issues/8575 
*/
/**
BUT THIS DOES MORE THAN JUST THAT __ PROVIDES DEFAULT ELEMENT LEVEL STYLING
*/
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: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


/****  END default element -level styling  ***********************/







/****  BEGIN preserve table cellpadding as specified in HTML  ***********************/

/** Bootstrap 3 actually sets cellpaddoing value to 0?, so we want to override to use what has been (forever) set on thsese tables
*/
table[cellpadding="1"] > tbody > tr > td,
table[cellpadding="1"] > tbody >tr > th {
  padding: 1px;
}
table[cellpadding="2"] > tbody > tr > td,
table[cellpadding="2"] > tbody >tr > th {
  padding: 2px;
}
table[cellpadding="3"] > tbody > tr > td,
table[cellpadding="3"] > tbody >tr > th {
  padding: 3px;
}
table[cellpadding="4"] > tbody > tr > td,
table[cellpadding="4"] > tbody >tr > th {
  padding: 4px;
}
table[cellpadding="5"] > tbody > tr > td,
table[cellpadding="5"] > tbody >tr > th {
  padding: 5px;
}
table[cellpadding="6"] > tbody > tr > td,
table[cellpadding="6"] > tbody >tr > th {
  padding: 6px;
}
table[cellpadding="7"] > tbody > tr > td,
table[cellpadding="7"] > tbody >tr > th {
  padding: 7px;
}
table[cellpadding="8"] > tbody > tr > td,
table[cellpadding="8"] > tbody >tr > th {
  padding: 8px;
}
table[cellpadding="9"] > tbody > tr > td,
table[cellpadding="9"] > tbody >tr > th {
  padding: 9px;
}
table[cellpadding="10"] > tbody > tr > td,
table[cellpadding="10"] > tbody >tr > th {
  padding: 10px;
}
table[cellpadding="12"] > tbody > tr > td,
table[cellpadding="12"] > tbody >tr > th {
  padding: 12px;
}

/****  END preserve table cellpadding as specified in HTML  ***********************/






/********* BEGIN  CONTENT BOX madness **************/

/**
We noticed that it looked like, at least on non-bootstrapped forms like the text fields had gonne smaller (a little shorter and a little less wide),
and specifically that they were shorter than the select boxes right above them (i'm thinking of the addDisconnectedTxnAdjustment form page)
We discovered that it was because bootstrap 3 now uses border-box for its box-sizing.  What that does is include the border pixels in the total height, which
effectively makes the box 2 px smaller on all sides (in the case of a 1px border on all sides).  That really makes the interstitial page look funny because the text entry field
is so much smaller than the button right next to it (the Find button, which got larger in bootstrap 3).

So, we thought.  well, we'll just override that and put it back.  (the selector on this in the bootstap.css was *)
SO we copied the css styles for the * (and *:before, *:after) to here and set the sizing to content-box.

Well.. then I was trying to work with the grid system and I couldn't get 12 columns across... every time i would allow my cols to get up over 9 or 10, they would wrap 
(which is what is supposed to happen, but once you get over 12 - not 9).   Come to find out if we put the page elements back to border-box, then there is no issue.

So, now i am trying to be more selective about the items i choose to make content-box... but I wonder then... does that mean that a row full of 12 inputs that all have 
col-xs-1 on them will wrap like we don't want it to?

Theres only one way to find out!  Yes.  It does mean that.  So, now the only thing i can think of is to change the default height of the inputs in bootstrap to be 22 to allow for the border pixels... 
instead of 20

*/
/* * {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
} */
input,
select {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input:before,
input:after,
select:before,
select:after, {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eeeeee;
    cursor: not-allowed;
}

/********* END  CONTENT BOX madness **************/