.input-validation-error {
    border-color: #dc3545;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.input-validation-error:focus {
        border-color: #dc3545;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.input-validation-error .input-group-addon {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.field-validation-error {
    color: #dc3545;
    font-size: 90%;
    display: block;
}

a.btn-primary:link {
    color: white !important;
    text-decoration: none !important;
}

a.btn-primary:hover {
    color:white;
    text-decoration:none !important;
}
a.btn-success:link {
    color: white;
    text-decoration: none !important;
}

a.btn-success:hover {
    color: white;
    text-decoration: none !important;
}
a.btn-danger:link {
    color: white;
    text-decoration: none !important;
}

a.btn-danger:hover {
    color: white;
    text-decoration: none !important;
}

.flex-shrink {
    flex-shrink: 1;
}

.cursor-pointer {
    cursor: pointer;
}

.unselectable {
    user-select: none;
}

.contact-badge {
    font-size: 90%;
    padding: .4rem;
    margin: .3rem .3rem 0 0;
}


.top-buffer {
    margin-top: 10px;
}
.table tr {
    cursor: pointer;
}
.table-condensed {
    background-color: #fbfbfb;
}

.hiddenRow {
    padding: 0 4px !important;
    background-color: white;
    font-size: 15px;
}

.notStrongAuthenticated{
    color: gray !important;
}

.btn-notStrongAuthenticated {
    color: #FFFFFF !important;
    background-color: gray;
    border-color: gray;
    border-radius: 32px !important;
}

.hp-field
{
    /* CSS trick to visually hide an element without using common hide methods. HP = Honeypot */
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.counter
{
    color: white;
    background-color: #BE1622;
    box-shadow: 1.5px 1.5px 1px rgba(37, 37, 37, 0.8);
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: -8px;
    right: -12px;
}

.dataTables_wrapper {
    width: 100%;
}
.tooltip-inner {
    background-color: #0071c2;
}

[data-placement="top"] + .tooltip > .tooltip-arrow {
    border-top-color: #0071c2;
}

[data-placement="right"] + .tooltip > .tooltip-arrow {
    border-right-color: #0071c2;
}

[data-placement="bottom"] + .tooltip > .tooltip-arrow {
    border-bottom-color: #0071c2;
}

[data-placement="left"] + .tooltip > .tooltip-arrow {
    border-left-color: #0071c2;
}

.grayout {
    filter: invert(10%);
}

/*scss doesn't compile, for WI3818: the border bottom for selector tr:not([style*='none']):last-child td also doesn't work in css therefor border bottom is removed on td and moved to tr*/
.border-bottom-fix tbody tr td, .table thead tr th {
    border: none;
}
.border-bottom-fix tbody tr, .table thead tr {
    border-bottom: 1px solid #eaecef;
}
.flex {
    display:flex;
}

.dropzone .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
Content/main

.user-management {
    padding-bottom: 0;
}

.user-management footer{
    position: sticky;
}

/* Tables */
.overview-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: none !important;
    border-spacing: 0;
}

    .overview-table a {
        display: block;
        padding: 4px 4px;
    }

        .overview-table a:hover {
            text-decoration: none;
        }

    .overview-table thead {
        border-bottom: 1px solid #DEDEDE;
        text-align: left;
    }

    .overview-table td, .overview-table th {
        border-right: 1px solid #DDDDDD;
        padding: 10px 5px 5px;
    }

    .overview-table th {
        color: rgba(0,0,0,0.6);
        font-weight: 400;
        text-align: left;
    }

    .overview-table td {
        padding: 0 5px;
    }

        .overview-table td:last-child, .overview-table th:last-child {
            border-right: 1px transparent;
        }

        .overview-table td.action, .overview-table th.action {
            text-align: center;
            width: 50px;
        }

        .overview-table td.action {
            opacity: 0.45;
        }

            .overview-table td.action:hover {
                opacity: 1;
            }

    .overview-table tr {
        border: 1px solid #DDDDDD;
        border-left: 1px transparent;
        border-right: 1px transparent;
    }

        .overview-table tr:first-child {
            border-top: 1px solid transparent;
        }

    .overview-table tbody > tr:hover {
        background-color: rgba(28, 183, 236, 0.1) !important;
    }

        .overview-table tbody > tr:hover td {
            border: 1px solid #1C98CC;
            border-left: 1px solid #DDDDDD;
            border-right: 1px solid #DDDDDD;
        }

            .overview-table tbody > tr:hover td:first-child {
                border-left: 1px solid #1C98CC;
            }

            .overview-table tbody > tr:hover td:last-child {
                border-right: 1px solid #1C98CC;
            }

    .overview-table img {
        padding: 0 10px;
    }

.passwordForWithToggle::-ms-reveal, .passwordForWithToggle::-ms-clear {
    display: none;
}