/*
body {
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px;
}
*/
header, main, footer {
    padding-left : 300px;
}

@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left : 0;
    }
}

md-sidenav, md-sidenav.md-locked-open, md-sidenav.md-closed.md-locked-open-add-active {
    min-width : 200px !important;
    width     : 50vw !important;
    max-width : 200px !important;
    position  : relative;
}

.side-nav .user-view, .side-nav .userView {
    position      : relative;
    padding       : 5px 32px 0;
    margin-bottom : 8px;
}

.side-nav .user-view .background, .side-nav .userView .background {
    overflow : hidden;
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
    z-index  : -1;
}

.table-paginator a,
.table-paginator .current {
    padding         : 6px;
    margin          : 0 4px;
    text-decoration : underline;
}

.table-paginator .current {
    font-style      : italic;
    text-decoration : none;
    font-weight     : bold;
}

ul.adresses {
    padding : 0px;
}

li.adresseBlock {
    list-style-type : none;
    border-style    : solid;
    padding         : 20px;
    margin          : 5px;
    border-width    : 2px;
}

/* Nouveaux styles à reporter sur le arg base */
/*
ul li{
    list-style-type:none;
}
*/

.context-bar .context-bar-right {
    text-align : right;
}

ul .text {
    line-height : 33px;
}

ul.values {
    padding-left : 0;
}

.actionButtonsTable {
    text-align : right;
    width      : 20px;
}

.actionButtonsTable input {
    display : none;
}

.actionButtonsTable a, .actionButtonsTable form {
    display : inline-block;
    width   : 15px;
    margin  : 0 2px;
}

.card-note .left i.mdi {
    color          : #009EE2;
    border         : solid 2px #009EE2;
    border-radius  : 50px;
    /* text-align: center; */
    vertical-align : middle;
    line-height    : 46px;
    text-align     : center;
    width          : 50px;
    height         : 50px;
    font-size      : 26px;
    display        : block;
}

.note-amount {
    font-size   : 1.7em;
    color       : gray;
    font-weight : 300;
    padding     : 5px;
}

.card-note .middle .value {
    font-size : 1.2em;
}

.card-note .users {
    font-size   : 0.8em;
    font-weight : 300;
}

.card-note .guests {
    font-size   : 0.8em;
    font-weight : 300;
}
.d-none{
    display: none!important;
}
/* ==========================================================================
   Cedric - 22/08 => Full Callendar
   ========================================================================== */

.tooltiptopicevent {
    color         : black;
    border-radius : 3px;
    width         : 400px;
    position      : absolute;
    z-index       : 10001;
    padding       : 16px;
    background    : white;
    box-shadow    : 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.tooltiptopicevent > div {
    position : relative;
}

.modal-header .modalFc-title {
    font-size : 2em;
}

.modal-header .pull-right {
    margin-top : 5px;
    font-size  : 1.2em;
}

.modal-header .pull-right i {
    margin-right : 10px;
    font-size    : 20px;
}

.modal-body .modalFc-agenda, .modal-body .modalFc-tiers {
    display         : flex;
    justify-content : space-around;
    flex-wrap       : wrap;
}

.modal-body .modalFc-agenda div:first-child {
    margin-right : 15px;
}

.modal-body .modalFc-agenda div {
    margin    : 0 20px;
    flex      : 1;
    min-width : 180px;
}

.modal-body .modalFc-options input {
    width : 150px;
}

.modal-body .modalFc-options .modalFc-icon {
    display     : flex;
    align-items : center;
}

.modal-body .modalFc-options .modalFc-icon i {
    width : 25px;
}

.modal-footer .modalFc-more {
    background : white;
}

.modal-footer .modalFc-more a {
    color : initial;
}

.modal-footer .modalFc-more .legitRipple-ripple {
    background : rgba(0, 0, 0, 0);
}

.btn-rounded_2 {
    border-radius : 100px;
    width         : 40px;
    height        : 40px;
    font-size     : 20px;
    padding       : 0;
}

.btn-rounded_2:hover {
    color : #fff;
}

.btn-rounded_2 i {
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    text-shadow : none;
}

#tooltip_header {
    min-height : 130px;
    color      : white;
    margin     : -16px -16px 0 -16px;
    padding    : 40px 15px 20px 15px;
    position   : relative;
}

