/* Banner */
.banner-wrapper {
    height: 60px;
/*     background: #494748; */
    background: rgb(73,71,72); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(73,71,72,1) 0%, rgba(61,59,61,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,71,72,1)), color-stop(100%,rgba(61,59,61,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(73,71,72,1) 0%,rgba(61,59,61,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(73,71,72,1) 0%,rgba(61,59,61,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(73,71,72,1) 0%,rgba(61,59,61,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(73,71,72,1) 0%,rgba(61,59,61,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494748', endColorstr='#3d3b3d',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    padding: 2px 20px;
    font-size: 12px;
}
.banner-wrapper .user-name-wrapper {
    float: right;
    text-align: right;
    margin: 10px 0;
}
.banner-wrapper .user-name-wrapper .sb-image-profil {
    float: right;
    margin-left: 8px;
}
.banner-wrapper .user-name-wrapper a {
    text-decoration: none;
    display: block;
    color: #FFF;
}
.banner-wrapper .user-name-wrapper a.logout {
    float: right;
}
.banner-wrapper .wrapper-logo img { width: 180px; }
.notification-center {
    float: right;
    color: #555555;
    margin: 11px;
}
.notification-center a[data-counter]:after {
    content: attr(data-counter);
    display: block;
    position: absolute;
    top: -2px; right: -2px;
    width: 15px; height: 15px;
    border-radius: 50%;
    background: #d8544a;
    font-size: 11px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.notification-center a.icon-notif {
    position: relative;
    font-size: 28px;
    color: #999;
    border: none;
    top: 4px;
}
.notification-center a.icon-notif:hover, .notification-center a.icon-notif.active {
    color: #FFF !important;
}
.notification-center .notif-toggle { position: relative; }
.notification-center .toogle-container-notif:before {
    content: "";
    top: -10px; right: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
}
.notification-center .toogle-container-notif {
    border-radius: 4px;
    background: #eee;
    position: absolute;
    width: 350px;
    z-index: 10;
    right: -7px; top: 47px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    border-radius: 3px;
    border: 1px solid rgba(100, 100, 100, .4);
}
.notification-center .toogle-container-notif .toggle-header {
    background: #FFF;
    border-radius: 3px 3px 0 0;
    padding: 7px 10px;
    font-family: 'droid-bold';
    border-bottom: 1px solid #ddd;
}
.notification-center .toogle-container-notif .toggle-content {
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
}
.notification-center .toogle-container-notif .toggle-content .one-notification {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.notification-center .toogle-container-notif .toggle-content .one-notification:last-child { border-bottom: none; }
.notification-center .toogle-container-notif .toggle-content .one-notification .title {
    font-family: 'droid-bold';
    margin-bottom: 2px;
    font-size: 12px;
}
.notification-center .toogle-container-notif .toggle-content .one-notification .title .new {
    color: #d8544a;
    float: right
}
.notification-center .toogle-container-notif .toggle-content .one-notification .description {
    font-size: 10px;
    padding-left: 14px;
}
.notification-center .toogle-container-notif .toggle-content .one-notification .watch-sb-demo {
    float: right;
    margin-top: 3px;
    color: #009fe3;
    text-decoration: none;
    font-size: 10px;
}
.notification-center .toogle-container-notif .toggle-content .one-notification .watch-sb-demo:hover {

}
.notification-center .toogle-container-notif .toggle-content .one-notification:after {
    content: "";
    display: block;
    clear: both;
}
.notification-center .toogle-container-notif .toggle-footer {
    background: #FFF;
    border-radius: 0 0 3px 3px;
    padding: 10px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.notification-center .toogle-container-notif .toggle-footer a {
    color: #555;
    font-family: 'droid-bold';
    text-decoration: none;
}
.notification-center .toogle-container-notif .toggle-footer a:hover {
    text-decoration: underline;
}
.simplerdv-logo img { width: 130px; }
@media (max-width: 992px) {
    .banner-wrapper { position: fixed; z-index: 2; top: 0; left: 0; right: 0; }
    .simplerdv-logo {
        float: right;
    }
}
/* Mobile Button */
button.mobile-menu {
    background: none;
    border: none;
    float: left;
    position: relative;
    right: 10px;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#space-user button.mobile-menu { display: none; }
button.mobile-menu:hover {
    background: rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.1);
}
button.mobile-menu:focus, button.mobile-menu:active {
    outline: none;
}
button.mobile-menu .mobile-menu-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #FFF;
}
button.mobile-menu .mobile-menu-bar+.mobile-menu-bar {
    margin-top: 4px;
}
/* Navigation */
.admin-navigation-wrapper {
    background: #eeeeee;
    color: #555555;
    font-size: 12px;
    position: absolute;
    top: 60px; left: 0; bottom: 0;
    padding: 0;
}
.admin-navigation-wrapper #choice-administration-doctor {
    margin-top: 10px;
}
.admin-navigation-wrapper #choice-administration-doctor label {
    font-family: 'droid-bold';
    padding-left: 15px;
    margin-bottom: 2px;
    display: block;
    /* Temporaire */
    font-size: 14px;
}
.admin-navigation-wrapper #choice-administration-doctor .select-doctor {
    background: rgba(0,0,0,0.05);
/*     cursor: pointer; */
    border-left: 3px solid #0088d2;
    padding: 5px 10px;
}
.admin-navigation-wrapper #choice-administration-doctor .select-doctor .name {
    font-size: 16px;
    margin-left: 5px;
}
.admin-navigation-wrapper #choice-administration-doctor .select-doctor span, .admin-navigation-wrapper #choice-administration-doctor .select-doctor div {
    display: inline-block;
    vertical-align: middle;
}
.admin-navigation-wrapper #choice-administration-doctor .select-doctor .sb-glyph {
    float: right;
    margin: 6px;
    color: #999;
}
.admin-navigation-wrapper ul.navigation {
    margin-top: 10px;
}
.admin-navigation-wrapper ul.navigation li {
    list-style: none;
}
.admin-navigation-wrapper ul.navigation li a {
    display: block;
    text-decoration: none;
    font-family: 'droid-bold';
    padding: 7px 15px;
    color: #555555;
}
.admin-navigation-wrapper ul.navigation li a .sb-glyph {
    margin-right: 8px;
    font-size: 14px;
}
.admin-navigation-wrapper ul.navigation li a:hover, .admin-navigation-wrapper ul.navigation li a.selected {
    color: #0088d2;
    position: relative;
}
@media (min-width: 992px) {
    .admin-navigation-wrapper ul.navigation li a.selected:after, .admin-navigation-wrapper ul.navigation li a.selected:before {
        content: "";
        display: block;
        position: absolute;
        right: -7px;
        top: 9px;
        width: 14px;
        height: 14px;
        z-index: 1;
        background: #FFF;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    .admin-navigation-wrapper ul.navigation li a.selected:before { z-index: 2; }
    #space-account.page-patients .admin-navigation-wrapper ul.navigation li a.selected:before { background: #fcfcfc; }
    .admin-navigation-wrapper ul.navigation li a.selected:after {
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
           -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
            -ms-box-shadow: 0 0 5px rgba(0,0,0,0.4);
             -o-box-shadow: 0 0 5px rgba(0,0,0,0.4);
                box-shadow: 0 0 5px rgba(0,0,0,0.4);
                z-index: 1;
    }
}
.nav-bottom {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

/* Mobile navigation menu */
#space-account .mobile-navigation {
    position: fixed;
    z-index: 1000;
    top: 60px; bottom: 0;
    overflow: hidden;
    background: #494748;
    width: 240px;
    left: -240px;
}
#space-account .mobile-navigation ul li a {
    display: block;
    color: #fff;
    padding: 15px;
    text-decoration: none;
    font-size: 14px;
}
#space-account .mobile-navigation ul li a .sb-glyph { margin-right: 10px; }
#space-account .mobile-navigation ul li a.selected, #space-account .mobile-navigation ul li a:hover {
    background: #009fe3;
}
/* Content inner */
.content-inner-wrapper  {
    background: #FFF;
    z-index: 1;
    right: 0; bottom: 0;
}
@media (min-width: 992px) {
    .content-inner-wrapper {
        position: absolute;
        top: 60px;
        overflow-x: auto;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
           -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
            -ms-box-shadow: 0 0 5px rgba(0,0,0,0.4);
             -o-box-shadow: 0 0 5px rgba(0,0,0,0.4);
                box-shadow: 0 0 5px rgba(0,0,0,0.4);
    }
}
@media (max-width: 992px) {
    .content-inner-wrapper {
        top: 60px;
    }
    body.page-patients .content-inner-wrapper { top: 127px; }
}
#space-account:not(.page-patients) .content-inner-wrapper,
#space-backoffice .content-inner-wrapper {
    padding-top: 15px;
}
/* Modal Add Patient */
#add-patients .content-sb-modal, #pw-update .content-sb-modal {
    text-align: left;
    width: 520px;
}
#search-patients {
    position: absolute;
    top: 17px;
    left: 80px;
}
#pw-updater input{
    width: 220px;
    font-size: 16px;
    height: 25px;
    margin: 5px;
    padding: 2px;
    border-radius: 3px;
}

