table[class='formTable'] {
    width: 100%;
    display: block !important;
}

.formTable > tbody {
    display: inline !important;
}

/* IE specific issue of not allotting enough space for each col */
td.col-sm {
    display: block;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    column-width: auto;
}

th {
    text-align: left;
    font-weight: bold;
    padding: 4px 10px 4px 5px;
    vertical-align: middle;
}

td {
    padding: 4px 10px 4px 5px;
}

a {
    text-decoration: underline;
}

div[data-toggle] {
    cursor: pointer;
}

.quiet {
    font-size: 0.8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
    color: #666;
}

.scale-widget img {
    width: 100%;
}

.ui-datepicker-trigger {
    object-fit: none;
    align-self: center; /* 11276 - IE specific issue where images are
stretched if they are within flexboxes */
}

.scale-widget img {
    width: 100%;
}

.modal-content form input,
.modal-content form select,
.modal-content form .input-group>.form-control {
    min-width: 100px;
}

.modal-content form .form-check input {
    min-width: 0;
}

.tooltip-inner p {
     color:#fff;  /*Standard Bootstrap color of text within the tooltip text*/
}

.tooltip-inner > ul > li {
    text-align: left;
}

/* Loading */
.vs-loading-container {
    font-size: 1.2rem;
    text-align: center;
}

.vs-loading {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5rem;
    font-style: normal;
    font-variant: normal;
    line-height: 1rem;
    text-rendering: auto;
    display: inline-block;
    margin: 0 1rem;
    vertical-align: middle;
    animation: fa-spin 1s steps(8) infinite;
    -webkit-animation: fa-spin 1s steps(8) infinite;
}

.vs-loading:before {
    content: "\f110";
}

.vs-required {
    /* accessible on white background form required color */
    color: hsl(0, 100%, 46%);
    padding: 3px;
}

/* Make the ui.multiselect tool responsive
this might have to be removed when /Static/ui.multiselect.js is updated */
.ui-multiselect {
    width: 100% !important;
}

.ui-multiselect div.available {
    width: 50% !important;
}

.ui-multiselect div.selected {
    width: 50% !important;
}

.ui-multiselect .search {
    width: 60% !important;
}

.ui-multiselect ul.available,
.ui-multiselect ul.selected {
    min-height: 5em !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.hover-help-tool-tip {
    align-self: center;
    /* 11276 - IE specific issue where images are stretched if they are within
flexboxes */
}

.tooltip-inner {
    max-width: 47vw;
}

@media screen and (max-width: 999px) {
    .tooltip-inner {
        max-width: 94vw;
    }
}

/* *** Help text styles *** */
/* These styles are shared with vistashare-common.css. */
.vs-help-text {
    /* Designed to match the OT help-text image. */
    font-size: 13px !important;
    background-color:white;
    border-radius: 50% !important;
    margin-left: 3px;
}

.vs-help-text.vs-help-text-info {
    /* Blue color help text icon */
    /* background-color:  */
    color: hsl(218.23, 62%, 39.22%);
}

.vs-help-text.vs-help-text-warning {
    /* Yellow color help text icon */
    color: hsl(39, 100%, 65%);
    box-shadow: inset 0px 0px 0px 1px hsl(39, 100%, 50%);
}

.vs-help-text.vs-help-text-error {
    /* Red color help text icon */
    color: hsl(358, 70%, 53%);
    box-shadow: inset 0px 0px 0px 1px hsl(358, 69%, 43%);
}

.vs-help-text.vs-help-text-no-margin {
    /* Center the help text icon */
    margin-left: 0px;
    margin-right: 0px;
}

.vs-help-text-bottom-centered {
    /* Center the help text icon's div at the bottom of
       the parent div. This class was made specifically
       for horizontal radio list dropdowns. */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.vs-help-text-label-margin {
    /* Adds a margin between the help text icon and the
       dropdown's label. */
    margin-bottom: 20px !important;
}

.btn-primary {
    background-color: hsl(218.23, 62%, 39.22%);
    border-color: hsl(218.23, 62%, 39.22%);
}

.btn-primary:hover {
    background-color: hsl(226.9, 36.71%, 53.53%);
    border-color: hsl(226.9, 36.71%, 53.53%);
}