@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap");

html, body {
    font: 14px/20px Montserrat, sans-serif;
    margin: 0;
    padding: 0;
    background: #f9f9f9;
}

* {
    box-sizing: border-box;
}

.page-container {
    margin: 0 auto;
    background: #fff;
    min-height: calc(100vh);
    /*background: rgb(243, 243, 243);*/
}

    .page-container.mw-800 {
        max-width: 800px;
        margin: 0px auto;
        min-height: calc(100vh - 40px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
        border-radius: 4px;
    }

label {
    display: block;
}

a {
    color: #4a90e2;
}

h3 {
    font-weight: 500;
    font-size: 22px;
    padding: 20px 20px 0px;
    margin: 0;
}

.list-container {
    padding: 0px 20px 20px;
    margin-top: 30px;
}

.admin-app-container {
    padding: 0px 20px 20px;
    margin-top: 20px;
    max-height: calc(100vh - 106px);
    overflow-y: auto;
}

.page-add-link {
    margin-left: 20px;
    font-size: 18px;
}

.edit-form-container {
    border-bottom: 1px solid #e9e9e9;
}

.edit-form {
    max-width: 350px;
    padding: 20px;
}

    .edit-form input, .edit-form textarea, .edit-form select {
        -webkit-appearance: none;
        width: 100%;
        font-family: Montserrat, sans-serif;
        border: 1px solid #ababab;
        padding: 12px;
        border-radius: 4px;
    }

        .edit-form input:focus, .edit-form textarea:focus, .edit-form select:focus {
            border: 1px solid #666;
            outline: 0;
        }


.form-group {
    margin-bottom: 20px;
}

    .form-group label {
        text-transform: uppercase;
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 500;
    }

.buttons-container {
    display: flex;
    justify-content: space-between;
}

    .buttons-container input, .buttons-container a {
        font-weight: 500;
        width: auto;
        background: #2c2c2c;
        color: #fff;
        border: none;
        text-transform: uppercase;
        font-size: 12px;
        max-width: calc(50% - 8px);
        flex-grow: 1;
        cursor: pointer;
        text-align: center;
    }

    .buttons-container .btn-cancel {
        background: #f5f5f5;
        color: #2c2c2c;
        border-radius: 4px;
        text-decoration: none;
        padding: 10px;
    }

.main-list {
    width: 100%;
}

    .main-list th {
        text-align: left;
        border-bottom: 1px solid #e9e9e9;
        font-weight: 500;
    }

    .main-list th, .main-list td {
        padding: 10px 10px 10px 0;
    }

    .main-list .col-actions {
        text-align: right;
        white-space: nowrap;
    }

.col-actions {
    white-space: nowrap;
    text-align: right;
}


.col-actions a {
    margin-left: 12px;
}

.survey-wrapper {
    min-height: calc(100vh);
}

.session-checkbox {
    margin-bottom: 12px;
}

    .session-checkbox .item-label {
        font-family: Montserrat, 'Open Sans', sans-serif;
        cursor: pointer;
        padding: 10px;
        border: 1px solid #e9e9e9;
        border-radius: 6px;
        display: flex;
        align-items: center;
        position: relative;
        
    }

    .session-checkbox .image {
        width: 142px;
        height: 80px;
        border: 1px solid #e9e9e9;
        border-radius: 4px;
        overflow: hidden;
        margin-right: 12px;
    }


        .session-checkbox .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .session-checkbox .session-title {
        font-size: 16px;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .session-checkbox .session-dates {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .session-checkbox .session-subtitle {
        font-size: 12px;
        margin-bottom: 4px;
        margin-top: -4px;
    }

    .session-checkbox .session-description {
        font-size: 12px;
        line-height: 16px;
        max-height: 32px;
        margin-bottom: 6px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .session-checkbox .session-location {
        padding-left: 28px;
        font-size: 12px;
        color: #808080;
        background: url(/icons/icon-location-default.svg) no-repeat left center/20px auto;
    }

    .session-checkbox .session-warning {
        position: absolute;
        z-index: 1;
        right: 5px;
        top: 5px;
        background: #f5f5f5;
        text-transform: uppercase;
        color: #2c2c2c;
        border-radius: 5px;
        padding: 1px 8px;
        font-size: 11px;
        font-weight: 500;
    }

    .session-checkbox input[type="checkbox"] {
        display: none;
    }

.session-checkbox.sv-list__item--disabled {
    pointer-events: none;
    opacity: .5;
}

    .session-checkbox .item-label--selected {
        background: rgba(22, 99, 25, .05);
        border-color: #347f26;
    }