#space-platform p.has-account { margin-bottom: 5px; }
/* Page Home */
.platform .sb-loader { top: 20px; }

/* Page appointment-reservation */
#space-reservation .platform-appointment .content-wrapper-space { margin-top: 30px; }
#space-reservation .platform-appointment .appointment-information h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
#space-reservation .platform-appointment .appointment-information ul { margin-bottom: 25px; padding-left: 15px; }
#space-reservation .platform-appointment .appointment-information ul#account-infos {
    margin-bottom: 0;
}
#space-reservation .platform-appointment .appointment-information ul li {
    padding: 5px 0;
    font-size: 14px;
}
#space-reservation .platform-appointment .appointment-information ul li .sb-image-profil {
    height: 76px;
}
#space-reservation .platform-appointment .appointment-information ul li .sb-image-profil img {
    width: 70px;
    height: 70px;
}
#space-reservation .platform-appointment .appointment-information ul li .sb-glyph { margin-right: 5px; width: 20px }
#space-reservation .platform-appointment .appointment-information ul li .sb-glyph-map-marker { float: left; }
#space-reservation .platform-appointment .appointment-information ul li span { vertical-align: top;}
#space-reservation .platform-appointment .appointment-information ul li span.map-address { display: inline-block; }
#space-reservation .platform-appointment .appointment-information #map-canvas { min-height: 200px; border: 2px solid #009fe3; }

