div.row.componentlist a {
    text-decoration: none;
}

div.row.componentlist i {
    font-size: 72px;
}

.page-content {
    margin-bottom: 20px;
}

.text-block {
    display: block;
}

form#logoutForm {
    margin-top: 9px;
}

    form#logoutForm a {
        color: #606975;
    }

.form-control.datepicker {
    padding: 0 18px 3px;
    -ms-border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}

button.btn-social span.hover {
    display: none;
}

button.btn-social:hover span.default {
    display: none;
}

button.btn-social:hover span.hover {
    display: inline;
}

table.table th.table-options {
    width: 60px;
}

div.comment-footer a, div.single-post-meta .meta-link a {
    color: #606975;
}

span.like-link {
    display: inline-block;
    margin-right: 10px;
}

    span.like-link a.liked {
        color: #0da9ef;
    }

.post-author-ava {
    width: 60px;
    color: #50c6e9;
}

    .post-author-ava img {
        width: 50px;
        border-radius: 50%;
    }

/*.single-post-meta .column {*/
/*    border-top: 1px solid #e1e7ec;
    border-bottom: 1px solid #e1e7ec;*/
/*border-top: 1px solid rgba(80, 198, 233, 0.3);
    border-bottom: 1px solid rgba(80, 198, 233, 0.3);
    background-color: rgba(80, 198, 233, 0.12);
    padding: 3px;
    color: #50c6e9;
}*/

.single-post-bar {
    border-top: 1px solid rgba(80, 198, 233, 0.3);
    border-bottom: 1px solid rgba(80, 198, 233, 0.3);
    background-color: rgba(80, 198, 233, 0.12);
    padding: 3px;
    color: #50c6e9;
}

.checkout-steps.steps-3 > a {
    width: 33%;
}

.checkout-steps.steps-4 > a {
    width: 25%;
}

.checkout-steps.steps-5 > a {
    width: 20%;
}

.checkout-steps.steps-6 > a {
    width: 16.66%;
}

.activeevent .product-buttons button {
    cursor: default;
}

.field-validation-valid, .validation-summary-valid {
    display: none;
}

#write-comment {
    margin-left: 20px;
}

div.comment, #write-comment {
    margin-right: 20px;
}

.comment .comment-author-ava-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.comment .comment-body {
    color: #606975;
}

.comment .comment-footer {
    border-top: 1px solid rgba(80, 198, 233, 0.3);
    padding-top: 5px;
}

.blog-post {
    padding-left: 30px;
}

.single-post-meta .column {
    vertical-align: middle;
}

.comment.lvl1 {
    margin-left: 20px;
}

.comment.lvl2 {
    margin-left: 90px;
}

.comment.lvl3 {
    margin-left: 160px;
}

.comment.lvl4 {
    margin-left: 230px;
}

.comment.lvl5 {
    margin-left: 300px;
}

.comment .comment-header {
    display: table;
    width: 100%;
    border-bottom: 1px solid rgba(80, 198, 233, 0.3);
    padding-bottom: 0;
    margin-bottom: 8px;
}

    .comment .comment-header .column {
        display: table-cell;
        vertical-align: top;
    }

    .comment .comment-header > .column:last-child {
        text-align: right;
    }

    .comment .comment-header .comment-title {
        margin-bottom: 0;
    }

    .comment .comment-header .btn-group {
        margin-top: 0;
        margin-right: 0;
    }

        .comment .comment-header .btn-group a {
            color: #606975;
        }

/*.forum-topic .images-list {*/
/*    padding-top: 74px;
    padding-right: 15px;*/
/*padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    width: 100%;
    margin: 15px 15px 0 15px;
}

    .forum-topic .images-list > span {
        display: inline-block;
        margin-top: 5px;
    }

    .forum-topic .images-list .images-thumbnails {
        display: block;
        margin: 0;
        margin-top: 5px;
        padding: 0;
        list-style: none;*/
/*text-align: center;*/
/*}

        .forum-topic .images-list .images-thumbnails > li {
            display: inline-block;
            margin: 0 5px 0;
            vertical-align: top;
        }

            .forum-topic .images-list .images-thumbnails > li > a {
                display: block;
                transition: border-color .25s;
                border: 1px solid #e1e7ec;
                border-radius: 5px;
                overflow: hidden;
                text-decoration: none;
            }

            .forum-topic .images-list .images-thumbnails > li.filelink > a {
                padding: 5px;
                text-align: center;
            }*/

