/* @preserve
 * [FLPPR Modal] CSS
 * CSS for [v3.9.1]
 */

html.FLPPR-modal-open {overflow:hidden;-webkit-overflow-scrolling: auto; }
html.FLPPR-modal-open body { position: absolute; width: 100%; overflow: hidden !important; -webkit-overflow-scrolling: auto; min-height: 100%; } 
html.FLPPR-modal-open #FLPPR-modal .modal-content {-webkit-box-shadow: -2px 0 10px 1px rgba(0,0,0,0.3); box-shadow: -2px 0 10px 1px rgba(0,0,0,0.3);z-index: 1050; }
html.FLPPR-modal-open #FLPPR-modal.show-modal .modal-content,html.FLPPR-modal-open #FLPPR-modal.hide-modal .modal-content {-webkit-box-shadow:none;box-shadow:none;}

/* Background */
#modal-bg { display: none; background: #000; opacity: 0.4; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5049; overflow: hidden; outline: 0; }

/* Main */
#FLPPR-modal.modal { z-index: 5050; }
#FLPPR-modal.hide-modal-head #FLPPR-modal-head {display:none;}
#FLPPR-modal .modal-content { background-color: transparent; }
#FLPPR-modal #FLPPR-modal-head { padding-left: 1.25rem; padding-right: 1.25rem; }
#FLPPR-modal #FLPPR-modal-body { padding: 1.25rem; background-color: #fff; overflow-y: auto; overflow-x: hidden; border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem; }
#FLPPR-modal.has-footer #FLPPR-modal-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#FLPPR-modal #FLPPR-modal-header { width: 100%; background-color: #fff; }
#FLPPR-modal #FLPPR-modal-title { line-height: normal;display: inline-block; }
#FLPPR-modal #FLPPR-modal-header:empty, #FLPPR-modal #FLPPR-modal-footer:empty { display: none; }
#FLPPR-modal #FLPPR-modal-close, #FLPPR-modal #FLPPR-modal-close:hover { text-shadow: none; opacity: 1; }
#FLPPR-modal #FLPPR-modal-head.modal-header .close { padding: 1rem; margin: -1rem -1.25rem -1rem auto; }
#FLPPR-modal.allow-overflow #FLPPR-modal-body { overflow: visible; }

/* Header */
#FLPPR-modal-header .nav.nav-tabs { position:relative; padding-left: 1.25rem; padding-right: 1.25rem; }
#FLPPR-modal-header .nav.nav-tabs::before { content: ""; width: 1.25rem; height: 100%; background: #fff; z-index: 9999; position: absolute; top: 3px; left: 0; }
#FLPPR-modal-header .nav.nav-tabs::after { content: ""; width: 1.25rem; height: 100%; background: #fff; z-index: 9999; position: absolute; top: 3px; right: 0; }

/* Footer */
#FLPPR-modal-footer { padding-top:0;padding-left: 1.25rem; padding-bottom: 1.25rem; padding-right: 1.25rem; width: 100%; background-color: #fff; border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem; text-align: right; }
#FLPPR-modal-footer .row { margin-right: -0.5rem; margin-left: -0.5rem; }
#FLPPR-modal-footer .row > * { padding-left: 0.5rem; padding-right: 0.5rem; }
#FLPPR-modal-footer.modal-footer > * { margin-top: 0; margin-bottom: 0; }

/* Colors */
#FLPPR-modal-head { background: var(--primary); }
#FLPPR-modal-head.modal-head-bg-primary { background: var(--primary);}
#FLPPR-modal-head.modal-head-bg-danger { background: var(--danger); }
#FLPPR-modal-head.modal-head-bg-warning { background: var(--warning); }
#FLPPR-modal-head.modal-head-bg-white {background:#fff;}

#FLPPR-modal-title, #FLPPR-modal-close {color: #fff; }

/* Transition Animation */
#FLPPR-modal .modal-content.animated {-webkit-animation-duration: 400ms;animation-duration: 400ms;}