#space-reservation .platform-appointment .identification-path { margin-bottom: 0; }
#space-reservation .platform-appointment .identification-path ul.path-ariane { margin-bottom: 20px; border-bottom: 1px solid #ccc; position: relative; bottom: 20px; }
#space-reservation .platform-appointment .identification-path ul.path-ariane li {
    text-align: center;
    padding: 20px 0;
    border-top: 6px solid transparent;
}
#space-reservation .platform-appointment .identification-path ul.path-ariane li.current-step {
    font-family: 'droid-bold';
    color: #009fe3;
    border-top: 6px solid #009fe3;
}

#space-reservation.page-selection .platform-appointment .identification-path-step-container p { margin-bottom: 15px; }
#space-reservation .platform-appointment .identification-path p.question { margin-bottom: 10px; font-family: 'droid-bold'; }
    /* Step 1 */
#space-reservation.page-identification .platform-appointment .identification-path .step-1 .initial-question { margin-bottom: 25px; }
#space-reservation.page-identification .platform-appointment .identification-path .step-1 .initial-question .sb-form-group { margin-bottom: 0;}
#space-reservation.page-identification .platform-appointment .identification-path .step-1 .initial-question .sb-form-group input { margin-right: 5px; }
#space-reservation.page-identification .platform-appointment .identification-path .step-1 .initial-question .sb-form-group label { font-family: 'droid-regular'; }
#space-reservation.page-identification .platform-appointment .identification-path .step-1 .content-form .sb-row { margin-bottom: 0; }
#space-reservation.page-identification .platform-appointment .identification-path .step-1 .sb-form-group { clear: none; }

    /* Step 3 */
