.h2fichetc {
    font-family: 'Open Sans',sans-serif;
    margin: 0px;
    font-size: 16px;
    letter-spacing: 0px;
}
.h2fichetc .fa {
    font-size: 20px;
    margin-right: 4px;
}

.block_telecons_search {
    background: #E1F4F4;
    border-radius: .5rem;
    padding: 0px 10px 10px 10px;
}
.content-telecons-elt:hover {
    border: 2px solid #42B8B8;
}
.rdvonlinedispostab td .hdtime{
    background:#E1F4F4;
    border: 1px solid white;
}
#citylistul li:hover, #clientlistul li:hover, #clientlistul li:hover .vig-content {
    background: #E1F4F4;
}
/* #0F6FBD */
.col3, a{ color:#42B8B8;}
.bg3{ background: #42B8B8;}
.btn.bg3:hover, .lgbutton.bg3{ background: #42B8B8;color:#FFFFFF;}
.lgbutton.bg3:hover, .ui-widget-header{ background:#96D9D9;color:#000;}
.lgbutton.bgrd { background:#BF243C;color:#FFFFFF;}
.lgbutton.bgrd:hover{ background:#FFFFFF;color:#BF243C;}
.brd3 { border: 1px solid #42B8B8;border-radius: .25rem;}
.brd4 { border: 1px solid var(--logic-bgcol2);border-radius: .25rem;}
.bg4, .lgbutton.bg4{ background: var(--logic-bgcol2);color:#595959;}
.btn.bg4:hover, .lgbutton.bg4:hover{ background: var(--logic-col2-hover);color:#000;}
.tooltipster-sidetip.tctooltipster-shadow .tooltipster-box { max-width: 400px; background:#8A8A8A !important;border: 1px solid black !important;padding: 4px;  }

.searchnotelecons .col3, a{ color:var(--logic-col1);}
.searchnotelecons .bg3{ background: var(--logic-bgcol1);}
.searchnotelecons .btn.bg3:hover, .searchnotelecons .lgbutton.bg3{ background: var(--logic-bgcol1);color:#FFFFFF;}
.searchnotelecons .lgbutton.bg3:hover, .searchnotelecons .ui-widget-header{ background:var(--logic-col1-hover);color:#FFF;}
.searchnotelecons .brd3 { border: 1px solid var(--logic-bgcol1);border-radius: 3rem;}
.searchnotelecons .brd3square { border: 1px solid var(--logic-bgcol1);border-radius: .25rem;}
.searchnotelecons .brd4 { border: 1px solid var(--logic-bgcol2);border-radius: 3rem;}
.searchnotelecons .bg4, .searchnotelecons .lgbutton.bg4{ background: var(--logic-bgcol2);color:#595959);}
.searchnotelecons .btn.bg4:hover, .searchnotelecons .lgbutton.bg4:hover{ background: var(--logic-col2-hover);color:#000;}
.searchnotelecons .block_telecons_search { background: var(--logic-col2-hover);}
.searchnotelecons .rdvonlinedispostab td .hdtime{
    background:#FFF;
    border: 1px solid #A3A3A3;
    min-height: 40px;
    min-width: 80px;
}
.searchnotelecons .content-telecons-elt:hover {
    border: 2px solid var(--logic-col1);
}
#citylistul li:hover, #clientlistul li:hover, #clientlistul li:hover .vig-content {
    background: var(--logic-col2-hover);
}
.rdvonlinedispostab .hdtime {
    position: relative;
}
.rdvonlinedispostab .hdtime i {
    position: absolute;
    top:2px;
    left:2px;
    font-size: 8px;
}
.page-search .rdvfootfixed .btn-shortlink {
    width: auto;
}
.formlabelTop .group-top {
    position: relative;
}
.formlabelTop .group-top label {
    position: absolute;
    top : -11px;
    right: 7px;
    font-size: 10px;
    color:gray;
}

.formlabelTop .group-top input{
    height: 36px;
}

.but-localisation2, .but-myadr2 {
    cursor: pointer;
}
.lgbutton {
    background:white;
    border-radius: 0.25rem;
}
.padlink {
    padding: 1px 2px;
}
.padlink .fa {
    font-size: 16px;
}

#form_prox_search #clientlistul, #form_prox_search #citylistul  {
    left: 20px;
    top: 40px;
    width: 100%;
}

#form_prox_search #clientlistul li, #form_prox_search #citylistul li {
    margin:0px !important;
}
#form_prox_search #citylistul li {
    padding: 10px !important;
    border-bottom: 2px solid #545454;
    font-weight: bold;
}
.content-telecons {
    background:#E9E9E9;
    border-radius: .5rem;
    padding: 1px;
}
.pagination-telecons {
    background:#E9E9E9;
    border-radius: .5rem;
    padding: 10px;
    border-radius: .5rem;
}
.pagination-telecons .number {
    border-radius: .25rem;
}

.content-telecons-elt {
    margin: 10px;
    padding: 4px;
    background: white;
    width: calc(100% - 20px);
    border: 2px solid white;
    border-radius: .5rem;
}
.content-telecons-elt .col-sm-1, .content-telecons-elt .col-sm-2,.content-telecons-elt .col-sm-3,.content-telecons-elt .col-sm-4,.content-telecons-elt .col-sm-5,.content-telecons-elt .col-sm-6,
.content-telecons-elt .col-sm-7,.content-telecons-elt .col-sm-8,.content-telecons-elt .col-sm-9,.content-telecons-elt .col-sm-10,.content-telecons-elt .col-sm-11,.content-telecons-elt .col-sm-12 {
    padding: 0px 4px;
}
.content-telecons-elt .patname {
    font-size: 16px;
}
.content-telecons-elt .patimg img {
    vertical-align: middle;
}
.content-telecons-elt .patlinks {
    line-height: 4px;
}
.content-telecons-elt .btn-infos .fa {
    font-size: 20px;
    width: 26px;
}

.fiche-telecons-elt:hover {
    border: 2px solid white;
}
.fiche-telecons-elt .image {
    float: left;
    display: inline-table;
    padding: 0px 10px;
}
.fiche-telecons-elt .image img {
    max-width: 300px;
    max-height: 300px;
}
.fiche-telecons-elt .text {
    display: inline;
}
.content-telecons-elt:first-child {
    margin-top:20px;
}

.content-telecons-elt img {
    max-width: 96%;
}
.content-telecons-elt .patphone {
    margin-top: 4px;
    margin-bottom: 4px;
}
#citylistul, #clientlistul {
    border: 1px solid;
    border-radius: .5rem;
}

#citylistul li, #clientlistul li {
    border-bottom: 1px solid #D4D4D4 !important;
    color: #8C8C8C;
    font-size: 14px  !important;
}

#clientlistul .patphoto {
    display: none !important;
}
#clientlistul .patmail {
    float: left;
    display: inline;
}
#clientlistul .patphone {
    float: right;
    display: inline;
    text-align: right;
}
#page-rdvonline .vig-patient .drcontent .patname, #page-rdvonline .vig-patient .patcontent {
    padding: 0px;
}
#page-rdvonline.page-search .vig-patient .patcat {
    line-height: 16px;
}
#page-rdvonline .vig-patient .patcontent {
    width: 47%;
}
.navbar-fixed-top {
    -webkit-box-shadow: 0px 0px 8px #323232;
    -moz-box-shadow: 0px 0px 8px #323232;
    box-shadow: 0px 0px 8px #323232;
}
.rdvfootfixed .box-skin {
    height: 50px;
}
.rdvfootfixed .btn-shortlink img {
    width: 26px;
    height: 26px;
    border: none !important;
    border-radius: 3rem;
}


/* Motif */
.tcmotifblock, .tcpatientblock {
    padding: 0px 10px;
}

.tcmotiftext, .tcpatienttext {
    text-align: center;
    border-bottom: 1px solid #878787;
    min-height: 30px;
    font-weight: bold;
}
.tcmotifbutton button, .tcpatientbutton {
    font-size: 14px;
}
.tcpatientbutton {
    padding: 6px 0px 0px 0px !important;
    margin: 2px 0px;
}
.tcpatientblock .new-account .account_new_email {
    font-size: 14px;
}
.tcpatientblock .alert-success {
    margin-top: 36px;
    border: 1px solid #42B8B8;
    border-radius: .5rem;
    background: #BCE7E7;
    font-weight: bold;
    color: black;
}

.tcpatientbutton .fileUpload {
    background: white url(../../pictures/camera-small.png) no-repeat scroll center center !important;
    min-width: 35px;
    margin-bottom: 10px;
}
.new-account .fileUpload {
    margin-top: 0px;
}
.tcpatientbutton button {
    margin-bottom: 10px;
}

.tcmotifbutton button:hover, .tcpatientbutton .fileUpload:hover {
    background-color: var(--logic-col2-hover);
    color: black;
    border: 1px solid var(--logic-col2);
}
.tcpatientclickblock:hover{
    background-color: var(--logic-col2-hover);
    color: black;
    border: 1px solid var(--logic-col2);
    border-radius: .5rem;
    cursor: pointer;
}
.tcpatientclickblock.lockedaccount:hover{
    background-color: #FFC2C2;
    color: black;
    border: 1px solid #FF5252;
    border-radius: .5rem;
    cursor: pointer;
}
.tcpatientbutton button:hover{
    background: #BCE7E7;
    color: black;
    border: 1px solid var(--logic-col2);
}
.tcpatientbutton button:nth-child(1){
    margin-bottom:10px;
}
.rdvonlinedispostab {
    border: none;
    border-collapse: separate;
    overflow-x:scroll;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.rdvonlinedispostab tr:hover td:nth-child(1) {
    background: #FFF6D1
}
.rdvonlinedispostab tr:nth-child(1) .hdday:nth-child(1){
    color:var(--logic-col2);
    font-weight: bold;
}
.rdvonlinedispostab td .hdtime{
    padding: 6px 6px;
    border-radius: 0.25rem;
    margin: 3px;
    color: #6B6B6B;
    cursor: pointer;
    text-align: center;
    min-height: 40px;
    min-width: 80px;
}
.rdvonlinedispostab .tdhdtext {
    border-top:1px solid #BFBFBF;
    border-bottom:1px solid #BFBFBF;
    position: sticky;
    left: 76px;
    z-index: 1;
}

.rdvonlinedispostab .hdtext
{
    border: 1px solid white;
    background:#EBEBEB;
    padding: 6px;
    border-radius: 0.25rem;
    margin: 2px;
    color: #6B6B6B;
    font-size: 12px;
}
.rdvonlineseg .alert-danger {
    float: left;
    margin: 4px 0px;
    width: 100%;
    font-weight: bold;
    padding: 6px;
}

.rdvonlinedispostab td .hdtime:hover{
    background: var(--logic-col2);
    color: white;
}
.rdvonlinedispostab .hdday {
    white-space:nowrap;
    line-height: 15px;
    background: white;
    border-right: 1px solid #878787;
    padding: 1px 2px;
}

.headerfixed .rdvonlinedispos {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
}

.headerfixed .rdvonlinedispos tbody tr td.hdday  {
    position: sticky;
    left: 0;
    z-index: 2;
}

.headerfixed .rdvonlinedispos thead tr:nth-child(1) {
    position: absolute;
    top:0px;
    left:10px;
    width: 100%;
}

.tcresume, .tcresumetherdv {
    border: 1px solid #878787;
    margin-top: 10px;
    border-radius: .5rem;
    padding: 0px !important;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tcresumetitle {
    background: var(--logic-col2-hover);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: 3px !important;
    line-height: 28px;
}
.tcresumetitle div:nth-child(1) {
    float: left;
    display: inline;
    font-weight: bold;
    margin-left: 10px;
}
.tcresumetitle div:nth-child(2) {
    float: right;
    display: inline;
}

.tcresume .done {
    color:var(--logic-col2);
    border: 2px solid var(--logic-col2);
    border-radius: 50px;
    width: 24px;
    text-align: center;
    font-weight: bold;
    margin:2px;
    margin-right: 10px;
    float: left;
    display: inline;
}
.tcresume .nodone {
    color:#A3A3A3;
    border: 2px solid #A3A3A3;
    border-radius: 50px;
    width: 24px;
    text-align: center;
    font-weight: bold;
    margin:2px;
    margin-right: 10px;
    float: left;
    display: inline;
}
.tcresume .infosdone {
    line-height: 26px;
}
.content-telecons-elt .rdvonlineseg {
    text-align: center;
}
.tc-content-consigne {
    float: left;
    margin: 4px 0px;
    padding: 4px;
    background:white;
    width: 100%;
    border: 1px solid #878787;
    border-radius: .5rem;
    text-align: left
}
.tc-content-consigne .ardv {
    float: left;
    border-top: 1px solid #878787;
    margin-top: 4px;
    width:100%;
    padding: 4px;
}
.tcresumetherdv .mandatoriesfields {
    float: left;
    border-top: 1px solid #878787;
    margin-top: 4px;
    width:100%;
}
.tcresumetherdv {
    text-align: left;
}
.tcresumetherdv .mandatoriesfields label {
    width: 50%;
    line-height: 36px;
    margin-top: 10px;
}
.tcresumetherdv .mandatoriesfields input, .tcresumetherdv .mandatoriesfields textarea, .tcresumetherdv .mandatoriesfields label {
    width: 100%;
    margin-top: 0px;
    line-height: 20px;
}
.tcresumetherdv .mandatoriesfields .mandatory{
    background: #FFEEDB
}


.tcresumetherdv .tcresumetherdvbut {
    border-top: 1px solid #878787;
    margin-top: 10px;
    text-align: center;
    padding: 10px 0px;
}

.mfp-tcCnxOpened .mfp-bg {
    background: #6B6B6B;
}
.mfp-tcCnxOpened .content2 {
    border-radius: .5rem;
}
.mfp-tcCnxOpened #butjemeconnecte, .mfp-tcCnxOpened #butjeminscris, .mfp-tcCnxOpened  .tcbigger {
    font-size: 16px;
}
.mfp-tcCnxOpened a:hover {
    text-decoration: none
}
.mfp-tcCnxOpened .content2 .box-menu-rol .text {
    min-height: 1px;
}

@keyframes ldio-skl8cmt5qw {
    0% { opacity: 1 }
    100% { opacity: 0 }
}
.ldio-skl8cmt5qw div {
    left: 94px;
    top: 48px;
    position: absolute;
    animation: ldio-skl8cmt5qw linear 1.282051282051282s infinite;
    background: #42b8b8;
    width: 12px;
    height: 24px;
    border-radius: 6px / 12px;
    transform-origin: 6px 52px;
}
.searchnotelecons .ldio-skl8cmt5qw div {
    background: var(--logic-col2);
}
.ldio-skl8cmt5qw div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1752136752136753s;
}.ldio-skl8cmt5qw div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1.0683760683760684s;
}.ldio-skl8cmt5qw div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9615384615384616s;
}.ldio-skl8cmt5qw div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8547008547008548s;
}.ldio-skl8cmt5qw div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7478632478632479s;
}.ldio-skl8cmt5qw div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6410256410256411s;
}.ldio-skl8cmt5qw div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5341880341880342s;
}.ldio-skl8cmt5qw div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4273504273504274s;
}.ldio-skl8cmt5qw div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.32051282051282054s;
}.ldio-skl8cmt5qw div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2136752136752137s;
}.ldio-skl8cmt5qw div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.10683760683760685s;
}.ldio-skl8cmt5qw div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
.loadingio-spinner-spinner-ieh4j8ez16h {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
}
.ldio-skl8cmt5qw {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.ldio-skl8cmt5qw div {
    box-sizing: content-box;
}
/* generated by https://loading.io/ */
.patimgdrremove {
    margin-top: 2px;
    margin-left: -30px;
}
.setrdvdefinebut {
    margin-bottom: 2px;
    text-align: left;
}
.card-element {
    padding: 10px !important;
    border: 1px solid #CFCFCF !important;
    border-radius: .25rem;
    margin-left: 10px;
}
.rdv-form-card-block .card-errors {
    text-align: center;
    color:#9F0000;
    font-weight: bold;
}
.footerblank {
    display: none;
}
.navbar-menucnx {
    position: relative;
}
.navbar-menucnx p {
    position: absolute;
    top:1px;
    left: 10px;
    font-weight: bold;
    text-align: center;
    border: 1px solid;
    border-radius: 0.5rem;
    padding: 4px;
}

#rdvonlinelistajax.ui-tabs .ui-tabs-nav {
}
#rdvonlinelistajax.ui-tabs .ui-tabs-nav .ui-tabs-tab {
    background-color: white !important;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
