/* =====================================================
           PDF VIEWER
        ====================================================== */
		/*
#pdfViewerModal {
    z-index: 99999 !important;
}

#pdfViewerModal .modal-dialog {
    z-index: 100000 !important;
}

.modal-backdrop {
    z-index: 99998 !important;
}
*/
        #flipbook-container {

            width: 100%;

            height: 100%;
			min-width:1px;
			min-height:1px;
            position: relative;

            display: flex;

            align-items: center;

            justify-content: center;

            overflow: hidden;

            background: #222;
        }


        #flipbook-stage {

            width: 100%;

            height: 100%;
			
			min-width: 1px;
			min-height: 1px;
			
            display: flex;

            align-items: center;

            justify-content: center;

            overflow: hidden;
        }


        /* =====================================================
           FLIPBOOK
        ====================================================== */

        #flipbook {

            margin: auto;

            display: block;

            transform-origin: center center;

        }


        /* =====================================================
           PAGE
        ====================================================== */

        #flipbook .page {

            background: #fff;

            overflow: hidden;

            box-sizing: border-box;

        }


        /* =====================================================
           CANVAS
        ====================================================== */

        #flipbook canvas {

            width: 100%;

            height: 100%;

            display: block;

            object-fit: contain;

        }


        /* =====================================================
           MODAL
        ====================================================== */

        #pdfViewerModal .modal-dialog {

            width: 100%;

            max-width: 100%;

            height: 100%;

            margin: 0;

        }


        #pdfViewerModal .modal-content {

            height: 100%;

            border: 0;

            border-radius: 0;

            background: #222;
			display:flex;
			flex-direction:column;
        }


        /* =====================================================
           HEADER
        ====================================================== */

        #pdfViewerModal .modal-header {

            height: 60px;

            padding: 10px 15px;

            background: #111;

            color: #fff;

            border-bottom: 1px solid #444;

        }


        #pdfViewerModal .modal-title {

            font-size: 18px;

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

        }


        #pdfViewerModal .close {

            color: #fff;

            opacity: 1;

            font-size: 30px;

            line-height: 1;

        }


        /* =====================================================
           BODY
        ====================================================== */

        #pdfViewerModal .modal-body {

            position: relative;

            padding: 0;

            overflow: hidden;

			flex:1 1 auto;
			min-height:0;

        }


        /* =====================================================
           FOOTER
        ====================================================== */

        #pdfViewerModal .modal-footer {

            min-height: 60px;

            padding: 8px 15px;

            background: #111;

            border-top: 1px solid #444;

            display: flex;

            align-items: center;

            justify-content: center;

            flex-wrap: wrap;

        }
		
		#pdfViewerTitle{
			color:white;
		}

        #pdfViewerModal .modal-footer .btn {

            margin: 2px;

        }


        /* =====================================================
           PAGE INFO
        ====================================================== */

        #pageInfo {

            min-width: 80px;

            text-align: center;

            color: #fff;

            font-size: 14px;

        }


        /* =====================================================
           LOADING
        ====================================================== */

        #pdfLoading {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            color: #fff;

            text-align: center;

            z-index: 100;

        }


        #pdfLoading .spinner-border {

            width: 3rem;

            height: 3rem;

        }


        /* =====================================================
           ERROR
        ====================================================== */

        #pdfError {

            display: none;

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 90%;

            max-width: 500px;

            z-index: 100;

        }


        /* =====================================================
           MOBILE
        ====================================================== */

        @media (max-width: 767px) {

            #pdfViewerModal .modal-header {

                height: 50px;

                padding: 8px 10px;

            }


            #pdfViewerModal .modal-title {

                font-size: 15px;

            }


            #pdfViewerModal .modal-footer {

                min-height: 70px;

                padding: 5px;

            }


            #pdfViewerModal .modal-footer .btn {

                font-size: 12px;

                padding: 5px 8px;

            }


            #pageInfo {

                min-width: 60px;

                font-size: 12px;

            }

        }
		
		
/* **************** */

/* =========================================================
   PDF VIEWER MODAL - FORCE FULLSCREEN
========================================================= */

#pdfViewerModal {
    padding: 0 !important;
}

#pdfViewerModal.show {
    display: block !important;
}

#pdfViewerModal .modal-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pdfViewerModal .modal-content {
    width: 100% !important;
    height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #222 !important;

    display: flex !important;
    flex-direction: column !important;
}

#pdfViewerModal .modal-header {
    flex: 0 0 60px;
}

#pdfViewerModal .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;

    padding: 0 !important;
    overflow: hidden !important;

    position: relative !important;
}

#pdfViewerModal .modal-footer {
    flex: 0 0 auto;
}