#space-reservation.page-validation .platform-appointment .identification-path .step-3 p.email { margin: 5px 0 15px 0; }
#space-reservation.page-validation .identification-path .step-3 label { text-align: left; }
#space-reservation.page-validation .identification-path .step-3 a.code-not-sent { display: block; }

    /* Step 4 */
#space-reservation.page-confirmation .identification-path .step-4 { text-align: center; padding-bottom: 30px; }
#space-reservation.page-confirmation .identification-path .step-4 .confirm-reservation-message {
    font-size: 18px;
    color: #3aaa35;
    margin-bottom: 15px;
}
#space-reservation.page-confirmation .identification-path .step-4 .confirm-reservation-message .sb-glyph {
    font-size: 30px;
    margin-right: 10px;
    vertical-align: bottom;
}

/* Page Calendar */
#space-account.page-cal .sb-button-group { margin-bottom: 15px; }
#space-account.page-cal #btn-radio { margin-top: 15px; }
#space-account.page-cal .sb-row.content-calendar { margin-bottom: 0; }
#space-account.page-cal .sb-checkbox-recurence p:nth-child(3) { padding: 20px 0; }
#space-account.page-cal .button-justified { width: 100%; }

/* Box assignation patient */
#space-account.page-cal #assign-step #patients-list { background: #FFF; }
#space-account.page-cal #assign-step #patients-list .patient-list-action .insert-new-patient { padding-left: 15px; }
#space-account.page-cal #assign-step .assignation-method:first-child { border-right: 1px solid #bbb; }
#space-account.page-cal #assign-step .assignation-method { margin-bottom: 20px }
#space-account.page-cal #assign-step .assignation-method p.instruction { margin-bottom: 15px; text-align: left;}
#space-account.page-cal #assign-step .assignation-method button { width: 100%; height: 35px; }
/* SideBar */
#space-account.page-cal #container_sidebar {
    position: absolute;
    top: 0; bottom: 0; right: 0;
    background-color: #eeeeee;
    -webkit-box-shadow: inset 2px 0 5px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 2px 0 5px rgba(0,0,0,0.1);
        -ms-box-shadow: inset 2px 0 5px rgba(0,0,0,0.1);
         -o-box-shadow: inset 2px 0 5px rgba(0,0,0,0.1);
            box-shadow: inset 2px 0 5px rgba(0,0,0,0.1);}
#space-account.page-cal #container_sidebar h3 {
    margin-top: 15px;
    margin-left:5px;
}
#space-account.page-cal #container-sidebar .sb-line {
    border-bottom: #eeeeee 1px solid;
}
#space-account.page-cal .container-sections .sb-btn {
    white-space: normal;
}
#space-account.page-cal .sb-button-group label span {
    width: 25%;
}
#space-account.page-cal .sb-button-group label {
    text-align: left;
}
#space-account.page-cal .sb-glyph-remove {
    color: transparent;
}
#space-account.page-cal .active,
#space-account.page-cal .active:hover,
#space-account.page-cal .active:active {
    color: #0087d2;
}
#space-account.page-cal .square {
    width: 7px; height: 7px;
    display: inline-block;
    vertical-align: middle;
}

#space-account.page-cal .blue { background-color: #0087d2; }
#space-account.page-cal .green { background-color: #3aaa35; }
#space-account.page-cal .orange { background-color: #eb5b0c; }

