/* Calendrier */

.main_calendar {
    margin: 0 auto 0;
    width: 1179px;
    padding: 0 0 0 9px;
}

.calendar_container {
    position: relative;
    width: 800px;
    float: left;
    margin: 0 9px 0 0;
}

.calendar_main,
.calendar_main_current{
    background-color: #e7e7e7;
    color: #555;
    padding: 5px;
    text-align: center;
    width: 1179px;
    height: 50px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.calendar_main_current {
    background: #9cc2cb;
    color: #fff;
}

.calendar_plage_horaire {
    position: absolute;
    background-color: #169f85;
    color: #fff;
    border: 1px solid #ccc;
    border-left: 1px solid #428bca;
    border-right: 1px solid #428bca;
    height: 25px;
    padding: 2px;
}

.calendar_plage_horaire span {
    font-size: 10px;
}

.calendar_slot {
    height: 200px;
    margin: 25px 0 0 0;
    border: 1px solid #34495e;
    border-top: 0;
    padding: 4px;
    overflow: auto;
    background: #fff;
}

.calendar_slot ul {
    padding: 0;
    list-style: none;
}

.calendar_slot li {
    margin: 0 0 5px 0;
    padding: 4px;
}

/* Rappel */
.calendar_slot li.slot_1 {
    background-color: #d1ddf3;
    border: 1px solid #5d626c;
}

/* Appel j-X */
.calendar_slot li.slot_8 {
    background-color: #d4f3d0;
    border: 1px solid #778975;
}


.calendar_slot li.slot_1:hover,
.calendar_slot li.slot_8:hover {
    background: #fff;
}

.calendar_hour {
    color: #428bca;
    font-size: 11px;
}

.calendar_slot li.slot_1 .rappel_label,
.calendar_slot li.slot_8 .rappel_label,
.calendar_slot li.slot_1 .rappel_label_accessed,
.calendar_slot li.slot_8 .rappel_label_accessed {
    color: #346d9f;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 5px;
}

.calendar_slot li.slot_1 .rappel_label
{
    background: #c8d3e8;
}

.calendar_slot li.slot_8 .rappel_label
{
    background: #cae7c6;
}

.calendar_slot li.slot_1 .rappel_label_accessed,
.calendar_slot li.slot_8 .rappel_label_accessed {
    background: #9d4233;
    color: #fff;
}

.typeahead-container .typeahead-field input.input_loading {
    background: #fff url(../images/ajax-loader-mini.gif) no-repeat 97% 50%;
}


.case {
    margin:4px;
    float:left;
}

.case .radio{
    display: inline !important;
}

.case input{
    display: none !important;
}

.case label {
    text-align:center;
    float:left;
    width:118px;
    height:120px;
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    cursor: pointer;
    break-inside: avoid;
    display: table;
}

.casedcs{
    float:none !important;
}

.casesensibilite label {
    text-align: center;
    float: left;
    width: auto;
    min-width: 30px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    margin: 4px;
    background-color: #EFEFEF;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    cursor: pointer;
    break-inside: avoid;
    display: table;
}

.case label span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.grade{
    vertical-align: top !important;
}


.case label span b{
    text-align:center;
    font-size: 16px;
    font-weight: normal !important;
    display:block;
    margin: auto;
}

.case label span p{
    text-align:center;
    font-size: 16px;
    display:block;
    margin: auto;
}

/*.case label input {
    position:absolute;
    top:-20px;
}*/

.case input:checked + label {
    background-color:#4ab5dd;
    border:1px solid #4ab5dd;
    color:#F7F7F7;
}

.center_case {
    vertical-align: middle !important;
    text-align: cente
}

.radio_margin input[type=radio]{
    margin: 4px 4px 0 !important;
}

.title_question label {
    font-weight: bold !important;
    font-size: 16px;
    margin-left: 5px;
}

.text_align_center{
    text-align: center;
}

.center_block{
    display: block;
    margin : auto;
}

.small_date{
    font-size:12px;
}

.fa_right{
    position: absolute;
    right: 0px;
    padding-right: 10px;
    cursor: pointer;
}

.fa_container{
    position: relative;
}

.pastille{
    display:            block;
    position:           absolute;
    width:              30px;
    height:             30px;
    right:              -15px;
    top:                -10px;
    font-size:          12px;
    border-radius:      15px;
}

.table_corps td{
    border-bottom: 0px solid #ddd;
}

.bras4g{
    position: relative;
    top: -480px;
    left: 0;
    margin-bottom: -30px;
}

.bras3g{
    position: relative;
    top: -445px;
    left: 0;
    margin-bottom: -30px;
}

.bras2g{
    position: relative;
    top: -410px;
    left: 0;
    margin-bottom: -30px;
}

.bras1g{
    position: relative;
    top: -380px;
    left: 0;
    margin-bottom: -30px;
}

.bras4d{
    position: relative;
    top: -490px;
    left: 680px;
    margin-bottom: -30px;
}

.bras3d{
    position: relative;
    top: -455px;
    left: 680px;
    margin-bottom: -30px;
}

.bras2d{
    position: relative;
    top: -420px;
    left: 680px;
    margin-bottom: -30px;
}

.bras1d{
    position: relative;
    top: -390px;
    left: 680px;
    margin-bottom: -30px;
}


.jambe4g{
    position: relative;
    top: -340px;
    left: 0;
    margin-bottom: -30px;
}

.jambe3g{
    position: relative;
    top: -290px;
    left: 0;
    margin-bottom: -30px;
}

.jambe2g{
    position: relative;
    top: -240px;
    left: 0;
    margin-bottom: -30px;
}

.jambe1g{
    position: relative;
    top: -170px;
    left: 0;
    margin-bottom: -30px;
}

.jambe4d{
    position: relative;
    top: -350px;
    left: 680px;
    margin-bottom: -30px;
}

.jambe3d{
    position: relative;
    top: -300px;
    left: 680px;
    margin-bottom: -30px;
}

.jambe2d{
    position: relative;
    top: -250px;
    left: 680px;
    margin-bottom: -30px;
}

.jambe1d{
    position: relative;
    top: -180px;
    left: 680px;
    margin-bottom: -30px;
}

.pal1, .pal2, .pal3, .pal4, .pal5, .pal6, .pal7, .pal8, .pal9, .pal10, .pal11, .pal12 label{
    width:60px;
}

.pal1{
    position: relative;
    top: -316px;
    left: 123px;
    margin-bottom: -30px;
}

.pal2{
    position: relative;
    top: -281px;
    left: 123px;
    margin-bottom: -30px;
}

.pal3{
    position: relative;
    top: -268px;
    left: 123px;
    margin-bottom: -30px;
}

.pal4{
    position: relative;
    top: -230px;
    left: 169px;
    margin-bottom: -30px;
}

.pal5{
    position: relative;
    top: -168px;
    left: 169px;
    margin-bottom: -30px;
}

.pal6{
    position: relative;
    top: -161px;
    left: 169px;
    margin-bottom: -30px;
    z-index: 99;
}

.pal7{
    position: relative;
    top: -454px;
    left: 542px;
    margin-bottom: -30px;
}

.pal8{
    position: relative;
    top: -418px;
    left: 542px;
    margin-bottom: -30px;
}

.pal9{
    position: relative;
    top: -406px;
    left: 542px;
    margin-bottom: -30px;
}

.pal10{
    position: relative;
    top: -369px;
    left: 496px;
    margin-bottom: -30px;
}

.pal11{
    position: relative;
    top: -306px;
    left: 496px;
    margin-bottom: -30px;
}

.pal12{
    position: relative;
    top: -299px;
    left: 161px;
    margin-bottom: -30px;
}

.tact1, .tact2, .tact3, .tact4, .tact5, .tact6, .tact7, .tact8, .tact9, .tact10, .tact11, .tact12 input{
    width:60px;
}

.tact1{
    position: relative;
    top: -318px;
    left: 128px;
    margin-bottom: -30px;
}

.tact2{
    position: relative;
    top: -283px;
    left: 128px;
    margin-bottom: -30px;
}

.tact3{
    position: relative;
    top: -270px;
    left: 128px;
    margin-bottom: -30px;
}

.tact4{
    position: relative;
    top: -232px;
    left: 174px;
    margin-bottom: -30px;
}

.tact5{
    position: relative;
    top: -170px;
    left: 174px;
    margin-bottom: -30px;
}

.tact6{
    position: relative;
    top: -163px;
    left: 174px;
    margin-bottom: -30px;
    z-index: 99;
}

.tact7{
    position: relative;
    top: -456px;
    left: 550px;
    margin-bottom: -30px;
}

.tact8{
    position: relative;
    top: -421px;
    left: 550px;
    margin-bottom: -30px;
}

.tact9{
    position: relative;
    top: -408px;
    left: 550px;
    margin-bottom: -30px;
}

.tact10{
    position: relative;
    top: -371px;
    left: 503px;
    margin-bottom: -30px;
}

.tact11{
    position: relative;
    top: -308px;
    left: 503px;
    margin-bottom: -30px;
}

.tact12{
    position: relative;
    top: -301px;
    left: 165px;
    margin-bottom: -30px;
}

.tact, .pallesthesie  {
    display: inline-flex;
}

.tact label, .pallesthesie label {
    height: 27px !important;
}

.iti__flag {background-image: url("../js/tel/build/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("../js/tel/build/img/flags@2x.png");}
}

.container_message {
    border: 2px solid #dedede;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

.darker {
    border-color: #ccc;
    background-color: #ddd;
}

.container_message::after {
    content: "";
    clear: both;
    display: table;
}

.container_message img {
    float: left;
    max-width: 60px;
    width: 100%;
    margin-right: 20px;
    border-radius: 50%;
}

.container_message img.right {
    float: right;
    margin-left: 20px;
    margin-right:0;
}

.time-right {
    float: right;
    color: #aaa;
}

.time-left {
    float: left;
    color: #999;
}

.prs_message {
    cursor: pointer;
}