.color-listeconsultant {
    border-color: #659965 !important;
    background-color: #659965 !important;
}

.color-infosclient {
    border-color: #c44141 !important;
    background-color: #c44141 !important;
}

.js-commentaire{
    display: block; width: 100%;
}

.js-commentaire span.glyphicons {
    float: right;
    margin-top: 5px;
}
.js-commentaire .glyphicons i:before {
    font-size: 10px !important;
}

.divPaiement {
    width: 400px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(41, 44, 46);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: rgb(47, 50, 53);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: rgb(47, 50, 53);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(47, 50, 53);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(47, 50, 53);
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgb(94, 100, 107) 0px 0px 0px 1px inset;
    color: rgb(250, 250, 250);
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 17px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    outline-color: rgb(250, 250, 250);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: left;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

.divPaiement li {
    list-style: none;
}

table.gradienttable {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}

table.gradienttable th {
    padding: 0px;
    background: #d5e3e4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTNlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjZGVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2M4Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5e3e4), color-stop(40%, #ccdee0), color-stop(100%, #b3c8cc));
    background: -webkit-linear-gradient(top, #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
    background: -o-linear-gradient(top, #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
    background: -ms-linear-gradient(top, #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
    background: linear-gradient(to bottom, #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
    border: 1px solid #999999;
}

table.gradienttable td {
    padding: 0px;
    background: #ebecda;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2UwZTBjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebecda), color-stop(40%, #e0e0c6), color-stop(100%, #ceceb7));
    background: -webkit-linear-gradient(top, #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
    background: -o-linear-gradient(top, #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
    background: -ms-linear-gradient(top, #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
    background: linear-gradient(to bottom, #ebecda 0%, #e0e0c6 40%, #ceceb7 100%);
    border: 1px solid #999999;
}

table.gradienttable th p {
    margin: 0px;
    padding: 8px;
    border-top: 1px solid #eefafc;
    border-bottom: 0px;
    border-left: 1px solid #eefafc;
    border-right: 0px;
}

table.gradienttable td p {
    margin: 0px;
    padding: 8px;
    border-top: 1px solid #fcfdec;
    border-bottom: 0px;
    border-left: 1px solid #fcfdec;
    ;
    border-right: 0px;
}

.toggleDisplay {
    display: block;
}

.toggleDisplayNone {
    display: none;
}

.ui_tpicker_time_label,
.ui_tpicker_time {
    display: none;
}

.ui_tpicker_hour_label,
.ui_tpicker_minute_label {
    margin-bottom: 5px;
}

.ui_tpicker_minute_label {
    margin-top: 5px;
}

.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider {
    border: 1px solid rgb(241, 203, 203);
}

.ui-dialog-titlebar-close {
    display: none;
}

ul li.nosubscribed {
    background-color: #b6b6b6 !important;
    color: #000 !important;
    cursor: not-allowed;
}

ul li.nosubscribed i:before {
    color: #787878 !important;
}

#external-events .user-div li.glyphicons {
    cursor: default;
}

#external-events .user-div li.glyphicons.move {
    cursor: move;
}

#external-events .user-div {
    height: 400px;
}

.userselect {
    width: 100%;
    height: 35px;
    margin-bottom: 10px;
}

.btn-antenne-form-ableplanning {
    margin-bottom: 10px;
}

.divPaiement .remplir,
.divPaiement .remplir .input-append {
    width: 100%;
}

.divPaiement .remplir input {
    width: 45%;
    margin-left: 5px;
    border-radius: 0;
}

.divPaiement .remplir select {
    width: 40%;
    margin-left: 5px;
    border-radius: 0;
}
.tooltipInfo{
    position: relative;
    width: fit-content;
}
.tooltipInfo::after{
    position: absolute;
    content: "?";
    color: #ccdee0;
    background: #cf742e;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -25px;
    top: -5px;
    font-size: 14px;
    cursor: pointer;
}
.dialogInfoForTooltip > .ui-dialog-titlebar{
    background: #cf742e !important;
}

@media (max-width: 767px) {
    div.profile.situation.span4 {
        width: 70%;
        height: 53px;
    }
    div.profile.situation.span4 select {
        width: 85%;
        float: left;
        margin-top: 5px;
    }
    #calendar .fc-header-left button:not(.fc-button-prev):not(.fc-button-next),
    #calendar .fc-header-right {
        display: none;
    }
    #calendar .fc-view.fc-view-agendaDay.fc-agenda>div>div,
    #calendar .fc-view.fc-view-agendaDay.fc-agenda>table {
        height: 1025px !important;
    }
    #external-events .toggle-button,
    #external-events .glyphicons.group,
    #external-events .user-div,
    #indique_user,
    .utilisateur {
        display: none;
    }
    .userselect {
        display: block;
    }
    .modal-backdrop {
        z-index: 0;
    }
    .modal.fade.in {
        top: 80px;
    }
    .divPaiement {
        position: fixed;
        z-index: 1;
        left: 5px !important;
        right: 5px !important;
        width: auto !important;
        top: 75px !important;
    }
    .divPaiement .wrapper {
        max-height: 300px;
        overflow-y: auto;
    }
    #ongletUser {
        width: 100%;
    }
    #tabUserList th,
    #tabUserList .selectable td,
    #tabdebor th,
    #tabdebor .selectable td,
    #destinationsTab th,
    #destinationsTab .selectable td,
    .tabRedirectionSimple th,
    .tabRedirectionSimple .selectable td {
        display: none;
    }
    #tabUserList table th:nth-child(n+2),
    #tabUserList table .selectable td:nth-child(n+2),
    #tabdebor th:nth-child(n+2),
    #tabdebor .selectable td:nth-child(n+2),
    #destinationsTab th:nth-child(n+2),
    #destinationsTab .selectable td:nth-child(n+2),
    .tabRedirectionSimple th:nth-child(n+2),
    .tabRedirectionSimple .selectable td:nth-child(n+2) {
        display: table-cell;
    }
    #tabUserList th:nth-child(2),
    #tabUserList th:nth-last-child(-n+2) {
        display: table-cell;
    }
    #tabUserList .selectable td:nth-child(2),
    #tabUserList .selectable td:nth-last-child(-n+2) {
        display: table-cell;
    }
    #tabUserList table .selectable td input[type="text"],
    #tabdebor .selectable td input[type="text"],
    #destinationsTab .selectable td input[type="text"],
    .tabRedirectionSimple .selectable td input[type="text"] {
        width: 100%;
    }
    #tabUserList table .selectable td input[id*="sonnerie_coopnumero"],
    #tabdebor .selectable td input[id*="sonnerie_coopnumero"],
    #destinationsTab .selectable td input[id*="sonnerie_coopnumero"],
    .tabRedirectionSimple .selectable td input[id*="sonnerie_coopnumero"] {
        width: 25px !important;
    }
    #operateursAddTab span.statut {
        display: none !important;
    }
    #horsplanningTab label,
    #busyplanningTab label {
        text-align: left !important;
    }
    .pageStat>div,
    .pageStat table th,
    .pageStat .selectable td {
        display: none;
    }
    .pageStat .filter-bar {
        display: block;
    }
    .pageStat table th:nth-child(-n+3),
    .pageStat .selectable td:nth-child(-n+3),
    .pageStat table th:nth-child(5),
    .pageStat .selectable td:nth-child(5) {
        display: table-cell;
    }
}