.dc-vertical-align-in-col {
    /*these are copied from bootstrap for my-auto*/
    margin-top: auto !important;
    margin-bottom: auto !important;
    /*
        this no longer works in bs5
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

    */
}

/*This is how form-inline was styles in bs4*/
.dc-form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.dc-outline-light-border {
    border-color: rgb(206, 212, 218);
}

/*GAS 2022-04-28 needed stop allow bootstrap menus stop embed correctly visible*/
.k-tabstrip-content, .k-tabstrip > .k-content {
    z-index: 2;
}

/*hide k-dirty triangles*/
.k-grid .k-dirty {
    display: none;
}

/*Allows thead bootstrap dropdown button menu stop embed visible*/
/*https://stackoverflow.com/questions/14276417/kendo-grid-do-not-play-nice-with-bootstrap-dropdown-or-tooltips*/
.k-grid tr td.options-column {
    overflow-x: visible;
    overflow-y: visible;
}

/*and this is needed for menus in grids in detail cell grids*/
.k-detail-cell {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/*allows links in Kendo bootstrap grids to actually appear as links
    but don't use as there are lots of things in grids that use the a tag
    that should not appear as links (like headers and expand buttons)
.k-grid a {
    color: #007bff;
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
*/
/*This is a more directed approach that does work without stuffing up the rest of the grid*/
/*This does not work either as the grid menus are a tags and they get underlined and look crap*/
/*.k-table-td a {
    color: -webkit-link !important;
    cursor: pointer !important;
    text-decoration: underline !important; 
}*/

/*https://docs.telerik.com/kendo-ui/controls/navigation/tabstrip/how-to/disable-content-scrolling*/
.dc-tabstrip > .k-content {
    overflow: visible;
}

/*removed padding from the left of a detail cell*/
tr td.k-detail-cell {
    padding-left: 0;
}

/*Removed padding around the content of a tab content*/
.k-tabstrip > .k-content {
    padding: 0;
    border: 0; /*GAS 2022-04-29 added to remove border from tab contexts to allow card borders to work better*/
}

/*GAS 2024-12-14 added to reset the active item in a tabstrip after kendo make a change we don't like*/
.k-tabstrip-items .k-item:active, .k-tabstrip-items .k-item.k-active, .k-tabstrip-items .k-item.k-selected {
    font-weight: inherit;
}
/*GAS 2024-12-14 added to reset the new focus rectangle that we don't like*/
.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: inset 0 0 0 0px gray;
}

.validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    padding: 15px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 5px
}

.validation-summary-errors > ul{
    margin-bottom: 0px;
}

div.required .col-form-label:after {
    content: "*";
    color: red;
}

div.required label:after {
    content: "*";
    color: red;
}

/*classes used to style the manager cards*/
.manager-card {
    border: 0;
}

.manager-card-body {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.25rem
}

/*/used stop set the size of a button in the footer to a standard size*/
.wizard-footer-button {
    min-width: 104px !important;
    max-width: 134px !important;
}

/*removes padding under title for a tighter title*/
.wizard-card-title {
    margin-bottom: 0 !important;
}

.wizard-card-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*small padding in footer for a title footer*/
.wizard-card-footer {
    padding: 0.5rem !important;
}

/*Bootsrap overrides*/
/*don't show the border around the toggle icon*/
.navbar-toggler {
    border: none;
}

/*brighten the image somewhat*/
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.8);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

/*styles for card header chevron*/
.card-header .fa {
    transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
    transform: rotate(90deg);
}

/*used form cards that have a grid within them to remove border*/ 
.card-body-with-grid {
    /*border: 0;*/
    padding: 0;
}