/*
TWH 04/05/2018
Introduced this file when upgrading Bootstrap 2 to 4.1
These overrides were to preserve the basic look and feel of the site without spending months refactoring everything
to conform directly to the Bootstrap 4 base styles.
But over the long term, that is exactly what we should do, and cull most of these overrides.   
*/

body {
    line-height: 20px;
}

select,
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 {
    display: inline-block;
    padding: 4px 6px;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
    margin-bottom: initial;
}

input[type="radio"]:not(.form-check-input), input[type="checkbox"]:not(.form-check-input) {
    margin: 4px 0 0;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: #eeeeee;
}

textarea {
    box-sizing: content-box;
}

select {
    height: 30px;
    line-height: 30px;
    width: 220px;
}

label {
    margin-bottom: 0;
}

h1, h2, h3 {
    line-height: 32px;
}



[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("images/glyphicons-halflings-white.png");
}



.icon-calendar {
    background-position: -192px -120px;
}
.icon-repeat {
    background-position: -216px -24px;
}
.icon-remove {
    background-position: -312px 0;
}
.icon-print {
    background-position: -96px -48px;
}
.icon-list-alt {
    background-position: -264px -24px;
}
.icon-edit {
    background-position: -96px -72px;
}



.badge {
    background-color: #999;
}



.alert .close:not(#alert-close-btn) {
    position: relative;
    top: -10px;
    right: -15px;
}