/*------------------Confirm--------------------*/
.Confirm-view {
    width: 100%
}

.Confirm-content {
    height: auto;
    max-width: 648px;
    padding: 1rem 0 2rem 0;
    /* padding: 48px 0 96px 0;*/
    margin: 0 auto
}

.Confirm-author {
    display: inline-block;
    width: 100%;
    height: 72px;
    margin-bottom: 48px
}

.Author-properties {
    vertical-align: middle;
    display: inline-block;
    line-height: 24px;
    margin-left: 24px
}

.Author-createdBy {
    font-size: 14px;
    font-weight: lighter;
    color: #cfd5da
}

.Author-name {
    font-size: 18px;
    color: #cfd5da
}

.Confirm-qurioTitle {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    color: #343536
}

.Confirm-qurioDescription {
    margin-bottom: 3rem;
    font-size:1rem;
    color: #343536;
    line-height: 2rem;
    font-weight: lighter
}

    .Confirm-qurioDescription a {
        color: var(--campusmain)
    }

        .Confirm-qurioDescription a:hover {
            text-decoration: underline
        }

.Confirm-qurioLink {
    margin-bottom: 12px;
    font-size: 13px;
    letter-spacing: .03em;
    color: #cfd5da
}

    .Confirm-qurioLink:before {
        padding-right: 6px
    }

.Confirm-summary {
    display: inline-block;
    margin-bottom: 48px;
    color: #343536;
    line-height: 24px;
    font-weight: lighter;
    width: 100%
}

    .Confirm-summary:before {
        border-left: 2px solid #cfd5da
    }

    .Confirm-summary:after {
        border-right: 2px solid #cfd5da
    }

    .Confirm-summary .List-item {
        display: inherit;
        margin-right: 24px
    }

        .Confirm-summary .List-item span {
            margin-left: 1ch
        }

    .Confirm-summary .Summary-info {
        padding-top: 24px
    }

        .Confirm-summary .Summary-info .Info-icon {
            display: inline-block;
            color: #5b7597
        }

            .Confirm-summary .Summary-info .Info-icon:before {
                padding-right: 12px;
                font-size: 14px
            }

.Confirm-button {
    width: 312px
}

@media (max-width:648px) {
    .Confirm-button {
        margin-top: 24px
    }

        .Confirm-button:first-child {
            margin-top: 0
        }
}


.QurioInfoDialog {
    min-height: 320px;
    width: 90%;
    max-width: 828px;
    min-width: 288px;
    background-color: var(--background);
    border-radius: 6px
}

@media (max-height:355px) {
    .QurioInfoDialog {
        min-height: 0
    }
}

.QurioInfoDialog input {
    font-size: 16px;
    padding: 3px 6px
}

.QurioInfoDialog:not(.hasFixedHeight) {
    margin: 12px 0
}

.QurioInfoDialog.hasFixedHeight {
    position: relative;
    min-height: 0;
    height: 98%;
    margin-top: 1vh
}

    .QurioInfoDialog.hasFixedHeight .Dialog-body {
        overflow-y: auto;
        margin: 12px 0;
        padding: 36px 48px;
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        width: 100%
    }

        .QurioInfoDialog.hasFixedHeight .Dialog-body:nth-child(2) {
            top: 48px
        }

        .QurioInfoDialog.hasFixedHeight .Dialog-body:nth-last-child(2) {
            bottom: 48px
        }

.QurioInfoDialog .Confirm-content {
    padding: 0
}

    .QurioInfoDialog .Confirm-content > * {
        margin-bottom: 24px
    }

.QurioInfoDialog .Confirm-qurioTitle {
    font-size: 30px
}

/*-----------------End Confirm--------------------*/