#tooltip_title {
    font-size   : 24px;
    position    : absolute;
    bottom      : 36px;
    left        : 25px;
    max-height  : 50px;
    /*overflow: auto;*/
    line-height : 1;
}

#tooltip_nav {
    position  : absolute;
    top       : 5px;
    right     : 10px;
    font-size : 20px;
    display   : flex;
}

#tooltip_agenda {
    font-style : italic;
    position   : absolute;
    right      : 20px;
    bottom     : 5px;
}

#tooltip_actionbar {
    position  : absolute;
    bottom    : 0;
    left      : 0;
    transform : translateY(50%);
}

#tooltip_actionbar span {
    height        : 40px;
    display       : inline-block;
    width         : 40px;
    border-radius : 50%;
    margin-left   : 15px;
}

#tooltip_actionbar a {
    background-color : rgba(255, 255, 255, 0.1);
    box-shadow       : 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

#tooltip_actionbar a:hover {
    box-shadow : 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

#tooltip_body {
    margin-top : 25px;
}

.tooltip_icon {
    font-size     : 1.5em;
    padding-right : 20px;
}

/* ==========================================================================
   END => Full Callendar
   ========================================================================== */

.navbarCollapse {
    position   : absolute;
    background : white;
    top        : 86px;
    width      : 100%;
    left       : 0;
    padding    : 15px;
    box-shadow : 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.title {
    font-size     : 2em;
    margin-bottom : 30px;
}

.comment {
    min-height : 50px;
    min-width  : 50%;
    max-width  : 100%;
}

.rowFlex {
    display       : flex;
    align-items   : baseline;
    margin-bottom : 20px;
    flex-wrap     : wrap;
}

.rowFlex > label {
    flex      : 1;
    min-width : 160px;
}

.rowFlex > input {
    flex : 3;
}

.rowFlex > span.select2 {
    flex : 3;
}

.pre-scrollable {
    overflow : auto !important;
}

.colorInfo {
    display       : inline-block;
    height        : 20px;
    width         : 20px;
    border-radius : 20px;
    /*    margin-left: 50%;
        transform: translateX(-50%);*/
}

.text-dark {
    color : #0f0f0f;
}

.hover-primary:hover {
    color : #E49338;
}

.navbar-header .navbar-nav > li > a, .navbar-header .navbar-right > li > a {
    padding-left  : unset;
    padding-right : unset;
}

.navbar-header .navbar-nav > li > a {
    padding-left  : unset;
    padding-right : unset;
}

.nav > li > a {
    position : relative;
    display  : block;
    padding  : 12px 10px;
}

.navbar-brand {
    min-height : auto;
}

.infoAnomalie {
    margin           : 0 auto;
    background-color : red;
    color            : white;
    font-size        : 13px;
    vertical-align   : middle;
    padding-bottom   : 25px;
    text-align       : center;
}

.pre-resa-modal-header {
    background-color : #E49338;
    color            : white;
    text-align       : center;
}

.pre-resa-view-body {
    margin        : auto;
    border-radius : 8px;
    width         : 30%;
    border        : 1px solid black;
    /*margin: 10px;*/
}

.pre-resa-view-title {
    padding                 : 10px;
    background-color        : #E49338;
    border-top-left-radius  : 8px;
    border-top-right-radius : 8px;
    color                   : white;
    font-size               : large;
    text-align              : center;
}

.pre-resa-view-sub-content {
    padding-left : 10px;
}

.pre-resa-view-sub-content-global {
    margin : 10px;
}

.pre-resa-view-btns {
    text-align : center;
    margin     : 10px;
}

.pre-resa-view-statut {
    color          : white;
    padding-top    : 2px;
    padding-bottom : 2px;
}

.icon-info-statut {
    border-radius  : 50px;
    text-transform : capitalize;
}

.pre-resa-statut-danger {
    background-color : #F44336 !important;
}

.pre-resa-statut-default {
    background-color : #4DABF7 !important;
}

.pre-resa-statut-success {
    background-color : #48A64C !important;
}

.pre-resa-ic-danger {
    color : #F44336 !important;
}

.pre-resa-ic-default {
    color : #4DABF7 !important;
}

.pre-resa-ic-success {
    color : #48A64C !important;
}

.pre-resa-ic {
    background-color   : white;
    margin-left        : 20px;
    border-radius      : 50%;
    margin-top         : -10px;
    margin-bottom      : -10px;
    height             : 40px;
    width              : 40px;
    vertical-align     : middle;
    display            : inline-flex;
    justify-content    : center;
    align-items        : center;
    -webkit-box-shadow : 5px 7px 10px -3px #000000;
    box-shadow         : 3px 3px 10px -3px #000000;
}

.pre-resa-input-date {
    position : relative;
}

.pre-resa-input-date input.date-format {
    border-bottom-style : solid;
    cursor              : pointer;
}

.pre-resa-input-date input:not(.date-format) {
    position : absolute;
    opacity  : 0;
    top      : 0;
    cursor   : pointer;
}

#pre_resa_form .daterangepicker.single {
    top        : 50% !important;
    left       : 50% !important;
    transform  : translate(-50%, -50%);
    border     : 2px solid #959595;
    max-width  : 95%;
    box-shadow : rgba(0, 0, 0, 0.35) 0 5px 15px;
}