.images-list {
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    width: 100%;
    margin: 15px 15px 0 15px;
}

    .images-list > span {
        display: inline-block;
        margin-top: 5px;
    }

    .images-list .images-thumbnails {
        display: block;
        margin: 0;
        margin-top: 5px;
        padding: 0;
        list-style: none;
        /*text-align: center;*/
    }

        .images-list .images-thumbnails > li {
            display: inline-block;
            margin: 0 5px 0;
            vertical-align: top;
        }

            .images-list .images-thumbnails > li > a {
                display: block;
                transition: border-color .25s;
                border: 1px solid #e1e7ec;
                border-radius: 5px;
                overflow: hidden;
                text-decoration: none;
            }

            .images-list .images-thumbnails > li.filelink > a {
                padding: 5px;
                text-align: center;
            }

.fileslist .images-list {
    padding-bottom: 5px;
    padding-left: 5px;
    margin: 0;
}

    .fileslist .images-list .images-thumbnails {
        margin: 0;
    }

        .fileslist .images-list .images-thumbnails li {
            margin-top: 10px;
            margin-bottom: 5px;
        }

span.subfolder {
    display: block;
    margin-left: 20px;
}

.pswp img {
    max-width: none;
    object-fit: contain;
}

h4.dropbox-folder-path a {
    text-decoration: none;
    /*color: #606975;*/
    color: #0da9ef;
}

h4.dropbox-folder-path i {
    font-size: 14px;
}

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

    .grecaptcha-badge:hover {
        width: 256px !important;
    }

.forum-topic .fileslist {
    margin-top: 20px;
}

.fileslist li {
    border: 1px solid #e1e7ec;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
}

.fileslist .filepreview i {
    padding-top: 10px;
}

.fileslist .filepreview a {
    text-decoration: none;
}

.filebuttons .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: auto;
}

table.course-masterdata {
    margin-bottom: 30px;
}

    table.course-masterdata td {
        padding-right: 10px;
        vertical-align: top;
    }

table.course-participants td {
    vertical-align: middle;
}

    table.course-participants td.bool span.badge {
        font-size: 100%;
    }

[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}

[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.accordion [data-toggle='collapse']::after {
    margin-right: 10px;
}

.accordion .card-header {
    cursor: pointer;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #dee2e6 !important;
}

@font-face {
    font-family: 'IBMPlexSans-SemiBold';
    src: url('../../fonts/MitID/IBMPlexSans-SemiBold.ttf') format('truetype');
}

a.mitid-button {
    background: #0060e6;
    color: #ffffff;
    font-family: "IBMPlexSans-SemiBold";
    font-weight: bold;
    font-size: 16px;
    border-radius: 4px;
    height: 48px;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    padding: 16px 24px;
}

    a.mitid-button img.logo {
        height: 18px;
        display: inline-block;
        padding-right: 16px;
        margin-top: -3px;
    }

.ik-page-menu nav .list-group-item.header {
    border-color: #eaeaea;
    background-color: #eaeaea;
    color: #606975;
}

.ik-page-menu nav .list-group-item.active {
    border-color: #eaeaea;
    background-color: #f5f5f5;
    color: #606975;
    font-weight: bold;
}

.btn-table {
    height: 24px;
    margin: 0;
    line-height: 22px;
    font-size: 14px;
    border-radius: 3px;
}

th.no-sort, th.w-auto {
    width: 1%;
    white-space: nowrap;
}

table.dataTable thead.table-light th, table.dataTable thead.table-light td {
    border-color: #e1e7ec;
}

.dropzone {
    border: 1px dashed #50c6e9 !important;
    border-radius: 5px !important;
    background: #f1faff !important;
}

    .dropzone i {
        font-size: 5rem !important;
    }

    .dropzone .dz-message h4 {
        /*color: rgba(0,0,0,.54) !important;*/
        font-weight: 500 !important;
        font-size: initial !important;
        text-transform: uppercase !important;
    }

a.link-dark {
    color: #343a40 !important;
}

div.ftlfCertsContainer > .alert {
    margin-bottom: 1rem;
}

a.table-link, tr[data-href] {
    cursor: pointer;
    transition: color .25s;
    color: #606975;
    text-decoration: none;
}

a.table-link {
    font-weight: bold;
}

    a.table-link:hover, tr[data-href]:hover {
        color: #0da9ef;
    }

.accordion .btn[data-toggle='collapse'] {
    display: inline-block;
    position: relative;
    color: #fff;
    text-decoration: none;
}

.accordion .btn[data-toggle='collapse']::after {
    content: none;
}

.ik-remotemsg-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ik-remotemsg-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(28, 132, 198, 0.4);
    border-radius: 50%;
    border-top-color: #1c84c6;
    animation: ik-spin 1s linear infinite;
    position: absolute;
    right: 10px;
    top: 30%;
    transform: translateY(-30%);
}

@keyframes ik-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}