html, body { height: 100%; }

h1 {
    margin:10px auto 20px auto;
}

/* Loading element */
#loading {
    position: absolute;
    z-index: 2000;
    background: black;
    opacity: .75;
    width: 100%;
    height: 100%;
    display: none;
}
#loading .container {
    position: absolute;
    top:25%;
    left:50%;
    width:auto;
}
#loading .spinner-border.spinner-border-first {
    position: absolute;
    /*left: 50%;
    top: 50%;*/
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}
#loading .spinner-border.spinner-border-second {
    position: absolute;
    /*left: 50%;
    top: 50%;*/
    width: 94px;
    height: 94px;
    margin-left: -47px;
    margin-top: -47px;
    border-width: 1em;
}
#loading .spinner-grow {
    position: absolute;
    /*left: 50%;
    top: 50%;*/
    width: 4rem;
    height: 4rem;
    margin-left: -2rem;
    margin-top: -2rem;
}
#loading .loading-text {
    position: absolute;
    margin-top: 4rem;
    width: 300px;
    margin-left:-150px;
    /*top: 50%;
    left: 0;*/
}
body .wrapper.blur {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

input:disabled {
    cursor: not-allowed;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

.body-content, .footer-area {
    padding-left: 15px;
    padding-right: 15px;
}

.body-content { padding-bottom: 72px; }

.footer-area {
    width:100%;
    /*position:absolute;*/
    bottom:0;
    left:0;
}

label.required:after {
    content: " *";
    color: red;
}

.dashed {
    border-bottom: 1px dashed #e9e9e9;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

#content {
    margin-top:20px;
}

.clear {
    clear:both;
}

#actions-menu ul {
    list-style-type: none;
    margin-top: 4em;
}

#actions-menu ul li {
    margin-top:1em;
}

#actions-menu ul li:first-child {
    margin-top: auto;
}
#returnToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #555; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 15px; /* Increase font size */
}

#returnToTop:hover {
    background-color: #777; /* Add a dark-grey background on hover */
}

.checkbox-lg {
    width: 1.5em;
    height: 1.5em;
}

.slider .tooltip-main {
    opacity: .5;
}

.slider.slider-horizontal {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.slider.slider-horizontal .slider-tick-label {
    vertical-align: middle;
}

.slider.slider-horizontal .slider-tick-label:nth-child(even) {
    margin-top: -100px;
}

.satisfaction-patient h3 {
    font-size: 1.2rem;
}

.satisfaction-patient h4 {
    font-size: 1.1rem;
}

#form_visite_patient .form-group {
    position: relative;
}

#form_visite_patient #clinique .audit-trail-button {
    position: absolute;
    left: -10px;
    top: 25px;
}

#form_visite_patient #biologie .audit-trail-button {
    position: absolute;
    left: -10px;
    top: 5px;
}

/* Modification couleurs hover + active nav-pills */
/* Généralités */
.nav-pills .nav-link.active.nav-generalites,
.nav-pills .show > .nav-link.nav-generalites {
    background-color: #daebfd;
}
/* Satisfaction début */
.nav-pills .nav-link.active.nav-spd,
.nav-pills .show > .nav-link.nav-spd {
    background-color: #e6f2f5;
}
/* Visites */
.nav-pills .nav-link.active.nav-visites,
.nav-pills .show > .nav-link.nav-visites {
    background-color: #e6f5e9;
}
/* Evénements indésirables */
.nav-pills .nav-link.active.nav-ei,
.nav-pills .show > .nav-link.nav-ei {
    background-color: #f5e4e5;
}
/* Satisfaction */
.nav-pills .nav-link.active.nav-sm,
.nav-pills .show > .nav-link.nav-sm,
.nav-pills .nav-link.active.nav-sp,
.nav-pills .show > .nav-link.nav-sp {
    background-color: #daebfc;
}
/* FIN modification couleurs hover + active nav-pills */

/* Sous-menu bootstrap */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* FIN sous-menu bootstrap */

/* Modal plein écran */
.modal.modal-fullscreen {
    padding: 0 !important;
}

.modal.modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.modal.modal-fullscreen .modal-body {
    overflow-y:auto;
}
/* FIN Modal plein écran */

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}