#space-account.page-cal .container-sections { padding: 15px 0; }
#space-account.page-cal .container-sections h6 { margin-bottom: 7px; }
#space-account.page-cal .container-sections p { padding: 5px; }
#space-account.page-cal .container-legend { padding: 10px 0; }
#space-account.page-cal .legend { display: inline; padding: 5px; white-space: nowrap; }
/* Page RDV */
#space-account.page-rdv .no-event { padding: 30px; }
#space-account.page-rdv .day-group { padding-top: 15px; margin-bottom: 20px;}
#space-account.page-rdv .margin-cells { margin-bottom: 0; }
#space-account.page-rdv .rdv-date button { margin: 0 3px; }
#space-account.page-rdv #cell-rdv { line-height: 23px; }
#space-account.page-rdv .hour { padding-left: 10px; }
#space-account.page-rdv p.day-title { padding-bottom: 10px; }
#space-account.page-rdv #patient-infos .sb-counter { width: 100% !important; }
#space-account.page-rdv #patient-infos .sb-counter span { display: inline-block; }
#space-account.page-rdv #patient-infos .sb-counter span:nth-child(2) { margin-left: 10px; }
/* [Medecin] Liste Patients */
#space-account button .sb-glyph { margin-right: 5px; }
#space-account.page-patients #patients-list { background: #fcfcfc; border-right: 1px solid #bbb; padding: 0; }
#space-account.page-patients #patients-list { position: absolute; top: 0; bottom: 0;  }
#space-account.page-patients #patients-list .patient-list-action { padding: 20px 10px 0 10px; }
#space-account #patients-list .patient-list-action button { width: 100%; margin-bottom: 10px; text-align: left; }
#space-account #patients-list .patient-list-action button .sb-glyph { font-size: 1.1em; }
#space-account.page-patients #patients-list ul li {
    display: none;
    list-style: none;
    padding: 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
}
#space-account.page-patients #patients-list ul li { display: block;
}
#space-account #patients-list ul li .sb-image-profil { vertical-align: middle; margin-right: 5px; }

@media (max-width: 1240px) {
    #space-account #patients-list ul li .sb-image-profil {
        display: none;
    }
}
@media (max-width: 992px) {
    #space-account #patients-list ul li .sb-image-profil {
        display: inline-block;
    }
}

#space-account.page-patients #patients-list ul li.selected {
    background: #fff;
    border-color: #bbb;
    color: #009fe3;
    position: relative;
}
#space-account.page-patients #patients-list ul li:hover {  background: #fff; cursor: pointer; border-color: #bbb;}

#space-account #patient-container {
    position: relative;
    padding: 20px;
}
#space-account #patient-container #patient-infos {
    padding: 0 20px;
}
#space-account #patient-card h3 {
    margin-bottom: 30px;
}
#space-account #patient-noinfo {
    background: #ffffff;
    padding-top: 70px;
    height: 200px;
    line-height: 2;
    top: 100px;
    left: 15px; right: 15px;
}
#space-account .counter-inline {
    display: inline-block;
    padding-left: 10px;
}
#space-account .sb-searchbox, #space-account .insert-new-patient { padding: 0; }
#space-account.page-patients #btn-add-note {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
/* Filter result mobile */
#space-account #patients-list .sb-result-autocompletion.mobile {
    display: none;
    position: fixed;
    z-index: 1;
    background: #fcfcfc;
    top: 126px; bottom: 0; left: 0; right: 0;
    overflow: auto;
}
#space-account #patients-list .sb-result-autocompletion.mobile ul li { padding: 15px; }
#space-account .sb-panel .sb-panel-heading { position: relative; }
#space-account.page-patients .filter-patient.mobile li small { font-size: 13px; }
@media (max-width: 992px) {
    #space-account #patient-timeslots, #space-account #patient-notes { margin-bottom: 30px; }

    /* Nav filter */
    #space-account.page-patients #patients-list {
        position: fixed;
        z-index: 2;
        top: 60px; left: 0; width: 100%; height: 67px;
        border-bottom: 1px solid #bbb;
    }
    #space-account .insert-new-patient { padding-left: 15px; }
    #space-account #patients-list .insert-new-patient button { text-align: center; padding: 7.5px 12px;}
    #space-account.page-patients #patients-list .patient-list-action { padding: 15px 15px 0 15px; }
    #space-account #patients-list .patient-list-action .sb-form-group { clear: none; }
}

