form-group.has-error input {
    color: #dd4b39;
    border: 1px solid #dd4b39;
}
.form-group {
    text-align: left;
}

.grid-action-icon {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.datepicker-input {
    max-width: 20em;
}

.dropup-datepicker ul.dropdown-menu {
    bottom: 34px;
    top: auto;
}
.form-row {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.form-group-row {
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 15px;
}

.row-no-margin {
    margin-left: 0;
    margin-right: 0;
}
/*Hide the logo when the menu is collapsed*/
body.sidebar-mini.sidebar-collapse img.claim-aid-logo {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s linear;
}
.no-wrap {
    white-space: nowrap;
}
.wrap {
    white-space: normal !important;
}
.margin-1 {
    margin-left: 1em;
    margin-right: 1em;
}

.clickable {
    cursor: pointer;
}
.main-footer {
    background: inherit;
    color: white;
    text-align: right;
    border-top: none;
}
.margin-bottom-1 {
    margin-bottom: 1em;
}
button.btn > i.fa {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

/* .VueTables__child-row-toggler {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    margin: auto;
    text-align: center;
    cursor: pointer;
} */
.VueTables__child-row-toggler {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    margin: auto;
    text-align: center;
    cursor: pointer;
    background-color: #3c8dbc;
    border-radius: 13%;
    color: white;
    font-size: larger;
    font-weight: bold;
}
.VueTables__child-row-toggler:hover {
    background-color: #367fa9;
}

.VueTables__child-row-toggler--closed::before {
    content: '+';
}

.VueTables__child-row-toggler--open::before {
    content: '-';
}

.no-selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.box {
    padding-left: 0.2em;
    padding-right: 0.2em;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    /*This may not work for all applications of .box*/
    min-height: 16em;
}
.calendar-event {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    text-align: center !important;
    font-size: large !important;
}
.button-row {
    margin-top: 1em;
    margin-bottom: 1em;
}

.service-console-container {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.5em;
}
.spinner-icon {
    font-size: 1.2em;
    color: #3c8dbc;
}
.link-disabled {
    cursor: not-allowed !important;
}

/* Vue Transitions */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

.fade-out-enter-active {
    transition: opacity 0.5s;
}
.fade-out-enter, .fade-out-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
/* Vue Snotify hack for IE 11*/
.snotifyToast__body {
    width: 100%;
}

/* override text wrapping for mobile view */
@media screen and (max-width: 767px) {
    .no-wrap-xs-table .table-responsive > .table > tbody > tr > td,
    .no-wrap-xs-table .table-responsive > .table > tbody > tr > th,
    .no-wrap-xs-table .table-responsive > .table > tfoot > tr > td,
    .no-wrap-xs-table .table-responsive > .table > tfoot > tr > th,
    .no-wrap-xs-table .table-responsive > .table > thead > tr > td,
    .no-wrap-xs-table .table-responsive > .table > thead > tr > th {
        white-space: normal;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .hide-child-row-sm table th:first-child {
        display: none;
    }
    .hide-child-row-sm table td:first-child {
        display: none;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .hide-child-row-md table th:first-child {
        display: none;
    }
    .hide-child-row-md table td:first-child {
        display: none;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .hide-child-row-lg table th:first-child {
        display: none;
    }
    .hide-child-row-lg table td:first-child {
        display: none;
    }
}

/* Bootstrap font overrides */
body {
    /* overrides bootstrap.min.css */
    font-size: 16px;
}

a:hover {
    text-decoration: underline;
}

/* Move sort icons VueTables closer to heading */
span.VueTables__sort-icon {
    float: left !important;
    margin-right: 0.5em;
    margin-left: 0.5em;
    cursor: pointer;
}

.VueTables__table thead tr {
    font-size: 18px;
}

/* Bootstrap table-striped overrides */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eaeaea !important;
}

.table-hover > tbody > tr:hover {
    background-color: #3c8dbc;
    color: white;
}
.table-hover > tbody > tr:hover a {
    background-color: #3c8dbc;
    color: white;
    text-decoration: underline;
}
.table-striped > tbody > tr:nth-of-type(odd):hover {
    background-color: #3c8dbc !important;
    color: white !important;
}
.table-striped > tbody > tr:nth-of-type(odd):hover a {
    color: white !important;
    text-decoration: underline;
}

.table-hover > tbody > tr:hover .btn-primary {
    border-color: white !important;
}
.table-striped > tbody > tr:nth-of-type(odd):hover .btn-primary {
    border-color: white !important;
}

.list-group-item:hover {
    background-color: #3c8dbc;
    color: white;
}

.list-group-item:hover a {
    background-color: #3c8dbc;
    color: white;
    text-decoration: underline;
}

.VuePagination__pagination-item-next-chunk.disabled,
.VuePagination__pagination-item-prev-chunk.disabled {
    display: none;
}

/* Better text contrast for warnings */
.callout.callout-warning,
.alert-warning,
.label-warning,
.btn-warning,
.snotify-warning,
.snotify-warning .snotifyToast__body,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    color: #333333 !important;
}

input[type=checkbox].checkbox-lg {
    zoom: 1.4;
}

.bolder {
    font-weight: bolder;
}

.alert-info, .btn-info, .label-info, .callout.callout-info {
    color: #333333 !important;
}

.alert-primary {
    background-color: #3C8DBC;
    color: white;
}
.input-unmasked-selected {
    color: #3C8DBC;
    font-weight: bolder !important;
}

.form-element-xl {
    min-height: 2.5em;
    font-size: 1.3em;
}