Novoid Plus

.modal.modal-fullscreen { /* Maximize the main wrappers on the screen */ /* Make the parent wrapper of the modal box a full-width block */ /* Remove borders and effects on the content */ /** * /!\ By using this feature, you force the header and footer to be placed * in an absolute position. You must handle by yourself the margin of the * content. */ } .modal { background-color: #fff; border:0px; } .modal-content{ width:100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .modal.modal-fullscreen .modal-dialog, .modal.modal-fullscreen .modal-content { bottom: 0; left: 0; position: absolute; right: 0; top: 35px; } .modal.modal-fullscreen .modal-dialog { margin: 0; width: 100%; } .modal.modal-fullscreen .modal-content { border: none; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; } .modal.modal-fullscreen.force-fullscreen { /* Remove the padding inside the body */ } .modal.modal-fullscreen.force-fullscreen .modal-body { padding: 0; } .modal.modal-fullscreen.force-fullscreen .modal-header, .modal.modal-fullscreen.force-fullscreen .modal-footer { left: 0; position: absolute; right: 0; } .modal.modal-fullscreen.force-fullscreen .modal-header { top: 0; } .modal.modal-fullscreen.force-fullscreen .modal-footer { bottom: 0; } .row.flush-col > [class*="col-"] {padding:0;} .img-fluid {width:100%;} .fadei { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .fadei:hover { opacity: 0.6; } .video-fluid { width: 50%; height: auto; }