@footerHeight: 80px;
@headerHeight: 60px;
@combinedHeaderFooterHeight: (@footerHeight + @headerHeight) + 4px; //includes borders

.fullscreen-modal--no-scroll {
    overflow: hidden;
}

.fullscreen-modal__container {
    width: 100%;
    height: 100%;
    z-index: @z-index-fullscreen-modal;
    display: grid;
    grid-template-areas: "header"
                         "content"
                         "footer";
    grid-template-rows: 62px 1fr 82px;
}

.fullscreen-modal__title-container {
    line-height: @headerHeight;
    background: @theme-grey14;
    width: 100%;
    padding: 0 50px;
    border-bottom: 2px @theme-grey10 solid;
    grid-area: header;
}

.fullscreen-modal__body-container {
    width: 100vw;
    background: #FFFFFF;
    overflow: auto;
    position: static;
    padding: 0 50px;
    grid-area: content;
}

.fullscreen-modal__close {
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-indent: -2000em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    z-index: 0;
}

.fullscreen-modal__title {
    text-align: left;
}

.fullscreen-modal__footer-container {
    width: 100%;
    line-height: @footerHeight;
    background: @theme-blue6;
    z-index: @z-index-hidden;
    padding: 0 50px;
    grid-area: footer;
}

.fullscreen-modal__title-text {
    color: @theme-grey16;
    font-size: 20px;
}

.fullscreen-modal__title-text--primary {
    font-weight: bold;
}

.fullscreen-modal__footer .form-actions__error-summary {
    display: inline-block;
    margin: 0px 20px;
}

.fullscreen-modal__footer .form-actions {
    margin: 0px;
}

.fullscreen-modal__footer .btn-link {
    color: #FFFFFF;
    float: right;
    margin: 23px 0px;
}

.fullscreen-modal__close-icon {
    background-size: 20px; 
}