@use "sass-rem/rem" as sass-rem;
/* Here we override some default bootstrap styles and behavior for our purposes */
@use "_theme_variables_common";

//body {
//    color : var(--body-text-color);
//    background-color: var(--body-bg);
//}

.container-fluid {
    padding : 0;
}

.d-contents {
    display : contents;
}

.card {
    border-radius : 2px;
    box-shadow    : 0 1px 2px rgba(var(--dark15--rgb), 0.1);

    .card-body {
        padding : sass-rem.rem(16px);
        h2 {
            font-size: sass-rem.rem(20px);
            display: inline;
        }
    }

    .table-responsive {
        margin-left  : -15px;
        margin-right : -15px;
        width        : auto;
    }

    .table {
        width : 100%;
    }

    &-condensed {
        .card-body {
            padding : 12px 16px 14px;

            h2 {
                display : inline !important;
            }

            .user-name {
                font-size     : var(--font-size-sm) !important;
                font-family   : var(--font-family-medium);
                height        : 16px;
                margin-bottom : 0 !important;
            }
        }
    }
}

.jumbotron {
    text-align : center;
}

//.buttons-panel {
//    display : flex;
//}

.help-block {
    background-color : var(--body-bg);
}

//@mixin kill-glyphicon {
//    background-size  : 112px 80px;
//    background-image : url('/static/images/sprite_common.png') !important;
//    &:before {
//        content : none;
//    }
//
//    @media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
//        background-image : url('/static/images/sprite_common@2x.png');
//    }
//}


///////////////////////
// New styling or retrofitting missing styles
///////////////////////
