styles.css

#atto_tipnc_content #atto_tipnc_desc {
    padding: 0 10px;
    width: 50%;
    height: 800px;
}

div#atto_tipnc_content {
    flex-direction: row;
    height: 570px;
    overflow: scroll;
    display: none;
}

#atto_tipnc_content .atto_form > div {
    text-align: left;
    margin-left: 30px;
}

#atto_tipnc_content form.atto_form {
    padding: 0;
    width: 50%;
    margin-right: 30px;
    z-index: 22;
}

#atto_tipnc_content .urlcontrol {
    width: 100%;
    margin: -3px 0 9px 0;
}

#atto_tipnc_content .sizecontrol {
    width: 100%;
    margin: -3px 0 9px 0;
}

#atto_tipnc_content  #file_nextcloud_iframe {
    position: relative;
    top: -55px;
    border: 2px solid #ebebeb;
    width: 200%;
    z-index: 80;
}

#atto_tipnc_content .hide_header {
    background-color: #fff;
    height: 52px;
    position: relative;
    top: -3px;
    z-index: 90;
    width: 200%;
}

#atto_tipnc_content div#atto_tipnc-body {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#atto_tipnc_content .atto_tipnc_header {
    width: 100%;
    display: flex;
    background-color: white;
    z-index: 222;
}

#atto_tipnc_content .atto_tipnc_iframe {
    height: 400px;
}

#atto_tipnc-body #atto_tipnc .notice_nc i.fa.fa-exclamation-triangle {
    color: #ff9e00;
}

#atto_tipnc-body #atto_tipnc .notice_nc span {
    font-size: 10px;
    color: grey;
    font-style: italic;
}

#atto_tipnc-body #atto_tipnc .notice_nc {
    position: relative;
    top: 21px;
    left: 10px;
}

h2#atto_tipnc-title_modal_yui {
    position: absolute;
    top: 17px;
    left: 18px;
}

section#atto_tipnc {
    font-size: 13px;
}