@media (min-width: 992px) {
    #space-account #patients-list { height: inherit; border-bottom: none; }
    #space-account #patients-list ul {
        display: block;
        overflow-y: auto;
    }
    #space-account.page-patients #patients-list ul {
        position: absolute;
        top: 120px;
        left: 0; right: 0; bottom: 0;
    }
    #space-account #patient-card {
        top: 0;
    }
}

/* Panel Rendez-vous & Note */
@media (min-width: 992px) {
    #space-account .sb-panel { overflow: hidden; }
    #space-account .sb-panel .sb-panel-heading { position: relative; z-index: 1; border-bottom: 1px solid #bbb; }
    #space-account .sb-panel .sb-panel-body { overflow-x: auto; }

    #space-account #patient-notes .sb-panel-body { height: 250px; }
    #space-account #patient-notes .sb-panel-body .note-view { height: 137px; }
}

#space-account #patient-notes .one-note {
    padding: 10px;
    font-size: 12px;
    background: #FFF;
}
#space-account #patient-notes .one-note .date {
    display: block;
    margin: 5px 5px 10px;
}
#space-account.page-patients .btn-adjust {
    margin-left: 12px;
}
#space-account.page-patients .line {
    border-bottom: 1px solid #eee;
    margin-top: 0;
}
#space-account.page-patients .nav-note {
    color: #9C9C9C;
    line-height: 24px;
}
#space-account.page-patients .nav-note a {
    color: #9C9C9C;
    text-decoration: none;
}
#space-account.page-patients .nav-note a {
    padding: 0 5px;
}
#space-account.page-patients .nav-note a:hover {
    color: #555;
}
#space-account.page-patients .note-view {
    min-height: 70px;
    padding-top: 10px;
}
#space-account.page-patients .glyph-height {
    line-height: 17px;
    margin-right: 15px;
}
#space-account.page-patients .sb-panel-body {
    height: 250px;
}
/* Page aide et support */
.page-support .support-body-panel p {
    padding: 5px 0;
    color: #555;
}
.page-support .intro-text {
    padding: 20px 0 20px 0;
    line-height: 1.73;
}
.page-support .support-user {
    color: #b93a30;
}
.page-support .support-reply {
    color: #0088d2;
}
.page-support .top-text {
    padding-top: 10px;
}
.page-support .line {
    margin: 10px;
    border-bottom: 1px solid #bbb;
}
.page-support .top-panel {
    margin-top: 10px;
}
.page-support .support-panel {
    max-width: 800px;
    margin: 50px auto 15px auto;
}
.page-support .support-body-panel {
    padding: 20px 40px;
}
.page-support .support-title-panel {
    padding-right: 10px;
}
.page-support .support-textarea {
    min-height: 200px;
}

/* [Medecin] Page configuration */
#space-account.page-config .content-action-button { text-align: right; }
#space-account.page-config .config-section { position: relative; margin-bottom: 40px; }
#space-account.page-config .config-section button { position: absolute; right: 0; z-index: 1;}
#space-account.page-config .config-section .sb-form-group { margin-bottom: 7px !important;}
#space-account.page-config .config-section .sb-form-group label { text-align: left !important; }
#space-account.page-config #account-config .sb-image-profil-content { height: 96px; width: 96px; }

/* [Patient] Compte Patient */
#space-user .container-fluid-width {
    max-width: 1000px;
    margin: 60px auto auto auto;
}
#space-user.page-rdv-user .bg-rdv {
    background: #f5f5f5;
    border: 1px solid #bbbbbb;
    min-height: 400px;
}
#space-user.page-rdv-user .visible-md {
    display: block !important;
    max-width: 1px;
    height: 100%;
    background: #bbbbbb;
}
#space-user.page-rdv-user .title-center {
    padding: 20px 0;
}
#space-user.page-rdv-user .container-medecins {
    padding: 10px;
}
#space-user .content-tab {
    padding: 20px 15px;
    overflow: hidden;
}
#space-user.page-rdv-user .bg-rdv {
    overflow-y: auto;
    max-height: 400px;
}
#space-user.page-rdv-user .btn-rdv-patient {
    margin: 20px auto;
    width: 250px;
    display: block;
}
#space-user.page-rdv-user .panel {
    border: 1px solid #bbbbbb;
    margin: 10px 20px;
}