#rdvonlinelistajax.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active a
{
    color: #303030;
    padding-bottom: 0.1em !important;
    border-bottom: 6px solid var(--logic-bgcol1);
}

#rdvonlinelistajax.ui-widget-content, #rdvonlinelistajax .ui-state-active {
    border: 1px solid var(--logic-bgcol2);
}
#rdvonlinelistajax .bggray {
    background: #CFCFCF
}
#rdvonlinelistajax .butphone2, .content-telecons-elt  .butphone2{
    display:none;
}
#rdvonlinelistajax .butnewrdv {
margin-top: 2px;
margin-right: 10px;
}

@media (max-width: 768px){
#rdvonlinelistajax .butphone2, .content-telecons-elt  .butphone2 {
    padding: 5px 10px;
    border-radius: .25rem;
    display: block;
    float: left;
}
#rdvonlinelistajax .butphone, .content-telecons-elt  .butphone {
    display:none;
}
#rdvonlinelistajax .butnewrdv {
margin-top: 0px;
margin-right: 0px;
}

}
#rdvonlinelistajax.ui-tabs .ui-tabs-nav .ui-tabs-tab:hover a
{
    color: #000000;
    padding-bottom: 0.1em !important;
    border-bottom: 6px solid #808080;
}
#rdvonlinelistajax.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active:hover a
{
    border-bottom: 6px solid var(--logic-bgcol1);
}
#rdvonlinelistajax .ui-state-default a {
    color: #000000;
}

