@import '/core/css/import.less';

.meetingsList {
    padding: 10px 0;
}

.meetingsItem {
    padding: 0 0 23px;
    margin: 0 0 10px;
    border-bottom: 2px solid var(--border_color);
    position: relative;

    .meetingsContent {
        padding: 3px 300px 0 0;
        position: relative;
        z-index: 5;

        @media @tablet, @mobile {
            padding-right: 0;
        }
    }

    .meetingsTitle {
        font-size: 25px;
        margin: 0 0 13px;
    }

    .button {
        position: absolute;
        z-index: 10;
        top: 20px;
        right: 0;

        @media @tablet, @mobile {
            position: relative;
            top: 0;
            right: auto;
            margin: 10px 0 0;
            width: 100%;
        }
    }

    .meetingsDetails {


        li {
            display: inline;
            float: left;
            margin: 0 20px 0 0;
        }
    }
}

.meetingsPagination {
    float: right;
}
