/* TODO: Move admin selectors into a separate admin CSS file? */ .icon-activity-approved { color: rgb(100, 200, 100); } .icon-activity-blank { height: 28px; width: 24px; } .icon-activity-denied { color: rgb(200, 100, 100); } .icon-activity-pending { color: rgb(150, 150, 200); } .icon-activity-notes { color: rgb(200, 200, 217); } .icon-document-view { color: rgb(0, 0, 0); } .icon-document-gone { vertical-align: top; } .icon-document-gone .fa-ban { color: rgb(200, 100, 100); opacity: .7; } .navbar-default .alert { display: none; width: 100%; height: 100%; position: absolute; border: none; z-index: 5; } /*.content-request-document embed, .container-review-status .content-document embed, .content-request-document iframe, .container-review-status .content-document iframe { width: 100%; height: 500px; border: 0; }*/ body>.container-main { height: 100%; } /* * If the main container is the second child of the it means the demo * nav bar exists so make the main container a little less tall. */ body>.container-main:nth-child(3) { height: calc(100% - 40px); } /* BEGIN: Set container heights for some specific steps or pages */ /* The second container for some pages should be full height less the main navigation bar */ /* TODO: There is a better way to accomplish full height columns using bootstrap * TODO: 4 and flex but I don't have the time to figure it out right now */ .container-activity-main>.container-fluid, .container-request-main>.container-fluid, .container-review-status>.container-fluid, .container-form-admin-main>.container-fluid, .container-user-admin-main>.container-fluid, .container-agency-admin-main>.container-fluid, .container-link-admin-main>.container-fluid { height: calc(100% - 56px); } .container-activity-main>.container-fluid>.row:nth-child(1), .container-activity-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1), .container-request-main>.container-fluid>.row:nth-child(1) { height: 100%; } .container-activity-main .list-activity table tr:first-child td { border-top: none; } .container-activity-main .list-activity td { font-size: .8em; } .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group { height: calc(100% - 40px); } .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form { height: calc(100% - 40px); } .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form>.container-fluid { height: 100%; } .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form>.container-fluid .row:nth-child(2) { height: calc(100% - 40px); } /* Request Preview Document Column */ .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form>.container-fluid .row:nth-child(2) .col:nth-child(1) { height: calc(100% - 125px); } /* Request Preview Action Buttons Column */ .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form>.container-fluid .row:nth-child(2) .col:nth-child(2) { height: 94px; } .container-review-status>.container-fluid>.row:nth-child(1) { height: calc(100% - 96px); } /* Reviewer Notes Exist */ .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(3) { height: calc(100% - 210px); } /* Reviewer Notes Do Not Exist */ .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(2) { height: calc(100% - 120px); } /* TODO: Admin selectors */ .container-user-admin-main .list-user, .container-agency-admin-main .list-agency, .container-link-admin-main .list-agency-sending, .container-link-admin-main .list-agency-receiving { height: 350px; } /* TODO: Admin selectors */ .container-user-admin-main .panel-user-info, .container-agency-admin-main .panel-agency-info, .container-form-admin-main .panel-form-info { min-height: calc(100% - 15px); } .container-form-admin-main .row--previews { height: calc(100% - 55px); } .container-form-admin-main .row--previews .col { height: calc(100%); } .container-form-admin-main .panel-document-preview, .container-form-admin-main .panel-document-final { height: calc(50% - 20px); } /* TODO: Admin selectors */ .container-form-admin-main .panel-body { height: calc(100% - 59px); } /* TODO: Admin selectors */ .container-form-admin-main .content-document, .container-form-admin-main .panel embed { width: 100%; height: 100%; } .container-form-review form { height: calc(100% - 80px); } .container-form-review form .container-fluid, .container-form-review form .container-fluid .row:nth-child(2), .container-form-review form .container-fluid .row:nth-child(2) .col:nth-child(1) { height: calc(100% - 75px); } .container-form-access .container-fluid { height: calc(100% - 80px); } .container-form-access .container-fluid .row, .container-form-access .container-fluid .row .col:nth-child(1) { height: 100%; } /*.container-form-review form .container-fluid .row .col:nth-child(1) object, .container-form-access .container-fluid .row .col:nth-child(1) object, .container-form-review form .container-fluid .row .col:nth-child(1) iframe, .container-form-access .container-fluid .row .col:nth-child(1) iframe { height: 100%; width: 100%; border: 0; }*/ /* Set the default document viewer settings */ iframe.document-viewer { height: 100%; width: 100%; border: 0; } /* The document view on some pages needs additional settings */ .content-request-document iframe.document-viewer /*.container-review-status iframe.document-viewer,*/ /*.container-request-main iframe.document-viewer*/ { height: 500px; } .row--submit-preview-document-container { height: calc(100vh - 450px); } /* Extra Large Devices */ @media all and (min-width: 1200px) { /* TODO: Admin selectors */ /*.container-form-admin-main .row--previews,*/ /*.container-form-admin-main .row--previews .col {*/ /* height: calc(100% - 40px);*/ /*}*/ /* TODO: Admin selectors */ /*.container-form-admin-main .panel-document-preview,*/ /*.container-form-admin-main .panel-document-final {*/ /* height: calc(50% - 20px);*/ /*}*/ .container-form-review form .container-fluid, .container-form-review form .container-fluid .row:nth-child(2), .container-form-review form .container-fluid .row:nth-child(2) .col:nth-child(1), .container-form-access .container-fluid .row, .container-form-access .container-fluid .row .col:nth-child(1) { height: 100%; } .container-form-access>.container-fluid, .container-form-review { height: calc(100% - 80px); } /* * Reviewer and The Status Message are side-by-side on medium and larger devices but both instances need to be * referenced here for specificity overriding. */ .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(2), .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(3) { height: calc(100% - 120px); } /* Request Preview Document Column */ .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form>.container-fluid .row:nth-child(2) .col:nth-child(1) { height: 100%; } } /* Large Devices */ @media all and (min-width: 992px) and (max-width: 1199px) { /* * Reviewer and The Status Message are side-by-side on medium and larger devices but both instances need to be * referenced here for specificity overriding. */ .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(2), .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(3) { height: calc(100% - 120px); } /* Request Preview Document Column */ .container-request-main>.container-fluid>.row:nth-child(1)>.col:nth-child(1)>.form-group .content-request-form>.container-fluid .row:nth-child(2) .col:nth-child(1) { height: 100%; } } /* Medium and Large Devices */ @media all and (min-width: 768px) and (max-width: 1199px) { .container-form-review form .container-fluid, .container-form-review form .container-fluid .row:nth-child(2), .container-form-review form .container-fluid .row:nth-child(2) .col:nth-child(1), .container-form-access .container-fluid, .container-form-access .container-fluid .row, .container-form-access .container-fluid .row .col:nth-child(1) { height: calc(100% - 45px); } .container-form-access>.container-fluid, .container-form-review { height: calc(100% - 80px); } .container-form-access>.container-fluid .row, .container-form-access>.container-fluid .row .col:nth-child(1) { height: 100%; } .container-form-review form .container-fluid .row:nth-child(2) .col:nth-child(2) .row .col:nth-child(n+2), .container-form-access .container-fluid .row .col:nth-child(2) .row .col:nth-child(n+2) { text-align: right; } } /* Medium Devices */ @media all and (min-width: 768px) and (max-width: 991px) { /* * Reviewer and The Status Message are side-by-side on medium and larger devices but both instances need to be * referenced here for specificity overriding. */ .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(2), .container-review-status>.container-fluid>.row:nth-child(1) .content-document:nth-child(3) { height: calc(100% - 140px); } } /* Small Devices */ @media all and (max-width: 767px) { .container-form-review form .container-fluid, .container-form-review form .container-fluid .row:nth-child(2), .container-form-review form .container-fluid .row:nth-child(2) .col:nth-child(1), .container-form-access .container-fluid, .container-form-access .container-fluid .row, .container-form-access .container-fluid .row .col:nth-child(1) { height: calc(100% - 85px); } .container-form-access>.container-fluid, .container-form-review { height: calc(100% - 180px); } .container-form-review .btn-danger, .container-form-review .btn-success { display: block; } .container-form-access>.container-fluid .row, .container-form-access>.container-fluid .row .col:nth-child(1) { height: 100%; } .container-form-review form .container-fluid .row .col:nth-child(2) .row .col:nth-child(n+2), .container-form-access .container-fluid .row .col:nth-child(2) .row .col:nth-child(n+2) { text-align: right; } }