#rdvonlinelistajax .ui-widget-content {
    padding: 4px;
}
#rdvonlinelistajax .pagination_page .colwhite:not(.current_number) {
    color:white;
}
#rdvonlinelistajax .ui-widget-content a.btn {
    color: white;
}
#rdvonlinelistajax .ui-widget-content a.btn:hover {
    color: #041D31;
}
#rdvonlinelistajax .rdvonlinedoctable {
    overflow-x: auto;
}

#rdvonlinelistajax #rdvonlinelistajax-2 table {
    background: white;
}
#rdvonlinelistajax #rdvonlinelistajax-2 table .feven td {
    background: #EDEDED;
}

@media (max-width: 1280px){
    .navbar-menucnx {
    display: none;
    }
}
@media (max-width: 768px){
    .patimgdr {
        display: none;
    }
    .patimgdrremove {
        padding-top: 3px !important;
        display: inline-block;
        margin-left: 0px; 
    }
    .blockrdvonlinesegdispos {
        clear: left;
    }

    .tcpatientclickblockp .patimg img {
        max-height: 54px;
        width: auto;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    .content-telecons-elt .patlinks {
        text-align: right;
    }
    .tcresume .col-sm-6 {
        display: inline-block;
        width: 100%;
    }
    .tcresumetitle {
        min-height: 36px;
        display: inline-block;
        width: 100%;
    }
    .rdvonlinedisposheader a i span{
        display: none;
    }
    .tcmotifbutton button {
        width: 100%;
        margin-top: 2px;
    }
    .tcpatientclickblockp, .tcresumetherdv  {
        width: 100%;
        display: inline-block;
    }
    .tcpatientclickblockpmodif .patimg img {
        max-height: 30px;
        width: auto;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .tcpatientbutton button, .tcpatientbutton .fileUpload  {
        margin: 4px 10px 0px 10px;
    }
    .tc-content-consigne {
        width: 98%;
        margin-left: 1%;
    }
    .mandatoriesfields, .tcresumetherdvbut {
        float: left;
        clear: left;
    }
    .tcresume .astep, .tcresume .infosdone, .tcresume .nodone, .tcresume .done  {
    }
    .tc-content-consigne .ardv {
        position: relative;
    }
    .tc-content-consigne .ardv button {
        position: absolute;
        top: 4px;
        right: 2px;
        width: 34px;
    }
    footer {
        display: none;
    }
    .footerblank {
        display: block;
        height: 100px;
    }

}