body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

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

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

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

.statusmsg-informational {
    background-color: lightblue;
    padding: 8px;
}

.statusmsg-warning {
    background-color: lightyellow;
    padding: 8px;
}

.statusmsg-error {
    background-color: orangered;
    color: yellow;
    font-weight: bold;
    padding: 8px;
}

.modal-areyousure {
    background-color: yellow;
    color: blue;
}

.extrasmall {
  font-size: 70%;
}

.cfgstg {
    border-width: 1px;
    border-left-style: solid;
    border-left-color: lightblue;
    border-right-style: solid;
    border-right-color: lightblue;
}

.cfgstg-start {
    border-top-style: solid;
    border-top-color: lightblue;
}

.cfgstg-end {
    border-bottom-style: solid;
    border-bottom-color: lightblue;
}

.cfgstgoverride {
    color: yellow;
    background-color: royalblue;
}

.intd-label {
    opacity: 0.5;
}

/* We globally disable the IE input textbox little clear X, since it doesn't always work properly */
::-ms-clear {
  width : 0;
  height: 0;
}

/* Attempt to work-around the Chrome browser bug re: scrolling on modal close */
body.modal-open {
    position: fixed;
    overflow: hidden;
}
 
[popover] {
display: initial;
position: initial;
margin: initial;
border: initial;
background: initial;
padding: initial;
width: initial;
height: initial;
overflow: initial;
inset: initial;
color: initial;
}