#pre_resa_form .daterangepicker.single::before,
#pre_resa_form .daterangepicker.single::after {
    content : none !important;
}

@media screen and (max-width : 600px) {
    .pre-resa-view-body {
        width : unset !important;
    }
}

/* ---------- Calendrier public ---------- */
.public-calendar .header {
    display     : flex;
    align-items : center;
    flex-wrap   : wrap;
}

.public-calendar .header .date-range {
    flex            : 1;
    font-size       : 20px;
    margin          : 16px 8px 4px;
    text-align      : center;
    display         : flex;
    justify-content : center;
    flex-wrap       : wrap;
}

/*.public-calendar .header .date-range small {*/
/*    width     : 100%;*/
/*    font-size : 12px;*/
/*}*/

.public-calendar .header .date-range-inputs {
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.public-calendar .header .date-range-inputs > span {
    cursor   : pointer;
    position : relative;
    border   : 1px solid black;
    padding  : 0 4px;
}

.public-calendar .header .date-range-inputs > span > input {
    cursor   : pointer;
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    opacity  : 0;
}

.public-calendar .filtre-salles .list-salles {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-wrap       : wrap;
    padding         : 0;
}

.public-calendar .filtre-salles .list-salles .list-salles-item {
    list-style : none;
    padding    : 0;
    flex       : 1;
    max-width  : 200px;
    margin     : 4px 8px;
}

.public-calendar .filtre-salles .list-salles .list-salles-item label {
    display             : flex;
    justify-content     : center;
    align-items         : center;
    padding             : 4px 6px;
    border              : 2px solid transparent;
    border-bottom-color : #aaaaaa;
    border-radius       : 0;
    opacity             : 0.7;
    transition          : all 250ms;
    cursor              : pointer;
    white-space         : nowrap;
}

.public-calendar .filtre-salles .list-salles .list-salles-item label:hover {
    opacity       : 0.9;
    border-bottom : 2px solid #575757;
}

.public-calendar .filtre-salles .list-salles .list-salles-item label.active {
    border        : 2px solid #5dda36;
    border-radius : 4px;
    opacity       : 1;
}

.public-calendar .filtre-salles .list-salles .list-salles-item input {
    display : none;
}

.public-calendar .filtre-salles .list-salles .list-salles-item label .colorInfo {
    margin-right : 4px;
}

.public-calendar .filtre-salles .list-salles .list-salles-item label .salle-label {
    flex          : 1;
    text-align    : center;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.public-calendar .list-events {
    display        : flex;
    flex-direction : column;
}

.public-calendar .list-events .no-result {
    text-align  : center;
    margin      : 16px 8px;
    font-weight : bold;
}

.public-calendar .list-events .list-events-item {
    border-bottom  : 1px solid #aeaeae;
    padding-bottom : 8px;
}

.public-calendar .list-events .list-events-item:last-child {
    margin-bottom  : 16px;
    border-bottom  : none;
    padding-bottom : 0;
}

.public-calendar .list-events .list-events-title {
    margin-top     : 16px;
    font-size      : 20px;
    text-transform : capitalize;
}

.public-calendar .list-event-item {
    padding       : 8px;
    margin        : 4px;
    border        : 1px solid transparent;
    border-radius : 8px;
}

.public-calendar .list-event-item .event-title {
    font-size   : 20px;
    display     : flex;
    align-items : center;
}

.public-calendar .list-event-item .event-title .salle-label {
    font-weight : bold;
    margin-left : 4px;
}

/* ---------- FIN Calendrier public ---------- */