html {
  font-size: 14px;
}

@media (min-width: 650px) {
    html {
        font-size: 16px;
    }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    margin: 0 auto;
    max-width: 600px;
}

.imgRequired {
    float: right;
    width: 3%;
    color: #ff0000;
}

.infoLabel {
    display: inline-block;
    color: darkblue;
    max-width: 550px;
    float:left;
    width: 97%;
}

.sectionDiv {
    margin-left: 20px;
}

select:invalid, select:valid {
    color: gray;
}

option:enabled {
    color: black;
}

.dashboardcode-bsmultiselect, .form-select-single-search {
    display: inline-flex;
    width: 100% !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bootstrap-select > .dropdown-toggle {
    border: 1px lightgray solid;
    background-color: white;
}

b {
    font-weight: bold;
}

.invalid-feedback-multi {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

.error-list {
    background-color: #f8d3d7;
    padding: .25em .25em;
    border: 2px solid #dc3545;
}

.form-control.error, .form-select.error, .dropdown-toggle.error {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #dc3545 !important;
}

.bootstrap-select.disabled, .btn-light.disabled {
    background-color: #e9ecef !important;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}
