* {
    outline: 0 !important;
}
footer.sticky-footer {
    position: absolute; bottom: 0; width: 100%; padding-bottom: 10px;
}

.alert .close {
    outline: 0;
}

.floating-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.floating-alert {
    background-image: url('../rss-images/floating-shadow.png');
    background-repeat: repeat-x;
    pointer-events: none;
}

.floating-alert .alert {
    margin: 10px auto;
    width: 350px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

@media screen and (max-width: 370px) {
    .floating-alert .alert {
        margin: 10px;
        width: auto;
    }
}

.required-field::after {
    content: ' *';
    display: inline;
    color: red;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}

.fix-width-50 {
    width: 50px;
}

.fix-width-75 {
    width: 75px;
}

.fix-height-100 {
    height: 100px;
}

.fix-height-200 {
    height: 200px;
}

.fix-height-300 {
    height: 300px;
}

.fix-height-400 {
    height: 400px;
}

.fix-height-500 {
    height: 500px;
}
.fix-height-100 {
    height: 100px;
}

.max-height-200 {
    max-height: 200px;
}

.max-height-300 {
    max-height: 300px;
}

.max-height-400 {
    max-height: 400px;
}

.max-height-500 {
    max-height: 500px;
}

.table-fit {
    width: 1px;
    white-space: nowrap;
}

.table-fill {
    width: 100%;
}

.table td {
    vertical-align: middle !important;
}

.table-borderless th, .table-borderless td {
    border: none !important;
}

/*  */

d-block {
    display: block !important;
}

d-inline {
    display: inline;
}
d-inline-block {
    display: inline-block;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;

}

/* */
.action-title {
    position: relative;
}
.action-title > *:first-child {
    margin: 0;
    position: absolute;
    
    top: 50%;
    transform: translateY(-50%)
}
.action-title::after {
    content: '';
    display: block;
    clear: both;
}

.action-title > .action-title-buttons {
    float: right;
}

.action-title > .action-title-buttons > .btn {
    display: inline-block;
}