.btn-fixed {
    position: relative;
    bottom: 0; left: 30%;
}
#space-user.page-doctors .line {
    margin: 20px auto 15px;
}
#space-user.page-doctors .user-doctor-name {
    margin-bottom: 25px;
    text-indent: 85px;
}
#space-user.page-doctors .user-doctor-spe {
    color: #bbb;
    margin-left: 10px;
}
#space-user.page-doctors .map-canvas {
    width: 100%;
    height: 163px;
    overflow: hidden;
    border: 1px solid #eeeeee;
}
.container-info {
    min-height: 20px;
    margin-bottom: 15px;
}
.container-info button, .container-info a {
    width: 80%;
    margin-top: 10px;
}
.sb-counter-numbers {
    font-size: 37px;
}
#space-user .sb-counter-legend {
    margin-top: 10px;
    line-height: 1.42857143;
}

/* Page prise RDV / Info medecin */
#space-user.page-rdv-user .link-doc:hover {
    color: #0b5c7e;
}
#space-user.page-rdv-user .user-actions {
    clear: both;
    width: 100%;
    margin-top: 10px;
}
#space-user.page-rdv-user .btn-info-doc {
    margin-left: 20px;
    float: left;
}
#space-user.page-rdv-user .user-info-doc {
    padding-left: 10px;
    line-height: 16px;
    margin-bottom: 3px;
}
#space-user.page-rdv-user .sb-timeslot-view {
    padding: 0;
}

/* Appointments tab */
#space-account .rdv-date {
    padding: 3px 0 3px 10px;
}

/*************************************/
/************* Platforme *************/
/*************************************/
html, body{
    height: 100%;
}
 {
    height: 100%;
}
.platform #homepage-container {
    height: 100%;
}
.platform #homepage-container header {
    background: #FFF;
    height: 90px;
    padding: 4px 30px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
        -ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);
         -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.platform #homepage-container header .wrapper-log-in {
    float: right;
    margin: 25px;
}
.platform #homepage-container header .wrapper-log-in div {
    display: inline-block;
}
.platform #homepage-container header .wrapper-log-in .btn-administrator-simplerdv { margin: -18px 10px 0 0; }
.platform #homepage-container header .wrapper-log-in .btn-administrator-simplerdv a {
    display: block;
}
.platform #homepage-container header .wrapper-log-in a:first-child {
    margin-bottom: 3px;
}
.platform #homepage-container .callback-header {
    float: right;
    margin: 27px 40px;
    font-size: 20px;
}
.platform #homepage-container .callback-header .sb-glyph { top: 4px; }
.platform #homepage-container .wrapper-title {
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    padding: 30px;
    background: rgba(0,0,0,0.08);
}
.platform #homepage-container .wrapper-title h1 {
    margin: inherit;
    font-size: 45px;
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .platform #homepage-container .wrapper-title h1 { font-size: 35px; margin-bottom: 10px; }
    .platform #homepage-container .wrapper-title h2 { font-size: 22px; margin-bottom: 0; }
    .platform #homepage-container header { padding: 5px 10px 15px 20px; }
}
.platform .sb-container-fluid .sb-row:after { content: ""; display: block; clear: both; }
.platform .wrapper-patient, .platform .wrapper-witch { text-align: center; }
.platform .login-btn {
    padding: 10px 20px;
    width: 80%;
    border-radius: 0px;
}
.platform .wrapper-space p { font-size: 15px; color: #555555; margin: 20px 0;}
.platform .btn-wrapper { margin: auto; padding: 10px 0; }
.platform .content-wrapper-space {
    vertical-align: middle;
    background: #FFF;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
       -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
        -ms-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
         -o-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
            box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5);
    line-height: normal;
}
.platform .content-wrapper-space:after {
    content: "";
    display: block;
    clear: both;
}
.platform #homepage-container .wrapper-step-container {
    margin: 0;
}
.platform #homepage-core-container {
    background: url(../images/back.png) repeat;
    background-size: cover;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -190px;
}
.platform #footer-push {
    height: 190px;
}
.platform div.main-row { margin-left: 0; margin-right: 0; }
.platform #homepage-container #footer {
    padding: 24px 30px;
    height: auto;
    margin: 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
        -ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);
         -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: #05435E;
    color: #FFF;
}
.platform #homepage-container #footer img.footer-logo {
    width: 140px;
}
.platform #homepage-container #footer > div,
.platform #homepage-container #footer footer {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #bbb;
}
.platform #homepage-container #footer footer.contact { margin-bottom: 0; border-bottom: 0; }

