@media (max-width: 767px) {

    body {
        padding-right: 0;
        padding-left: 0;
    }

}

@media (max-width: 44.9999999999em) {

    .zoupio-bootstrap .hidden-tablet,
    .zoupio-bootstrap .hidden-phone {
        
        display: none !important;
    }
    
}

@media (min-width: 45em) and (max-width: 71.9999999999em) {
    .zoupio-bootstrap .hidden-tablet {
        display: none !important;
    }
}

.qweri-header,
.qweri-main,
.qweri-footer {
    -webkit-transition: -webkit-transform 0.2s linear 0s,
                              margin-left 0.2s linear 0s;
                              
       -moz-transition:    -moz-transform 0.2s linear 0s,
                              margin-left 0.2s linear 0s;
                              
        -ms-transition:     -ms-transform 0.2s linear 0s,
                              margin-left 0.2s linear 0s;
                              
         -o-transition:      -o-transform 0.2s linear 0s,
                              margin-left 0.2s linear 0s;
                              
            transition:         transform 0.2s linear 0s,
                              margin-left 0.2s linear 0s;
}

html.touch .qweri-header .logo {
    margin-left: 50px;
}

.qweri-header {
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1;
}

@media (min-width: 45em) {

    .qweri-header {
        position: static;
        z-index: auto;
    }
    
}

.qweri-main {
    
    display: -webkit-flex;
    display:     -ms-flexbox;
    display:         flex;
    
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
    
    margin-top: 100px;
    
}


@media (min-width: 45em) {
    
    .qweri-main {
        margin-top: 0;
    }

}

/* Only in the document view, we want the modal backdrop to be opaque. */
/* That's why the following rule is found here instead of the global Zoupio stylesheet */
.modal-backdrop.fade.in {
	background-color: #000;
	opacity: .3;
}

.modal-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    
    height: 100vh;
    width: 100vw;
    
    z-index: 1050;
    
    transition: color
}

.modal-wrapper.fade {
	
    -webkit-transition: background-color 0.15s linear;
       -moz-transition: background-color 0.15s linear;
         -o-transition: background-color 0.15s linear;
            transition: background-color 0.15s linear;

    background-color: rgba(0, 0, 0, 0);
    
}

.modal-wrapper.fade.in {
    background-color: rgba(0, 0, 0, .3);
}

.qweri-document.pdf-document .print-pdf,
.qweri-document .print-disabled-message {
    border: 1px solid #666;
    display: none;
    margin: 1em auto;
    max-width: 1000px;
    padding: 1em 2em;
    text-align: center;
}

.qweri-document .print-multi-selected-empty p {
    border: 1px solid #666;
    margin: 1em auto;
    max-width: 1000px;
    padding: 1em 2em;
    text-align: center;
}

.qweri-document .print-pacifier p {
    height: 100vh;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qweri-document .print-pacifier p.hide {
    display: none;
}


/* *********************************** */
/* ****** Emprunts de Bootstrap ****** */
/* ***** sans importer Bootstrap ***** */

/* Little modification for clearfix, when only the after portion of the fix is needed */
.clearfixAlt:after {
	display: table;
	content: "";
	clear: both;
}
/* ****** Emprunts de Bootstrap ****** */
/* *** sans importer Bootstrap FIN *** */
/* *********************************** */