@media (min-width: 992px) {
    #main-container { height: 100%; }
    .platform #homepage-container { position: relative; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .platform #homepage-container #footer div.newsletter { margin-bottom: 0; border-bottom: 0; }
}
.platform #choices-container button {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .platform #homepage-container #footer > div,
    .platform #homepage-container #footer footer {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .platform .content-wrapper-space { margin-top: 60px; margin-bottom: 60px; }
}

.platform #homepage-container #footer div.concept p {
    font-size: 11px;
    text-align: justify;
    line-height: 1.45;
}
.platform #homepage-container #footer div.newsletter p {
    margin-bottom: 10px;
}
.platform #homepage-container #footer div.newsletter input { border-color: transparent; }
.platform #homepage-container #footer div.newsletter input[type="submit"]{
    padding: 7.5px 12px;
}
.platform #homepage-container #footer footer.contact p {
    font-size: 17px;
}
.platform #homepage-container #footer footer.contact p.number {
    margin-top: 10px;
}
#space-user.page-doctors .size-icon,
#space-user.page-doctors .text-info-doc-user {
    font-size: 15px;
}
#space-user.page-doctors .size-nmbers {
    font-size: 23px;
    line-height: 30px;
}
#space-user.page-doctors .size-icon {
    line-height: 20px;
}

/* Patient view - mes rdv */
#space-user.page-rdv-user .no-event {
    padding: 10px;
}
#space-user.page-rdv-user p.sb-status {
    text-align: right;
    width: 100px;
}
/* 404 */
section#page_404 {
    background: url(../images/back.png) repeat;
    background-size: cover;
    height: 100%; width: 100%;
    position: fixed;
    text-align: center;
    font-family: 'droid-regular';
}
section#page_404 .content-404 {
    margin-top: 60px;
    color: #FFF;
}
section#page_404 .content-404 .logo {
    margin-bottom: 40px;
}
section#page_404 .message-404 {
    background: rgba(0,0,0,0.2);
    padding: 20px 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
section#page_404 .message-404 h1 {
    margin: 0 0 15px 0;
}
section#page_404 .message-404 h1 span {
    font-size: 100px;
    display: inline-block;
    vertical-align: bottom;
    font-family: 'droid-bold';
}
section#page_404 .message-404 h1 pre {
    font-family: 'droid-regular';
    font-size: 25px;
    display: inline-block;
}
section#page_404 .redirect-home { margin: 20px; }
section#page_404 .redirect-home a { padding: 9px 45px; }
/*************************************/
/********* Backoffice ****************/
/*************************************/
body#space-backoffice #backoffice-login {
    width: 25%;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px;
    background-color: #f0e7e7;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
        -ms-box-shadow: 0 0 5px rgba(0,0,0,0.4);
         -o-box-shadow: 0 0 5px rgba(0,0,0,0.4);
            box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

body#space-backoffice table tr span {
    cursor: pointer;
}
body#space-backoffice.page-accounts a.edit,
body#space-backoffice.page-accounts a.infos,
body#space-backoffice a.back-button {
    text-decoration: none;
    color: #555;
}
body#space-backoffice a.back-button {
    font-size: 30px;
}
body#space-backoffice.page-accounts a.edit:hover, body#space-backoffice.page-accounts a.infos:hover {
    text-decoration: underline;
}