/* Ubiclic 2016 */

@import url('//fonts.googleapis.com/css?family=Montserrat:200,300,400,500');
@import url('//fonts.googleapis.com/css?family=Roboto:200,300,400,800');

html {
    height: 100%;
    overflow: auto;
    margin-top: 0 !important;
    overflow-x: hidden !important;
    /*
    WTF????
    margin-top:32px!important;
     */

    /*overflow-x: unset;
    overflow-y: paged-x !important;*/

    /** TODO: A VOIR, BUG MAPS */
    /*overflow-y: -webkit-paged-y !important;*/
}

/** Safari hack **/
@media screen and (-webkit-min-device-pixel-ratio: 1) {
    /* Safari only override */
    ::i-block-chrome html {
        /*  overflow-y: unset !important; */
    }
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    root {
        /*overflow-y: unset !important;*/
    }
}}

_:default:not(:root:root), html {
    /*  overflow-y: unset !important; */
}

body {
    /* overflow-y: unset; */
}
body {
    overflow: initial !important;
    width: 100%;
    height: 100%;
    transition: transform 900ms ease;
}

.w0 {
    width: 0 !important;
}

#home-baseline {
    display: none !important; /** Wordpress content **/
}

#home-rdv {
    background-image: none;
    background:linear-gradient(to right, #00A1C3 0%,#0086b1 37%,#4296af 68%,#00A1C3 100%) !important;
}

.ovalediv options {
    font-weight: normal;
}

.ovalediv input[type="button"] {
    cursor: pointer;
    text-align: center;
}

.ovalediv {
    width: 95%;
    background-color: #0a5789;
    box-shadow: 2px 4px 10px 2px rgba(0, 0, 0, 0.5);
    padding: 14px 15px;

    margin-left: auto;
    margin-right: auto;

    border-radius: 3px;
    margin-bottom: 15px;
    text-align: center;
    display: flex;
}

.ovalediv:focus{
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
}

.ovalediv .alert {
    display: none;
    background-color: red;
    color: white;
    padding: 5px;
    margin: 0px 5px;
}

.ovalediv .ovaleinput {
    width: 23%;
    height: 40px;
    border-radius: 3px;
    margin: 0.5%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px;
    text-align: left;
}


.ovalediv .ovaleinput2 {
    /*width: 23%;*/
    height: 55px;
    border-radius: 3px;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    padding: 0px;
    text-align: left;
    border-color: #AAAAAA;
    box-shadow: none;
}


.ovalediv .ovaleleftinput {
    width: 23%;
    height: 40px;
    border-radius: 3px;
    margin: 0.5%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px;
    text-align: left;
}

.ovalediv .ovalerightinput {
    /*background-color: red;*/
    width: 16%;
    height: 100%;
    /*border-radius: 3px;*/
    margin: -4.5%;
    margin-top: 3.5px;
    margin-bottom: -0.5px;
    margin-left: -44px;
    /*padding: 0px;*/
    text-align: left;
    cursor: pointer;
}

/* quand il y a aussi le bouton localisation */
.ovalediv .ovaleinputBtnRechercher {
    /*background-color: blue;*/
    width: 20%;
    height: 100%;
    border-radius: 5px;
    /*margin:1.5%;*/
    margin-top: 3px;
    /*margin-bottom: 70%; */
    margin-left: 54px;
    padding:0px;
    text-align:left;
    cursor:pointer;
}

/* quand il n'y a pas le bouton localisation */
.ovalediv .ovaleinputBtnRechercher2 {
    /*background-color: red;*/
    width: 20%;
    height: 100%;
    border-radius: 5px;
    /*margin:1.5%;*/
    margin-top: 3px;
    /*margin-bottom: 70%; */
    padding:0px;
    text-align:left;
    cursor:pointer;
}

.ovalediv select.ovaleinput {
    height: 42px;
    padding: 2px;
    margin: 0.5%;
}

.ovalediv input[type=text] {
    background-color: white;
}

.ovalediv input[type=button].ovaleinput2 {
    width: 23%;
}

.ovalediv input[type='button'].ovaleinput {
    background-color: #cd0065;
    height: 42px;
    margin: auto;
    color: white;
    margin: 0.5%;
    width: 23%;
}

.ovalediv2 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    margin-bottom: 15px;
    text-align: center;
}

.ovalediv2:focus{
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
}

.ovalediv2 .alert {
    display: none;
    background-color: red;
    color: white;
    padding: 5px;
    margin: 0px 5px;
}

.ovalediv2 .ovaleinput {
    width: 23%;
    height: 40px;
    border-radius: 3px;
    margin: 0.5%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px;
    text-align: left;
}

.ovalediv2 .ovaleinput2 {
    height: 55px;
    border-radius: 3px;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: auto;
    padding: 6px;
    text-align: left;
    border-color: #AAAAAA;
    box-shadow: none;
}

.ovalediv2 .ovaleinput2:focus{
    border-color: none;
}

#cwebagsearchdiv:focus {
    background-color: blue;
}

.ovalediv2 .ovaleleftinput {
    width: 23%;
    height: 40px;
    border-radius: 3px;
    margin: 0.5%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px;
    text-align: left;
}

.ovalediv2 .ovalerightinput {
    margin: -4.5%;
    margin-top: 3.5px;
    margin-bottom: -0.5px;
    margin-left: -42px;
    text-align: left;
    cursor: pointer;
}

/* quand il y a le bouton localisation */
.ovalediv2 .ovaleinputBtnRechercher {
    border-radius: 5px;
    margin-top: 3px;
    margin-left: 64px;
    padding:0px;
    text-align:left;
    cursor:pointer;
}

/* quand il n'y a pas le bouton localisation */
.ovalediv2 .ovaleinputBtnRechercher2 {
    /*background-color: red;*/
    width: 20%;
    height: 100%;
    border-radius: 5px;
    margin-top: 3px;
    padding:0px;
    text-align:left;
    cursor:pointer;
}

.ovalediv2 select.ovaleinput {
    height: 42px;
    padding: 2px;
    margin: 0.5%;
}

.ovalediv2 input[type=text] {
    background-color: white;
}

.ovalediv2 input[type=button].ovaleinput2 {
    width: 23%;
}

.ovalediv2 input[type='button'].ovaleinput {
    background-color: #cd0065;
    height: 42px;
    margin: auto;
    color: white;
    margin: 0.5%;
    width: 23%;
}


#sbcontext {
    z-index: 100!important;
}

#bcontext {
    z-index: 100000!important;
}

#bcontext table {
    background:white!important;
}

.listder table.structure {
    border: none;
    margin: auto;
    background-color: transparent;
    width: 23%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.listder .structure tr {
    border: none;
    padding: 0px;
    background-color: #e5eafb;
}

.listder .structure tr:hover td {
    background-color: #0e7ac0;
    cursor: pointer;
}

.listder .structure th {
    border: none;
}

.listder .structure td {
    background-color: #e5eafb;
    padding: 0px;
    font-size: 13px;
}

.listder .structure div {
    border: none;
    color: inherit;
    font-size: inherit;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
}

.listder .structure tr {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.listder .structure td {
    padding: 0px;
    margin: 0px;
    vertical-align: inherit;
}

.listder .structure td img {
    margin: auto;
}

.listder .structure tr td:first-child {
    padding-right: 0px;
    height: auto;
}

.listder .structure tr td:nth-child(2) {
    padding-left: 0px;
    font-size: 10px;
}

.listder .structure tr td:nth-child(3) {
    padding-right: 0px;
    font-size: 10px;
}

.listder .structure tr td:nth-child(4) {
    text-align: center;
    height: auto;
}

.listder {
    padding: 0px;
    margin: 0px;
    background-color: #FAFAFA;
    border-collapse: collapse;
    border-spacing: 0;
}

.pac-item span {
    font-size: 10px;
}

@media screen and (max-width: 768px) {
    .ovalediv {
        /*min-height:150px;*/
    }
    @media screen\0 {
        section.entete {
            display: none;
        }
    }
    .ovaleinput {
        max-width: 90%;
        margin: 5px;
    }
    .ovalediv select.ovalinput {
        width: 90%;
    }
    .ovalediv input[type='button'].ovaleinput2 {
        width: 90%;
        margin: 5px;
    }
    .ovalediv section.pagepronoubi.champrech div.ovalediv {
        min-height: 225px;
    }
}

@media screen and (max-width: 480px) {
    .ovaleinput {
        width: 100%;
    }
    .ovalediv select.ovalinput {
        width: 100%;
    }
    .ovalediv input[type='button'].ovaleinput2 {
        width: 100%;
    }
}


/**************************************************************/


/********** Page du medecin chez UBI***************************/


/**************************************************************/

.pagepro table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 13px;
}

table.pagepro {
    background-color: #e5eafb;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.pagepro h1 {}

.pagepro .wbutton {
    float: right;
    cursor: pointer;
}

.pagepro tr {
    vertical-align: top;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.pagepro td {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    border: none;
}

.pagepro tr:first-child {
    height: 8%;
}

.pagepro div.pagepro_cadre {
    max-width: 1000px;
    margin: auto;
    background-color: white;
    bottom: 0px;
    position: relative;
    top: 0px;
    height: 100%;
}

.pagepro table.info {
    width: 100%;
    height: auto;
}

.pagepro .info tr {
    width: 100%;
}

.pagepro .info td {
    width: 50%;
    vertical-align: top;
}

.pagepro .info table.nom_user {
    width: 100%;
    /*height:100%;*/
}

.pagepro .nom_user td {
    width: auto;
    text-align: center;
}

.pagepro .nom_user td {
    width: auto;
    text-align: center;
    position: relative;
}

.pagepro .nom_user td:last-child {
    text-align: left;
    padding-left: 10px;
}

.pagepro .nom_user p {
    display: inline-block;
    padding: 10px;
}

.pagepro div img {
    margin-left: 10px;
    margin-top: 20px;
    box-shadow: 4px 4px 4px #aaa;
    border-radius: 3px;
}

.pagepro.breadcrumb {
    margin: 0;
}

.pagepro .breadcrumb-list {
    margin-left: -15px!important;
}

.pagepro .toolimg {
    position: absolute;
    top: -9999px;
    /* masquage image fil d'ariane*/
    max-width: 20px;
    height: 20px;
    margin-left: 0px;
    margin-top: 0px;
    box-shadow: none!important;
    border-radius: 0;
}

.pagepro header {}

.pagepro #map-pro {
    background-color: #CCC;
    width: 100%;
    height: 300px;
    margin-top: 10px;
    margin-left: 50px;
    box-shadow: 4px 4px 4px #aaa;
}

.pagepro .adr {
    width: 100%;
    text-align: center;
    padding-top: 20px
}

.pagepro div header2 {
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.pagepro .tarif {
    margin-top: 0px;
    padding-bottom: auto;
    background-color: #e5eafb;
    border-radius: 3px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.pagepro .webagdispo_frame {
    width: 90%;
    margin: auto;
}

.pagepro header2 p {
    padding-left: 10px;
}

.pagepro #border {
    border-bottom: 1px solid #0065a0;
    width: 70px;
    position: relative;
    left: 0px;
    margin: auto;
}

a.pagepro {
    color: blue;
}

a.pagepro:hover {
    text-decoration: underline;
}

.txt_nonubi {
    background-color: #f5f5f5;
    margin: auto;
    text-align: center;
    padding: 20px;
    width: 90%;
}

.txt_nonubi h3 {
    margin: 10px 0!important;
}

.txt_nonubi .button {
    margin: 10px 0 20px 0!important;
}

.close_button {
    text-align: center;
    width: 100%;
    margin: 30px 10px 0;
}

}

.close_button input[type=button] {
    cursor: pointer;
}

.close_button a {
    cursor: pointer;
    text-decoration: underline;
    color: #2f1502;
}

.close_button a:hover {
    color: #CD0065;
    background-color: white!important;
}

/***popup_modif*****/

.popup_modif {
    height: fit-content;
    padding-bottom: 40px !important;
    width: 650px;
    overflow: auto;
    background-color: white;
    text-align: center;
}

.pop_confirm {
    overflow: auto;
    background-color: white;
}

.popup_modif input[type=text] {
    width: 80%;
    padding: 1px;
}

.popup_modif table tr td {
    border: 0;
    padding-right: 3px;
    vertical-align: top;
}

.popup_modif table tr td:first-child {
    width: 250px;
}

.popup_modif table {
    width: 100%;
}

.popup_modif input[type=button] {
    /* width: 250px;
     padding: 1px;
     margin-top: 5px;
     cursor: pointer;*/
}

.popup_modif textarea {
    height: 30px;
    width: 80%;
}

@media screen and (max-device-width: 640px) {
    table.pagepro {
        background: #FFF;
    }
    .pagepro td {
        display: inline-block;
        width: 100%;
    }
    .pagepro .webagdispo_frame td {
        display: table-cell;
    }
    .pagepro .nom_user td {
        display: table-cell;
    }
    .pagepro .nom_user td.img_perso {
        width: 10%;
        vertical-align: middle;
    }
    .pagepro .nom_user td.img_perso {
        padding-bottom: 5%;
    }
    .pagepro .nom_user td.img_perso img {
        margin-bottom: 50%;
    }
    .pagepro .info td {
        width: 100%;
        font-size: 1.1em;
        text-align: left;
    }
    .pagepro .info td header {
        font-size: 2em;
    }
    .pagepro .info td p {
        font-size: 1.1em;
        margin-bottom: 0px;
        padding: 0px;
    }
    .pagepro .info td {
        padding: 5px;
    }
    .pagepro .info tbody .toolimg {
        display: none;
    }
    .pagepro .info tbody .bouton .toolimg {
        display: inherit;
    }
    .pagepro #map-pro {
        width: 88%;
        height:100%;
    }
    th.jourssemaine:last-child {
        /*display: none;*/
    }
    .pagepro .info td.dimanche:last-child {
        display: none;
    }
    .pagepro .info header2 {
        font-size: 1.2em;
    }
    .pagepro .webagdispo_frame {
        width: 100% !important;
        margin: 0px !important;
        padding: 1%;
    }
    .pagepro .info div.tableau_complet {
        width: 100% !important;
    }
    h1 {}
    .pagepro .wbutton {
        /*font-size: 0.7em !important;
        height: 2.5em !important;*/
    }
    .close_button a {
        /*font-size: 1.5em;*/
    }
    .adr {
        /*font-size: 1.5em;*/
    }
    .ddispos {
        /*font-size: 1.6em !important;*/
    }
    .heurecreneau {
        width: 0.5em !important;
        height: 0.5em !important;
    }
    .nomcreneau {
        font-size: 1.1em !important;
    }
    a.pagepro {
        display: none;
    }
    .jourssemaine b {
        /*font-size: 1.1em;*/
    /
    }
    /* 		Connexion */
    table.table_inscription {
        width: 97% !important;
        text-align: center;
        border: 0;
    }
    table.table_inscription > tbody {
        display: inline-block;
        font-size: 2.3em;
    }
    table.table_inscription tbody input[type="text"] {
        padding: 2% !important;
        border-radius: 3px;
        font-size: 1em;
    }
    table.table_inscription tbody input[type="password"] {
        padding: 2% !important;
        border-radius: 3px;
        font-size: 1em;
    }
    table.table_inscription tbody input[type="button"] {
        width: 100% !important;
        height: auto !important;
        /*font-size: 1.5em;*/
        /*border-radius: 30px;*/
    }
    table.table_inscription tbody input[type="button"]:active {
        background-color: #CBD1E4;
    }
    table.table_inscription tbody span {
        /*font-size: 0.8em;*/
    }
    table.table_inscription tbody a {
        /*font-size: 0.8em;*/
    }
    table.table_inscription tbody label {
        /*border-radius: 37px;*/
        padding: 10px;
        /*font-size: 0.8em;*/
    }
    input:focus {
        outline: 0;
        border-color: #4697e4;
    }
    .pop_confirm_inscription img {
        width: 5%;
    }
    /* 		Prise de rdv */
    .pop_confirm_inscription h2.sstitre {
        font-size: 1.5em;
    }
    .instruction > div {
        /*font-size: 1.5em;*/
    }
    .instruction input[type="button"] {
        border-radius: 3px !important;
        /*font-size: 1.5em;*/
    }
    .instruction input[type="button"]:active {
        background-color: #CBD1E4;
    }
    .table_inscription td:first-child {
        text-align: center;
    }
    /* 		Gestion rdv */
    /*,
    .ongletjsactive {
        font-size: 1.45em;
    }
    .ongletjs {
        background: ghostwhite;
    }*/
    .pop_confirm_inscription h2 {
        font-size: 1.5em !important;
    }
    .webag_lst td.deploy {
        font-size: 1.2em !important;
    }
    .webag_lst td,
    .jslist td {
        font-size: 1.1em !important;
    }
    div.respconseils {
        font-size: 1.1em;
    }
    td.tools>img {
        width: 50% !important;
    }
    td.jsl_text_xlarge input {
        width: 100%;
        height: 100%;
        font-size: 1em;
    }
    div.ongletext {
        height: 960px !important;
    }
    .pop_confirm_inscription input[type=button] {
        height: 50px !important;
        /*font-size: 1.5em;*/
        border-radius: 3px;
    }
    .table_inscription td {
        font-size: 1em;
    }
    .table_inscription input[type=text] input[type=password] input[name='mail_connexion'] {
        width: 75% !important;
    }

    td.respdecal {
        padding-right: 7%;
    }
    select {
        /*height: 6em !important;*/
        width: 12em !important;
    }
    .respmdp {
        font-size: 1.1em !important;
    }
    .respterminer {
        margin-top: 4.4em;
    }
    table.table_inscription tbody input[value="Enregistrer"] {
        border-radius: 3px;
        width: 50% !important;
    }
    #webagnew_inscriptionhmdps td {
        font-size: 1em;
    }
    .respdeco {
        font-size: 1.2em;
    }
    div#webagnew_inscriptionongconsol_ongldiv {
        height: 955px !important;
    }
    h2>span.sstitre {
        font-size: 0.75em;
    }
    /* 		Prise de rdv */
    #webagubi_inscriptioninstructions {
        width: 100% !important;
    }
    #webagubi_inscriptiontable_instruction td {
        font-size: 16px;
    }
    #nco_ubi {
        height: 2em !important;
        width: 12em !important;
        font-size: 1.5em;
    }
    #webagubi_inscriptiontable_instruction label {
        display: -webkit-inline-box;
    }
    #webagubi_inscriptiontable_instruction label:first-child {
        border-radius: 3px;
    }
    textarea[name="txt"] {
        padding: 2% !important;
        border-radius: 3px;
        font-size: 1em;
    }
    textarea[name="txt"] {
        outline: 0;
        border-color: #4697e4;
    }
    input.respbtnrdv {
        display: none;
    }
    .sstitre {
        /*font-size: 1.5em;*/
    }
    #lst_webagnew_aven {
        display: none;
    }
    .deploy img {
        width: 3em !important
    }
    #lst_webagnew_table tr td:first-child {
        min-width: 2.5em;
    }
    #lst_webagnew_table tr td.col-date {
        min-width: 2.5em;
        background: #00B9D2;
        color: white;
        font-weight: bold;
    }

    #lst_webagnew_table tr td a:link, #lst_webagnew_table tr td a:visited{
        color: white;
        background-color: #005173;
        border-radius: 5px;
        padding: 5px;
        text-decoration: none;
    }

    td[id='lst_webagnew_tdeplacer_*'] a {
        display: none;
    }

    #lst_webagnew_table tr td a:hover{
        background-color: #00b9d2;
    }

    #webagubi_inscriptionhnvproche td:first-child {
        /*font-size: 1em !important;*/
    }
    .table_suivi td {
        font-size: 1.2em;
    }
    .respterminer input[type=button] {
        height: 2em !important;
        width: 8em !important;
        font-size: 1.7em;
    }
    #webagubi_inscriptionongconsol_ongldiv {
        height: 950px !important;
    }
    /******Gros cas*********/
    .aspecialite {
        /*font-size: 3em;*/
    }
    #owebagdispoprelspecialite {
        display: inline-block;
    }
    .liste_specialite h2.titre_liste,
    h2#titre_liste_med {
        /*font-size: 3em !important;*/
    }
    #owebagdispoprelmedecin div.display_allmed {
        width: 100%;
    }
    .display_allmed a {
        /*font-size: 3em;*/
    }
    /*.limedecin a {*/
    /*font-size: 2.5em;*/
    /*}*/
    /**************GESTION PROBLEME GOOGLE MAPS***************************/
    .pagepro .info td div img {
        box-shadow: none;
    }
    /***************************************************************************/
}


/**************************************************************/


/********** Selection***************************/


/**************************************************************/

@media screen and (min-width:768px) {
    div.lien_webag {
        -webkit-columns: 4 auto;
        -moz-columns: 4 auto;
        columns: 4 auto;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        -webkit-column-rule: 1px solid #000;
        -moz-column-rule: 1px solid #000);
        column-rule: 1px solid #000;
        -webkit-column-fill: balance;
        -moz-column-fill: balance;
        column-fill: balance;
        display: table-row;
        /*display: block;*/
        margin: 10px 0;
        padding-top: 30px;
    }
    .lien_webag_elem {
        margin: 0;
        /*break-before: column;
		-webkit-column-break-before: column;
		-moz-column-break-before: column;
		-ms-column-break-before: column;
		-o-column-break-before: column;*/
        page-break-inside: avoid;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        /* Firefox */
        -ms-column-break-inside: avoid;
        /* Internet Explorer */
        -o-column-break-inside: avoid;
        /* Opera */
        display: table;
        margin-top: 0;
        margin-bottom: 20px;
        margin-right: 10px;
        width: 100%;
        padding-left: 10px;
        background-color: #f5f5f5;
    }
}

.lien_webag a {
    text-decoration: underline;
}

.lien_webag a:hover {
    color: #CD0065;
}

.lien_webag h1 {
    margin: 0 0px 0.4em;
}

.lien_webag h2 {
    color: #303030;
    margin: 0 0px 0.4em;
}

.lien_webag h4 {
    font-size: 1.21em;
    margin: 0 0px 0.3em;
}

.rowubi {
    margin: 0 -10px;
    margin-bottom: 10px;
}

.rowubi:last-child {
    margin-bottom: 0;
}

[class*="colubi-"] {
    padding: 10px;
}

.btn-agenda {
    background-color: #004766;
    background-image: -webkit-linear-gradient(#008fce, #004766);
    background-image: linear-gradient(#008fce, #004766);
    border: 1px solid #004766;
    border-radius: 3px;
    color: white;
    font-size: 13px;
    height: 20px;
}

.content_pro {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.content_pro.pagepro-subtitle #title-tel{
    color: #FFFFFF!important;
}
.content_pro.pagepro-subtitle #title-tel a{
    color: #FFFFFF!important;
}
.profile_photo {
    margin-left: 0;
    margin-top: 0;
}

.gmaps_container {
    height: 300px;
    margin:45px;
}

.separator {
    border-bottom: 1px solid #e2e2e2;
}

td {
    border-bottom: none;
}

li {
    float: none;
}


/*Nouvelle structure pages pro*/

@media all and ( min-width: 768px) {
    .rowubi {
        margin-bottom: 34px;
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    [class*="colubi-"] {
        display: table-cell;
    }
    /* set col widths */
    .colubi-1-2 {
        width: 50%;
    }
    .colubi-1-3 {
        width: 33.33%;
    }
    .colubi-1-4 {
        width: 25%;
    }
    .colubi-1-5 {
        width: 20%;
    }
    .colubi-1-6 {
        width: 16.6667%;
    }
    .colubi-1-7 {
        width: 14.2857%;
    }
    .colubi-1-8 {
        width: 12.5%;
    }
    .colubi-1-9 {
        width: 11.1111%;
    }
    .colubi-1-10 {
        width: 10%;
    }
    .colubi-1-11 {
        width: 9.0909%;
    }
    .colubi-1-12 {
        width: 8.3333%;
    }
    .colubi-1-20 {
        width: 5%;
    }
    .colubi-5 {
        width: 5%;
    }
    .colubi-10 {
        width: 10%;
    }
    .colubi-15 {
        width: 15%;
    }
    .colubi-20 {
        width: 20%;
    }
    .colubi-25 {
        width: 25%;
    }
    .colubi-30 {
        width: 30%;
    }
    .colubi-35 {
        width: 35%;
    }
    .colubi-40 {
        width: 40%;
    }
    .colubi-45 {
        width: 45%;
    }
    .colubi-50 {
        width: 50%;
    }
    .colubi-55 {
        width: 55%;
    }
    .colubi-60 {
        width: 60%;
    }
    .colubi-65 {
        width: 65%;
    }
    .colubi-70 {
        width: 70%;
    }
    .colubi-75 {
        width: 75%;
    }
    .colubi-80 {
        width: 80%;
    }
    .colubi-85 {
        width: 85%;
    }
    .colubi-90 {
        width: 90%;
    }
    .colubi-95 {
        width: 95%;
    }
    .colubi-100 {
        width: 100%;
    }
    .colubi-2-3 {
        width: 66.66%;
    }
    .colubi-3-4 {
        width: 75%;
    }
    .colubi-4-5 {
        width: 80%;
    }
}

.pagepro .wbutton {}

.pagepro .webagdispo_frame .toolimg {
    margin-left: 0px;
}

.pagepro .webagdispo_frame {
    margin-top: -30px;
}

.pagepro .toolimg {
    margin-left: 20px;
}

.content_pro h1,
h2,
h3,
h4,
h5,
h6 {}

.content_pro h1 {}

.content_pro h3 {}

.content_pro h4 {}

.content_pro h5 {}

.bold {
    font-weight: bold;
}

.clickable-adr {
    cursor: pointer;
}

.pink-font, .clickable-adr:hover {
    color: #da328a;
    font-weight: bold;
}

#owebagdispoprelst_mot_soc {
    padding-bottom: 0;
    border: 1px solid #ecf0f1;
    border-radius: 3px;
}

#img_cross{
    position: fixed !important;
    top: 0 !important;
    right:0 !important;
}

/*/////////// Ajouts ///////////*/

.pop_confirm .table_inscription {
    width: 90% !important;
    max-width: 750px !important;
    margin: 0 auto;
    border: 1px solid #ddd;
    margin: 2% auto auto !important;
}

.pop_confirm {
    overflow: auto;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    border: none !important;
}

.pop_confirm.pop_confirm_inscription h1 {
    background-color: transparent;
    text-align: center;
    color: #00B9D2;
    font-size: 26px;
}

.close_button {
    padding-bottom: 20px;
}
.appli-rdv .close_button a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    text-decoration: none;
    line-height: 1.2em;
    max-width: 250px;
    padding: 20px 10px 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    color: #00b9d2; }
.appli-rdv .close_button a::before {
    position: relative;
    width: 100%;
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
    font-size: 40px;
    font-size: 2.5rem;
    top: 10px;
    left: 10px;
    margin: 0 0 30px 0;
    padding: 0 10px 0 0;
    color: #00b9d2; }
.appli-rdv .close_button a:hover,
.appli-rdv .close_button a:focus {
    background-color: #00b9d2;
    color: #CD0065; }
appli-rdv .close_button a:hover::before,
appli-rdv .close_button a:focus::before {
    color: #CD0065; }

.close_button {
    padding-bottom: 20px;
}
#wrapper.appli-rdv .close_button a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    text-decoration: none;
    line-height: 1.2em;
    max-width: 250px;
    padding: 20px 10px 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    color: #00b9d2; }
#wrapper.appli-rdv .close_button a::before {
    position: relative;
    width: 100%;
    content: "\e86f";
    display: block;
    font-family: "Linearicons-Free";
    font-size: 40px;
    font-size: 2.5rem;
    top: 10px;
    left: 10px;
    margin: 0 0 30px 0;
    padding: 0 10px 0 0;
    color: #00b9d2; }
#wrapper.appli-rdv .close_button a:hover,
#wrapper.appli-rdv .close_button a:focus {
    background-color: #00b9d2;
    color: #CD0065; }
#wrapper.appli-rdv .close_button a:hover::before,
#wrapper.appli-rdv .close_button a:focus::before {
    color: #CD0065; }

.unstyled-list {
    list-style: none;
}

.ubiclic-title {
    text-align: center;

    font-size: 26px;
    padding-left: 40px;
}

#seo-container {
    font-size: 12px;
}

.seo-list {
    margin: 10px auto;
}

#spe-list {
    width: fit-content;
}

@media all and (min-width: 768px) {
    .webagubiunivers.content_pro {
        min-height: 650px;
    }

    .seo-container {
        display:table;
        margin: 0 auto;
    }

    .seo-list > ul{
        max-width: 33%;
        height: 100%;
        display: inline-block;
        vertical-align: top;
    }

    #med-list ul {
        max-width: 23%;
    }
}

@media all and (max-width: 768px) {
    .seo-list > ul{
        height: 100%;
    }

    .seo-list > ul > li{
        text-align: center;
        padding:3%;
    }
}

@media all and (max-width: 479px) {
    #main-navigation #mobile-nav-button {
        margin-top: 15px !important;
    }

    #header #secondary-header #top-widget a.wbutton {
        margin-top: 34px !important;
    }
}


.content_pro, .page-button {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/*.content_pro:hover {
    border: 1px solid #00b9d2;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 14px rgba(51,51,51,0.2);
}*/

h1.content_pro {
    font-size: 20px !important;
    color: #435f71 !important;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    min-height: 0 !important;
}

.page-button {
    text-align: center;
    font-weight: bold;
    border: 2px solid #00b9d2;
    background-color: white;
    color: #00b9d2;
    cursor: pointer;
    display: inline-block;
}
.page-button:hover {
    background-color: #00b9d2;
    text-decoration: none;
    color:white;
}

.page-button:focus {
    outline: 0;
}

/* listes */

/*.seo-list {
    background-color: #f1f1f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    margin: 20px auto;
}*/

#med-list {
    max-width: 90%;
}

#char-list {
    text-align: center;
}

#med-list li {
    font-size: 14px;
    margin-left: 0px;
    margin-top: 20px;
    padding: 5px;
}

#med-list .med-spec {
    font-size: 12px;
    color: #435f71;
    opacity: 0.8;

    margin-bottom:5px;
}

#med-list .med-adr {
}

#char-list li {
    cursor: pointer;
    display: inline;
}

#char-list li a, #page-list li a {
    color: #435f71;
}

li.active.list-inline a {
    color: #0596de !important;
}

#char-list li a:hover {
    text-decoration: underline;
}

#page-list {
    text-align: center;
}

#page-list li {
    display: inline;
    cursor: pointer;
    background-color: #f1f1f0;

    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    margin: 0 5px;
}

/* footer */

#footer-base {
    margin-left: 0;
    margin-right: 0;
}

#footer-degrade {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff2f6+0,dfdfdf+100 */
    background: #eff2f6; /* Old browsers */
    background: -moz-linear-gradient(top, #eff2f6 0%, #dfdfdf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eff2f6 0%,#dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eff2f6 0%,#dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f6', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

    width: 100%;
    height: 80px;
}

#footer-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding-bottom: 20px;

    font-size: 12px;
}

#footer-wrapper ul, footer div.colubi-50 {
    padding: 0;
}

#footer-wrapper h3 {
    letter-spacing: 1px;
    font-size: 19px;
}

#footer-wrapper h3 {
    margin-bottom: 10px;
}

#footer-wrapper #med-search ul > li {
    display: inline;
    padding-right: 15px;
}

.content-area:before, .content-area:after, main:before, main:after {
    content: '' !important;
    display: none !important;
}

.search-top-bg #webagform_ubi {
    margin: 0 !important;
}

/* search results */

#sbcontext tr td {
    background-color: white !important;
    color: #435f71 !important;
}
#sbcontext tr td.hover {
    background-color: #ccecfa !important;
}

.round {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

/* search bar */


.search-bar-wrapper {
    max-height: 60px !important;
}

#searchbar-name-wrapper, #searchbar-city-wrapper, #searchbar-spe-wrapper {
    position: relative;
    min-width: 28%;
}

#searchbar-name-wrapper input {
    border: 0px;
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #d2dbde;
}

#searchbar-spe-wrapper > input {
    border-radius: 0;
}

#searchbar-city-wrapper input {
    border-radius: 0;
    border-left: 1px solid #d2dbde !important;
}

#searchbar-name-wrapper {border-radius: 10px 0 0 10px;
}

#searchbar-name-wrapper input, #searchbar-city-wrapper input, #searchbar-spe-wrapper .select2-selection {
    padding: 0 40px;
    color: #435f71 !important;
    font-size: 16px;
    font-family: Roboto,Arial,sans-serif;
}

#searchbar-city-wrapper input {
    padding-right: 0px;
}

#searchbar-validate-wrapper {
    width: 200px;
    border-radius: 0 8px 8px 0;
}

#searchbar-city-wrapper {
    background-color: white;
}

.searchbar-wrapper-element {
    display: inline-block;
    height: 100%;
}

.searchbar-wrapper-element, #around {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

#around {
    color: #808F9B;
}

#searchbar-city-left-wrapper {
    width: 100%;
}

#searchbar-city-right-wrapper {
    width: 40px;
    line-height: 60px;
    background-color: #ecf0f1;

    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;

    cursor: pointer;
}

#searchbar-city-right-wrapper:hover #searchbar-locate-icon {
    opacity: 1;
}

#searchbar > div > button {
    border-radius: 0 8px 8px 0;
}

#searchbar-validate-wrapper button {
    border: none;
}

#searchbar {
    width: 900px !important;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
}

#searchbar > div {
    display: inline-flex;
    -webkit-flex-basis: auto;
}

#searchbar div > input, #searchbar > div > button {
    width: 100%;
    height: 100%;
}

#medrech_name {
    padding: 0 40px;
}

#cwebagnommed_rech3 {
    width: 100%;
    padding: 0 40px;
}

#searchbar-name-wrapper:focus  .searchbar-icon {
    color: red;
}

#search-validate {
    cursor: pointer;

    /*background-color: #3498db;*/
    background-color: #145886;
    color: white;

    font-family: Montserrat,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
}

.searchbar-icon {
    position: absolute;
    top: 15px;

    color: #435f71;
    z-index: 2;
    font-size: 1.5em !important;
    opacity: 0.3;
}

.geolocation-active {
    width: 100% !important;
    border-radius: 0 !important;

    opacity: 1 !important;
}

.icon-left {
    left: 8px;
}

.icon-right {
    right: 5px;
}

#searchbar-name-wrapper, #searchbar-city-wrapper, #medrech_name, #cwebagnommed_rech3, #cwebag_rechspec, #search-validate {
    border: 0 !important;
    height: 60px !important;
    max-height: 60px !important;
}

#cwebagnommed_rech3, #medrech_name, #cwebag_rechspec, #search-validate, *:focus {
    outline:0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    opacity: 0.3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity: 0.3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: 0.3;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 0.3;
}

::placeholder { /* Most modern browsers support this now. */
    opacity: 0.3;
}

.focused {
    opacity: 1 !important;
}

.inactive {
    cursor: default !important;
    opacity: 0.3 !important;
}

.active-right {
    z-index: 1;
    box-shadow: 2px 0px 5px 0px #bdc3c7;
}

.active-left {
    z-index: 1;
    box-shadow: -2px 0px 5px 0px #bdc3c7;
}

#searchbar-spe-wrapper .select2-container--default, .select2-selection--default, .select2-selection.select2-selection--single {
    width: 100% !important;
    height: 100% !important;
}

#searchbar-spe-wrapper .select2-selection__arrow, .select2-selection__rendered {
    height: 100% !important;
}

#searchbar-spe-wrapper .select2-selection__arrow {
    height: 90% !important;
}

#searchbar-spe-wrapper .select2-selection__rendered {
    padding-top: 0 !important;

    min-height: 60px !important;
    line-height: 60px !important;

    color: #435f71 !important;
    opacity: 0.2;
}

#searchbar-spe-wrapper .select2-selection.select2-selection--single {
    padding-left: 40px !important;

    border: 0 !important;
    background-color: white !important;
    border-radius: 0 !important;
}

#searchbar-spe-wrapper > .select2, .select2-container, .select2-search__field {
    font-family: Roboto,Arial,sans-serif !important;
    color: #435f71 !important;
}

#searchbar-spe-wrapper .select2-search__field {
    border-radius: 5px !important;
}

#searchbar-spe-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #fff !important;
    font-size: 1.3em !important;
    padding: 4px 12px !important;
    height: 27px !important;
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    width: 20px !important;
}

#owebagdispoprecadrecp > div > span.select2.select2-container{
    float:none;
}

.home #container #home-rdv .inner {
    max-width: 1200px;
}

.display-msg{
    display: none;
    border-color: #f8d7da;
    background-color:#f8d7da;
    border-radius: 5px;
    color: #eb2f06;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

.display-msg-suc{
    display: none;
    border-color: #cce5ff;
    background-color:#cce5ff;
    border-radius: 5px;
    color: #1e90ff;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* ACCORDEON ===========================================================*/

div[id="accordeon_rdv"]{
    margin-top: 20px;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

.accordion:after {
    content: '+';
    font-size: 15px;
    font-weight: bold;
    color: #777;
    float: right;
    margin-left: 5px;
}

#char-list .active > a {
    color: white;
}

.active:after {
    font-weight: bold;
    color: white;
}

.active, .accordion:hover {
    background-color:#00A1C3;
    color: white;
}

.panel {
    padding-left: 38px;
    padding-right: 38px;
    background-color: white;
    border-left: solid 3px #00A1C3;
    border-right:solid 3px #00A1C3;
    border-bottom: solid 3px #00A1C3;
    max-height: 0;
    margin-top: -3px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel p{
    margin-top: 20px;

}

.panel input {
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

/* REFONTE PAGEPRO =================================================== */

#content-full.fiche-rdv {
    padding-bottom: 20px !important;
    background-color: #EFF2F6 !important;
}

.fiche-rdv .profile_photo {
    border: none !important;
    border-radius: 8% !important;
    box-shadow: none !important;

    margin-left: 0 !important;
    transition: z-index 0.2s step-end, opacity 0.2s linear;
}

.fiche-rdv .profile_overlay {
    background: linear-gradient(to right, #00A1C3 0%,#0086b1 37%,#4296af 68%,#00A1C3 100%);
    width: 100%;
    height: 140px;
}

.fiche-rdv .profile_navbar {
    background-color: white;
    width: 100%;
    opacity: 1;

    box-shadow: 0 4px 2px -2px #bdc3c7;
    z-index: 106 !important;
}

.fiche-rdv .entry-background-header {
    position: absolute;
    height: 180px;
    width: 100%;
}

.fiche-rdv .entry-navbar-header {
    position: relative;
    height: 120px;

    padding: 0;
    padding-right: 14px;

    min-width: 350px;
    max-width: 1110px;
    margin: 0 auto;
    z-index: 106;
}

.fiche-rdv .profile_photo_container, .fiche-rdv .profile_title_container {
    height: fit-content;
    color: white;
}

.fiche-rdv .profile_photo_container {
    width: 150px !important;
    padding-top: 20px !important;
}

.fiche-rdv .profile_title_container {
    position: absolute;
    padding-left: 20px;
    top: 15px;
}

.fiche-rdv .profile_photo_container > .profile_photo {
    margin-top: 0 !important;
}

.fiche-rdv #profile_navbar_menu {
    list-style: none;
    line-height: 60px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0;
    min-height: 60px;
}

.fiche-rdv #profile_navbar_menu li {
    display: inline-block;
    cursor: pointer;
    height: 100%;
    padding: 0 5px;
    margin-bottom: 0;
}

.fiche-rdv #profile_navbar_menu li a {
    height: 100%;
    width: 100%;
    display: block;
    padding: 10px;
    transition: none;
    border-bottom: 2px solid transparent;
}

.fiche-rdv #profile_navbar_menu a, .fiche-rdv #profile_navbar_menu a:hover {
    color: black;
    text-decoration: none;
}

.fiche-rdv #profile_navbar_menu li:hover:not(#logo-ubi) a{
    border-bottom: 2px solid #DA328A;
}

.fiche-rdv #profile_navbar_menu {
    transition: all 0.2s ease;
    justify-content: center;
}

.fiche-rdv #pagepro-title > h1 {
    line-height: 30px;
    font-size: 26px;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 300;

    word-spacing: 2px;
    letter-spacing: 2px;
    min-height: 20px;
    height: fit-content;
    width: 100%;

    margin-top: 0!important;
    margin-bottom: 0!important;
}

.fiche-rdv #pagepro-subtitle h3, .fiche-rdv #pagepro-subtitle h2 {
    line-height: 19px !important;
    font-size: 16px !important;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;

    margin-bottom: 0!important;
    margin-top: 10px!important;
    margin-left: 2px;

    width: 100%;
}

.fiche-rdv #title-tel {
    margin-top: 5px;
}

.fiche-rdv #title-specialite {
    margin-top: 5px;
}

.fiche-rdv .rowubi.pagepro.header {
    margin: 0;
}

.fiche-rdv .inline-block {
    display: inline-block;
}

/* CONTENT PAGEPRO */

.fiche-rdv .info-content {
    background-color: #EFF2F6;
    padding-top: 100px;
}

.fiche-rdv .info-block {
    padding: 20px 15px;
    margin-top: 20px;

    background-color: white;
    border-radius: 4px;
}

.fiche-rdv .info-block h3 {
    margin: 0;
    padding-bottom: 3px;

    color: #0086B1;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;

    font-weight: 500;

    letter-spacing: 0.1px;
}

.fiche-rdv .info-block .block-title i {
    color: #C8CED4;
}

.fiche-rdv .info-block .block-title h3 {
    display: inline-block;
    margin-left: 10px;
    font-size: 22px;
    color: #0086B1;
}

.fiche-rdv .info-block .info-block-content {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
}

.fiche-rdv .top-separator {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 2px solid #bdc3c7;
}

#content-full.fiche-rdv {
    padding: 0;
    background-color: #F1F1F0;
}

#content-full.fiche-rdv .info-content {
    min-width: 300px;
    max-width: 1200px;

    margin: 0 auto;
}

.fiche-rdv #info-convention {
    margin-top: 10px;
}

.fiche-rdv #info-skills ul {
    margin-top: 15px;
}

.fiche-rdv #info-agenda.info-block-content {
    margin: 0 auto;
    padding-top: 20px;
    width: 100%;
}

.fiche-rdv #webagdispo_ubi {
    margin: 0 auto;
}

.fiche-rdv #info-agenda.info-block-content .title-agenda, #info-agenda.info-block-content .titre_liste, #info-agenda.info-block-content .tr_casecreneau {
    color: #0086B1 !important;
}

.fiche-rdv #info-agenda.info-block-content .title-agenda {
    font-size: 26px;

    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.fiche-rdv #info-nocli-wrapper {
    text-align: center;
}


#info-tarif-wrapper {
    min-height: 150px;
}
#info-tarif-wrapper:after {
    clear: both;
    content: '';
    display: inline-block;
}

.fiche-rdv .info-description {
    padding-bottom: 20px;
}

/** MAP PRO */

.fiche-rdv .webagubiunivers .info-map, .fiche-rdv .webagubiunivers .gmaps_container {
    height: fit-content !important;
    width: auto !important;

    /*position: absolute;
    right: 0;
    top: 0;*/
}

.webagubiunivers.content_pro, .webagubiunivers.content_pro .gmaps_container {
    position: relative;
}

.webagubiunivers .info-localisation {
    width: 100% !important;
}

@media all and (max-width: 767px) {
    .webagubiunivers .info-map {
        position: relative !important;
        display: block !important;
        top: 0 !important; /* ???? */
    }
}

@media all and (min-width: 1140px) {
    .fiche-rdv .entry-navbar-header, #content-full .info-content {
        width: 1110px;
    }
}

@media all and (max-width: 1140px) {
    .fiche-rdv .entry-navbar-header, #content-full .info-content, .fiche-rdv #profile_navbar {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media all and (min-width: 820px) {
    .fiche-rdv #btn-rdv-container-mobile {
        display: none;
    }

    .fiche-rdv .block-right {
        width: 50% !important;
        display: inline-block;
        margin: 0;
        padding: 0px 15px;
        float: right;
    }

    .fiche-rdv .block-left {
        width: 50%;
        display: inline-block;
        padding: 0;
    }

    .fiche-rdv #info-localisation-wrapper > .block-left:first-child {
        width: 42%;
    }

    .fiche-rdv #map-pro, .fiche-rdv #map-pro .gm-style, #map-pro > div {
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
    }

    .fiche-rdv .map-wrapper {
        padding: 0;
        min-height: 350px;
    }

    .fiche-rdv .map-wrapper .block-right {
        display: inline-block;
        height: 100%;
        padding :0;
        float: right;
        width: 100%;
    }

    .fiche-rdv .map-wrapper .block-left {
        display: inline-block;
        width: 50%;
        padding: 20px 15px;
    }

    .fiche-rdv .map-wrapper .gmaps_container {
        height: 100%;
        /* width: fit-content !important; */
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .fiche-rdv .map-wrapper .info-map {
        margin: 0;
        padding: 0;
        width: 40%;
    }

    .info-block.map-wrapper .block-left, .info-block.map-wrapper .block-right {
        width: 50% !important;
    }

    .info-block.map-wrapper .block-left, .info-block.map-wrapper .block-right {
        /*  float: left; */
        vertical-align: top;
        display: table-cell;
        float: none;
    }

    .info-block.map-wrapper .block-right
    {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .info-block.map-wrapper {
        position: relative;
        overflow: hidden;
        display: table;
        width: 100%;
    }

    .fiche-rdv .map-wrapper #map-pro {
        height: 100%;
        margin:0;
        padding: 0;
    }

    #profile_overlay.extended {
        height: 180px;
    }

    .info-content.extended {
        padding-top: 140px;
    }

    .fiche-rdv .info-map, .fiche-rdv .gmaps_container {
        height: 100% !important;
        width: 100% !important;
    }
}


@media all and (max-width: 820px) {
    /** HEADER **/
    .fiche-rdv .entry-navbar-header, #content-full .info-content, .fiche-rdv #profile_navbar {
        padding-left: 10px;
        padding-right: 10px;
    }

    .fiche-rdv .profile_overlay, .fiche-rdv .entry-navbar-header {
        height: 350px !important;
    }
    .fiche-rdv .entry-navbar-header{
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .fiche-rdv .profile_photo_container {
        margin: 0 auto !important;
    }

    .fiche-rdv .profile_photo_container, .fiche-rdv .profile_title_container {
        text-align: center;
        display: block !important;
        position: relative !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .fiche-rdv .navbar-menu-item {
        display: none !important;
        width: 100% !important;
        padding-left: 0 !important
    }

    .fiche-rdv #profile_navbar {
        /*display: none !important;*/
        text-align: center;
    }

    .fiche-rdv #profile_navbar_menu {
        padding-left: 0 !important;
        width: 100% !important;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        padding: 10px 0px;

    }

    .fiche-rdv .info-content {
        padding-top: 0px !important;
    }
    .fiche-rdv .entry-background-header {
        position: relative;
        height: auto;
    }


    /** FIN HEADER **/

    .fiche-rdv .block-right {
        width: 100% !important;
        margin: 0;
        padding: 20px 0px;
    }

    .fiche-rdv .block-left {
        width: 100%;
        padding: 20px 0px;
    }

    .fiche-rdv #map-pro, #map-pro .gm-style, .fiche-rdv #map-pro > div {
        border-bottom-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .fiche-rdv .map-wrapper {
        padding: 0;
        min-height: 350px;
    }

    .fiche-rdv .map-wrapper .block-right {
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .fiche-rdv .map-wrapper .block-left {
        width: 100%;
        padding: 20px 15px;
    }

    .fiche-rdv .map-wrapper .gmaps_container {
        height: 100%;
        width: 100% !important;
        margin: 0;
        padding: 0;
    }

    .fiche-rdv .map-wrapper .info-map {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .fiche-rdv .map-wrapper #map-pro {
        min-width:300px;
        width: 100%;
        height:350px;

        margin: 0 !important;
        padding: 0;
    }

    .fiche-rdv .info-block .info-block-content#info-agenda {
        margin-left: 0!important;
        margin-right: 0!important;
        padding-top: 10px;
    }

    #profile_overlay.mobile-extended {
        height: 400px !important;
    }

    .info-content.mobile-extended {
        padding-top: 40px !important;
    }

    #pagepro-subtitle h3#title-st {
        margin-top: 15px !important;
    }
}

.fiche-rdv .navbar-active {
    border-bottom: 2px solid #DA328A!important;
}

.fiche-rdv #btn-rdv-container, .fiche-rdv #btn-rdv-container-mobile, #btnContact {
    border: 0 !important;
    margin-right: 10px;
    display: flex!important;
    align-items: center;
    align-self: center;
}

.fiche-rdv #btn-rdv-container a, .fiche-rdv #btn-rdv-container-mobile a, #btnContact a  {
    border: 0 !important;
}

.fiche-rdv #btn-rdv-container a, .fiche-rdv #btn-rdv-container-mobile a, #btnContact a {
    height: 70% !important;
    background-color: #005173 !important;
    border-radius: 5px !important;
    line-height: initial !important;
    color: white !important;
    font-weight: bold;

}

.fiche-rdv #btn-rdv-container a:hover, .fiche-rdv #btn-rdv-container-mobile a:hover, #btnContact a:hover {
    background-color: #00b9d2 !important;
}

#logo-ubi {
    /*display: none !important;*/
}

#logo-ubi, #logo-ubi:hover, #logo-ubi img:hover {
    border: 0 !important;
}

#logo-ubi > a > img{
    min-height: 40px;
    max-height: 60px;
    min-width: 40px;
    max-width: 60px;

    margin: 0;
    margin-left: 10px;
    box-shadow: none;
}

/** Liste pro **/

.fiche-rdv .pagepro_medlist .liste_pro_block {
    background-color: white !important;
}

.fiche-rdv .pagepro_medlist .liste_pro_block .wbutton {
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    background-color: #005173 !important;
}

.fiche-rdv .pagepro_medlist .liste_pro_block .wbutton:hover {
    color: white !important;
    text-decoration: none !important;
    background-color: #00b9d2 !important;
}

.fiche-rdv .pagepro_medlist > div > div.rowubi {
    margin: 0;
}

.fiche-rdv .pagepro_medlist > div > div.rowubi > .colubi-80 {
    padding: 0;
}

.fiche-rdv .pagepro_medlist > div > div.rowubi > .colubi-80 > h1.content_pro {
    margin-top: 20px;
    background-color: white !important;
    color: #DA3281 !important;
    font-size: 22px;
}

.fiche-rdv .pagepro_medlist .separator {
    display: none;
}

.fiche-rdv .rdv-form {
    height: 60px !important;
}

#searchbar-name-wrapper, #searchbar-spe-wrapper, #searchbar-city-wrapper {
    border-top: 1px solid #ecf0f1 !important;
    border-bottom: 1px solid #ecf0f1 !important;
}

#cwebagnommed_rech3 {
    height: 58px !important;
}

#searchbar-name-wrapper {
    border-left: 1px solid #ecf0f1 !important;
}

#owebagdispoprelst_mot_soc {
    border: 0 !important;
}

.fiche-rdv .block-title .wbutton {
    border-radius: 5px !important;
}

#owebagdispopreagenda_grille, #owebagdispopreagenda_grille .toolimg#a_suiv, #owebagdispopreagenda_grille .toolimg#a_prec {
    z-index: 0 !important;
}

#fil-ariane {
    margin-top: 10px;
    font-size: 12px;
}

#fil-ariane a {
    color: #00b9d2;
}

#owebagdispoprecadresoc div.cadre_societe div.liste_medecin, #owebagdispoprecadresoc div.cadre_societe div.liste_medecin, #owebagdispoprecadresoc div.cadre_societe div.liste_specialite {
    background: white;
    padding-left: 0;
}

#btnrdv-block {
    min-height: 38px;
}

#searchbar #sbcontext {
    text-align: left;
}

/** Spécifique bloc localisation **/

.adr-block {
    margin-left: 2px;
}

.acces_title {
    margin-top: 10px;
}

.adr-block > h2, .acces_title {
    margin-bottom: 0;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    letter-spacing: 0.1px;
}

.adr-block > span, .acces_txt {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0.1px;
}

.adr-block.decorated {
    border: 1px solid #f1f1f0;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    margin-top: 20px;
    background-color: #f1f1f0;
    padding-bottom: 20px;
}

.acces_transport {
    margin-left: 5px;
}

.acces-adr img {
    margin: 3px;
}

#dplRdv:empty{
    display: none;
}

#dplRdv{
    display: block;
    position: relative;
    margin: 0 auto 10px;
    height: 70%;
    width: 90%;
    z-index: 10000;
}

.dpl{
    text-align: center;
}

/*table rdv*/

#owebagdispopretabdispo {
    width:100%;
    padding-left: 33px;
    padding-right: 35px;
    margin-top: 20px; }
#owebagdispopretabdispo #owebagdispopreagenda_grille {
    position: relative;
    max-width: 95%;
    margin: 0 auto; }
@media (max-width: 991px) {
    #owebagdispopretabdispo #owebagdispopreagenda_grille {
        max-width: 92%; } }
#owebagdispopretabdispo .bouton #a_prec {
    left: -35px;
    top: 12px;
    width: 32px !important;
    height: 32px !important; }
#owebagdispopretabdispo .bouton #a_suiv {
    right: -35px;
    top: 12px;
    width: 32px !important;
    height: 32px !important; }
#owebagdispopretabdispo #owebagdispoprejourssemaine table th.jourssemaine {
    border-color: #fff !important;
    font-size: 15px;
    font-size: 0.9375rem;
    background-color: #00a1c3;
    padding: 5px 5px; }
#owebagdispopretabdispo #owebagdispoprejourssemaine table th.jourssemaine b {
    margin: 5px 0;
    display: inline-block; }
#owebagdispopretabdispo #owebagdispopreheuresdispos {
    overflow-y: auto;
    height: 340px;
    background-color: #f1f1f0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos {
    background-color: #f1f1f0;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #303030; }
#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos a.heure_dispo {
    margin-left: 0px;
    color: #303030;
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    background: #dfdfdf;
    font-size: 14px;
}
#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos a.heure_dispo:nth-child(odd) {
    background: #fff; }
#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos a.heure_dispo:nth-child(even) {
    background: #dfdfdf; }
#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos a.heure_dispo:hover,
#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos a.heure_dispo:focus {
    background-color: #00b9d2;
    color: #fff;
    text-decoration: none; }

#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos span.heurecreneau {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 5px!important;
    border: 0.5px solid #dfdfdf;
    margin-top:0px;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    #owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos span.heurecreneau {
        left: 0px !important;
    }
}

#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos a.heure_dispo > span:first-child{
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos > span > span{
    position: absolute;
    top: 10px;
    left: 10px;
}

#owebagdispopretabdispo #owebagdispopreheuresdispos table td.ddispos br {
    display: inline; }
#owebagdispopretabdispo #owebagdispopreheuresdispos .nodispo {
    background-color: transparent;
    color: #ff0000;
    left: 25%; }

#owebagdispopretabdispo table#tabcreneau .tr_casecreneau td {
    border: none;
    font-size: 14px;
    font-size: 0.875rem; }
@media (max-width: 767px) {
    #owebagdispopretabdispo table#tabcreneau .tr_casecreneau td {
        display: flex; } }
#owebagdispopretabdispo table#tabcreneau #pcreneau {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600; }
#owebagdispopretabdispo table#tabcreneau span.casecreneau {
    position: relative;
    top: -3px;
    height: 14px !important;
    margin-left: 5px;
    width: 14px !important;
    z-index: 9; }
@media (max-width: 767px) {
    #owebagdispopretabdispo table#tabcreneau span.casecreneau {
        top: 3px; } }
#owebagdispopretabdispo table#tabcreneau span.nomcreneau {
    color: #00b9d2;
    border-radius: 3px;
    color: #00b9d2;
    margin-left: -20px;
    padding: 5px 5px 5px 30px;
    position: relative;
    z-index: 1;
    height: auto;
    background-color: #fff; }
#owebagdispopretabdispo table#tabcreneau span.nomcreneau:hover,
#owebagdispopretabdispo table#tabcreneau span.nomcreneau:focus {
    background-color: #00b9d2;
    color: #fff; }
#owebagdispopretabdispo #cadre_dispo,
#owebagdispopretabdispo #cadre_dispo_ac_creneaux {
    border: none;
    background-color: transparent; }
#owebagdispopretabdispo #cadre_dispo div.choix,
#owebagdispopretabdispo #cadre_dispo_ac_creneaux div.choix {
    display: block;
    float: none;
    height: auto;
    margin-bottom: 30px;
    min-height: 50px;
    min-width: 150px;
    position: relative;
    text-align: left;
    width: 100%; }
#owebagdispopretabdispo #cadre_dispo div.choix p,
#owebagdispopretabdispo #cadre_dispo_ac_creneaux div.choix p {
    float: left;
    margin-right: 10px;
    padding: 7px 5px;
    font-size: 16px;
    font-size: 1rem; }
@media (max-width: 767px) {
    #owebagdispopretabdispo #cadre_dispo div.choix p,
    #owebagdispopretabdispo #cadre_dispo_ac_creneaux div.choix p {
        clear: both;
        margin-right: 40px;}
    #owebagdispopretabdispo #cadre_dispo div.choix select,

    #owebagdispopretabdispo #cadre_dispo_ac_creneaux div.choix select {
        margin-bottom: 20px; }  }
@media (min-width: 767px) {
    #owebagdispopretabdispo #cadre_dispo div.choix select,
    #owebagdispopretabdispo #cadre_dispo_ac_creneaux div.choix select {
        float: left;
        width: auto !important;
        margin-right: 30px; } }
#owebagdispopretabdispo #cadre_dispo .tableau_reduit,
#owebagdispopretabdispo #cadre_dispo_ac_creneaux .tableau_reduit {
    display: block;
    padding-left: 0; }

#main.error-page .post-entry {
    margin-top: 0px !important;
    padding-top: 80px !important;
}

#dplRdv:empty{
    display: none !important;
}

#dplRdv{
    display: block;
    position: relative;
    margin: 0 auto 20px;
    height: 70%;
    width: 90%;
    z-index: 10000;
}

#dplRdv #owebaglistpptabdispo #owebaglistppjourssemaine #owebaglistpptabjours tr th.jourssemaine{
    background-color: #00a1c3;
    font-size: 16px;
}

#dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos {
    background-color: #f1f1f0;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #303030;
    display: table-cell;
}
@media (max-width: 768px) {
    #dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos {
        font-size: 0.7rem;
    }
}

#dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos a.heure_dispo {
    margin-left: 0px;
    color: #303030;
    display: inline-block;
    padding: 10px 5px;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    background: #dfdfdf;
}

#dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos span.heurecreneau {
    display: block;
    height: 10px;
    width: 10px;
    margin-top:0px;
    margin-bottom: 0px;
}
@media (max-width: 768px) {
    #dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos span.heurecreneau {
        display: inline-block;
    }
}

#dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos .heure_dispo div{
    display: flex;
    flex-direction: row;
}

#dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos a.heure_dispo:nth-child(odd) {
    background: #fff;
}

#dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos a.heure_dispo:hover, #dplRdv #owebaglistpptabdispo #owebaglistppheuresdispos table td.ddispos a.heure_dispo:focus {
    background-color: #00b9d2;
    color: #fff;
    text-decoration: none;
}

dplRdv .bouton #a_prec {
    left: -35px;
    top: 6px;
    width: 32px !important;
    height: 32px !important;
}

#dplRdv .bouton #a_suiv {
    right: -29px;
    top: 6px;
    width: 32px !important;
    height: 32px !important;
}

.dpl{
    text-align: center;
}

.rs-list > a{
    list-style: none;
    display: inline-block;
    margin-right: 12px;
}

.rs-list > a.fa {
    padding: 8px;
    font-size: 17px;
    width: 33px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.rs-list > a.fa:hover {
    opacity: 0.7;
}

.rs-list > a.fa-facebook {
    background: #3B5998;
    color: white;
}

.rs-list > a.fa-twitter {
    background: #55ACEE;
    color: white;
}

.rs-list > a.fa-linkedin {
    background: #007bb5;
    color: white;
}

.rs-list > a.fa-viadeo {
    background: #f07355;
    color: white;
}

#home-rdv > .inner > .rdv-form > div{
    width: 100%;
    float: left;
}

.footer-list{
    text-align: left;
}

.recherche-map{
    position: relative !important;
    min-height: 100px !important;
    padding-top: 15px !important;
}

.recherche-container{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.client-container{
    margin-top: 30px !important;
}

.map-container-recherche{
    min-height:200px;
    margin-top:0;
    margin-right: 0;
    border:0;
}

.map-pro-recherche{
    height:100%;
    width:340px;
    max-width: 100%;
    margin:auto;
    margin-top:0;
    border:0;
}

.btn-prendre-rdv{
    display: flex!important;
    align-items: center;
    justify-content: center;
}

.tel-pros{
    margin-top: 15px;
}

.sous-titre-pros{
    margin-top: 5px;
}

.info-paiement{
    width: 35px;
    text-align: center;
    color: #C8CED4;
}

.notice-paiement{
    margin-left: 10px;
}

.convention-italique{
    font-style: italic;
}

.btn-gestion{
    float: right;
    margin-top: 0
}

.div-message{
    display: contents
}

.btn-message{
    float: right;
    margin-top: 0;
    margin-right: 5px;
}

.autre-pros{
    background-color: white;
}

..autre-pros:hover{
    background-color: white;
}

.rowubi {
    margin: 0 ;
    margin-bottom: 10px;
}

[class*="col-"] {
    padding: 10px 0;
}

.btn-agenda {
    border-radius: 5px;
    color: white;
    font-size: 13px;
    height: 20px;
    z-index: 0;
}

td {
    border-bottom:none;
}

li{
    float:none;
}

#footer {
    background: #EFF2F6 !important;
}

row-col-100{
    vertical-align:top;
}

.cursor-suggest{
    cursor:pointer;
}

.alignement-suggest{
    vertical-align:middle;
}

.lien-suggest{
    font-weight:bold;
}

.webag-list-pros{
    width:100%;
    text-align:center;
    margin:auto;
}

.body-width{
    width:95%;
}

.input-med{
    position:relative;
    margin-left:10px;
    top:10px;
}

.webagdispo_frame .bouton #a_prec {
    left : -30px;
    top: 6px;
    width: 27px;
    height: 32px;
}

.webagdispo_frame .bouton #a_suiv {
    right : -30px;
    top: 6px;
    width: 27px !important;
    height: 32px !important;
}

.margin-info{
    margin-top: 10px;
}

.btn-modif-info{
    width:20%;
}

.webag-user-list{
    text-align:center;
}

.list-inline{
    display: inline;
}

.ville-content{
    margin-top:60px;
}

.instruction-recherche{
    text-align: center;
    margin-bottom: 40px;
}

.webag-container{
    width: 100%;
    float: left;
}

.hidden{
    display: none;
}

.ubinotif-hidden{
    display: none;
}

.flex {
    display: flex;
    flex-wrap: wrap;

}

h3.no-present{
    color:#DA328A !important;
}

.fiche-rdv .no-map-wrapper {
    padding: 0;
}

#map-pro {
    position: relative;
    z-index: 0;
    height: 100vh;
}

.toolimg {
    cursor: default!important;
}

#btnContact{
    display: inline;
}

.fiche-rdv .liste_choix_wrapper {
    margin-bottom: 10px;
    letter-spacing: 0;
    color: #0086B1 !important;
}

/* Ajouts iFrame */

.fiche-rdv-integration .block-title i, .fiche-rdv-integration .profile_photo_container, .fiche-rdv-integration  {
    position: relative !important;
}

.fiche-rdv-integration .info-block .block-title h3 {
    margin-left: 20px !important;
}

.fiche-rdv-integration .adr-block h2, .fiche-rdv-integration #pagepro-subtitle h3  {
    display: block !important;
}

.fiche-rdv-integration #pagepro-subtitle h3 {
    color: white !important;
}

.fiche-rdv-integration .profile_title_container {
    padding-left: 165px !important
}

.fiche-rdv-integration .entry-navbar-header {
    height: fit-content;
}

.fiche-rdv-integration .entry-background-header {
    z-index: 10 !important;
}

.fiche-rdv-integration .info-block-content {
    padding-top: 20px !important;
}

.fiche-rdv-integration {
    font-size: 16px;
}

.fiche-rdv-integration #owebagdispopretabdispo {
    margin: 0 auto !important;
    margin-top: 30px !important;
    width: 100% !important;
}

.fiche-rdv-integration .profile_title_container {
    height: auto;
    padding-left: 0 !important;
    margin-bottom: -50px;
    position: absolute !important;
    margin-top: 25px;
}

.fiche-rdv-integration .info-content {
}

.fiche-rdv-integration .content_pro {
    height: fit-content !important;
}

.fiche-rdv-integration .liste_choix {
    margin-top: 10px;
}

.fiche-rdv-integration #info-tarif-wrapper {
    min-height: 150px !important;
}

.fiche-rdv-integration #block-rdv .agenda, .webagubiunivers .agenda {
    background-color: white !important;
    background: white !important;
}

/* Version mobile intégrée */
@media screen and (min-width: 800px) {
    .fiche-rdv-integration #info-tarif-wrapper .block-right {
        width: 45% !important;
    }
}


@media screen and (max-width: 800px) {
    .fiche-rdv-integration .profile_title_container {
        width: 100%;
        top:  55%;
    }

    .fiche-rdv-integration .block-right, .fiche-rdv-integration .block-left {
        width: 100% !important;
        margin: 0;
        padding: 20px 0px;
    }

    .fiche-rdv-integration .gmaps_container {
        height: initial !important;
        margin:45px;
    }
}

.fiche-rdv-integration #webagdispo_ubi {
    width: 100% !important;
}

.my_rdv{
    float: right;
    display: inline-block;
    font-size: 14px;
    margin-top: 0;
}

.divrdvmessage {
    text-align: center;
    margin-top:50px;
}

.rdvform{
    border-radius: 10px;
    text-align: center;
    background-color: #EFF2F6;
    padding: 0;
    display: inline-block;
    margin-bottom: 20px;
}

.rdvformline{
    display: flex;
    justify-content: center;
    margin-left: 33px;
}

.rdvformlineagenda{
    display: flex;
    justify-content: left;
    margin-left: 33px;
    margin-top:10px;
}

.step-number-parcours{
    background-color: grey;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
}

.instr_next_step_parcours{
    display: flex;
    justify-content: left;
    margin-left: 33px;
}

.rdvconfirme{
    border-radius: 10px;
    text-align: center;
    background-color: #79E61629;
    padding: 0;
    display: inline-block;
    margin-bottom: 20px;
}

.rdvconfirmeleft{
    width: 75px;
    text-align: center;
    background: linear-gradient(to right, #0D8045, #159C0C);
    display: inline-block;
    border: none;
    top: 0;
    bottom: 0;
}

.sstitrerdv{
    padding: 12px;
}

.input-grp-addon{
    white-space: nowrap;
    vertical-align: middle;
    color: white;
}

.input-grp-lg > .input-grp-addon{
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 27px;
    border-radius: 6px;
}

.input-grp-addon:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.groupicon{
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
}

/*.btndeco{
    position:relative;
    z-index:3;
    float: right;
    background-color: #dc3545;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 15px;
    display: inline-block;
    height: 43px;
}*/

/*.btnretour{
    cursor:pointer;
    direction: ltr;
    float: right;
    margin-top:10px;
    margin-right:10px;
    height: 43px;
    border:2px solid #00b9d2;
    background-color:white;
    border-radius:5px;
    position:relative;
    z-index:3;
    padding: 10px;
}*/

.btnretour2{
    cursor:pointer;
    float:right;
    background-color: white;
    z-index:3;
    margin-top:10px;
    margin-right:10px;
    height: 43px;
    border:2px solid #00b9d2;
    border-radius:5px;
    padding: 10px;
}

.close_button.btn_ubiclic_searchpro a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    text-decoration: none;
    line-height: 1.2em;
    max-width: 250px;
    padding: 20px 10px 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    color: #00B9D2;
}

.close_button.btn_ubiclic_searchpro a::before {
    position: relative;
    width: 100%;
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
    font-size: 40px;
    top: 10px;
    left: 10px;
    margin: 0 0 30px 0;
    padding: 0 10px 0 0;
    color: #00B9D2;
}

.content-area #main section {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.content-area #main article, .content-area #main section {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.close_button.btn_ubiclic_searchpro a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    text-decoration: none;
    line-height: 1.2em;
    max-width: 250px;
    padding: 20px 10px 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    color: #00B9D2;
}

.close_button.btn_ubiclic_searchpro a::before {
    position: relative;
    width: 100%;
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
    font-size: 40px;
    top: 10px;
    left: 10px;
    margin: 0 0 30px 0;
    padding: 0 10px 0 0;
    color: #00B9D2;
}

.content-area #main section {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.content-area #main article, .content-area #main section {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.webagdispo_frame .heuresdispos table td.ddispos span.heurecreneau {
    display: block;
    height: 8px;
    width: 8px;
    margin-top:0px;
    margin-bottom: 0px;

}

.webagdispo_frame .heuresdispos table td.ddispos .heure_dispo div{
    display: flex;
    flex-direction: row;
}

.fiche-rdv #profile_navbar_menu li,
.fiche-rdv #profile_navbar_menu li a {
    line-height: 60px;
}

.content-area #main .btn,.content-area #main .button, .content-area #main .wbutton, .content-area #main input[type="submit"]{
    color: #fff;
    background-color: #005173;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 8px 14px;
    display: inline-block;
    box-shadow: none;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    text-transform: none;
    text-decoration: none;
}

a, button, .button, .btn, input, ::before, ::after {
    transition: all 0.2s ease-in-out 0s;
}

main#main {
    background: white;
    position: relative;
    min-height: 1px;
}

#webagform_ubilist .rowubi .content_pro {
    background-color: #f1f1f0;
}

.content-area #main .btn:hover,
.content-area #main .button:hover,
.content-area #main .wbutton:hover,
.content-area #main input[type="submit"]:hover,
.content-area #main .btn:focus,
.content-area #main .button:focus,
.content-area #main .wbutton:focus,
.content-area #main input[type="submit"]:focus{
    transition: all 0.2s ease-in-out 0s;
    background-color: #00B9D2;
}

.fiche-rdv .liste_choix_wrapper .liste_choix{
    color: #0086B1 !important;
    border-color: #ccc;
    background-color: white;
}

#owebagdispopretabdispo #owebagdispopreheuresdispos table{border: none;}

.webagdispo_frame .heuresdispos table td.ddispos {
    background-color: #f1f1f0;
    font-size: 14px;
    color: #303030;
}

.webagdispo_frame .heuresdispos table td.ddispos a.heure_dispo {
    margin-left: 0px;
    color: #303030;
    display: inline-block;
    padding: 7px 2px;
    margin: -3px 0;
    width: 100%;
}

table#tabcreneau span.nomcreneau {
    color: #00b9d2;
    border-radius: 3px;
    color: #00b9d2;
    margin-left: -20px;
    padding: 5px 5px 5px 30px;
    position: relative;
    z-index: 1;
    height: auto;
    background-color: #fff;
}

.webagdispo_frame table#tabcreneau span.casecreneau {
    position: relative;
    top: -3px;
    height: 14px !important;
    margin-left: 5px;
    width: 14px !important;
    z-index: 9;
}

.webagdispo_frame table#tabcreneau .tr_casecreneau td {
    border: none;
    font-size: 14px;
}


.webagdispo_frame .jourssemaine table th.jourssemaine {
    border-color: #fff !important;
    font-size: 12px;
    background-color: #00a1c3;
    padding: 3px;
}

.webagdispo_frame .jourssemaine table th.jourssemaine b {
    margin: 5px 0;
    display: inline-block;
}

*, *::before, *::after {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #232323;
    box-shadow: none;
    /*margin: 0 auto;*/
    padding: 6px 12px;
    /*height: auto;*/
    text-align: left;
    /*width: 100%;*/
    border-color: #ccc;
    font-family: "Open Sans", arial, sans-serif;
    font-size: 18px;
    background-color: #fff;
    /* box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5); */
}

.content-area #main article#list_grid{
    max-width: 1140px!important;
}

/*#webagnew_inscriptionlst_webag_div .tools .closeimg:before,#webagubi_inscriptionlst_webag_div .tools .closeimg:before{
    content: "\f1f8";
    font-family: "FontAwesome"!important;
    color: white;
    background-color: #FF3300;
    border-radius: 5px;
    font-weight: 600;
    font-size: 20px;
    vertical-align: text-top;
    padding: 8px 14px;
    margin-left: 15px;
    margin-right: 15px;
}*/

#webagnew_inscriptionlst_webag_div .tools .telecons:before{
    margin-left: 15px;
    margin-right: 15px;
}

#webagnew_inscriptionlst_webag_div .tools{
    width: 110px;
    min-width: auto;
}
#webagnew_inscriptionlst_webag_div .col-document{
    width: 110px;
    text-align: center;
}
#webagnew_inscriptionlst_webag_div .col-camera{
    width: 145px;
    text-align: center;
}
#webagnew_inscriptionlst_webag_div .col-rdvpris-pour{
    min-width: 110px;
}
#webagnew_inscriptionlst_webag_div .col-remarque{
    min-width: 110px;
}
#webagnew_inscriptionlst_webag_div .col-date{
    min-width: 100px;
}
#webagnew_inscriptionlst_webag_div .col-rdvpris-avec{
    min-width: 110px;
}
#webagnew_inscriptionlst_webag_div .col-rdv-payant{
    width: 155px;
    text-align: center;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink_money {
    cursor:pointer!important;
    animation: blinker 2s linear infinite;
}

td[id^='lst_webagnew_tcamera'] {
    text-align:center;
}
td[id^='lst_webagnew_tdocumentsconsult'] {
    text-align:center;
}

/*nantes masques*/
.custom-css.custom-css-419184 .pop_confirm_inscription{
    background: rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div {
    max-width: 100%;
    width: 800px;
    background: white;
    padding-bottom: 20px;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div.divposall {
    max-width: 100%;
    width: 1000px;
    background: white;
    padding-bottom: 20px;
}

.custom-css.custom-css-419184 .pop_confirm_inscription>div .table_inscription td{
    padding-top: 10px;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div .table_inscription input[type="button"]{
    margin-top: 10px;
    margin-bottom: 10px;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptionongconsol_ongldiv>.ongletjstable2,
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagubi_inscriptionongconsol_ongldiv>.ongletjstable2{
    width:100%;
    padding-left: 10px;
    padding-right: 10px;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptionongconsol_ongldiv>.ongletjstable2 .table_inscription,
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagubi_inscriptionongconsol_ongldiv>.ongletjstable2 .table_inscription{
    width: 100%!important;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptionongconsol_ongldiv>.ongletjstable2 #lst_webagnew_table  input[type=button],
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagubi_inscriptionongconsol_ongldiv>.ongletjstable2 #lst_webagnew_table  input[type=button]{
    width:auto!important;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptionongconsol_ongldiv>.ongletjstable2 #lst_webagnew_table .closeimg,
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagubi_inscriptionongconsol_ongldiv>.ongletjstable2 #lst_webagnew_table .closeimg{
    width: auto;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div .jslist td.entet{
    background: #00a1c3!important;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptioninstructions,
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagubi_inscriptioninstructions{
    width: auto!important;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagubi_inscriptiontable_instruction,
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptiontable_instruction{
    width: 90%!important;
}
.custom-css.custom-css-419184 .pop_confirm_inscription>div #webagnew_inscriptionlst_webag_div .tools {
    min-width: auto!important;
}
/*drive*/
.drivectn .header .controls a i.fa,
.drivectn .header .controls button i.fa{
    font-size: 30px;
    color: #797979;
}
.drivectn .arianectn > a.arianelink,
.drivectn .arianectn > span{
    display: none;
}
.drivectn .arianectn > a.arianelink:last-child{
    display: inline-block;
}

#wrapper.appli-rdv .content-area.specialites #webagform_ubilist .rowubi .content_pro {
    background-color: #f1f1f0;
}
.content-area.specialites #webagform_ubilist .rowubi .content_pro .profile_photo {
    border-color: #dfdfdf !important;
    margin: 10px;
}
.content-area.specialites #webagform_ubilist .rowubi .content_pro .wbutton{
    height:initial;
    font-weight:bold;
    float:left;
}
.content-area.specialites #webagform_ubilist .rowubi .content_pro .webagdispo_frame{
    width: 80%;
}
.content-area.specialites #webagform_ubilist .rowubi .content_pro .webagdispo_frame .nodispo.compact{
    bottom: 10px;
}
.content-area.specialites #webagform_ubilist .rowubi .content_pro .webagdispo_frame .cltabdispo td.ddispos a.heure_dispo > span:first-child{
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    font-size: 12px;
}
.content-area.specialites #webagform_ubilist .rowubi .content_pro .webagdispo_frame .cltabdispo td.ddispos a.heure_dispo .heurecreneau{
    margin-right: 3px;
}

@media (max-width: 768px) {
    .content-area.specialites #webagform_ubilist .rowubi .content_pro .container-photo{
        text-align: center;
    }
    .content-area.specialites #webagform_ubilist .rowubi .content_pro .container-text{
        text-align: center;
        padding-top: 0;
    }
    .content-area.specialites #webagform_ubilist .rowubi .content_pro .wbutton{
        float: none;
        margin-top: 10px;
    }
    .content-area.specialites #webagform_ubilist .rowubi .ubi-pagination{
        text-align: center;
    }
    .map-container-recherche{
        margin: 0;
        margin-top: 5px;
        position: relative !important;
    }

    .map-pro-recherche{
        height:100%;
        width:100%;
        max-width: 100%;
        margin:auto;
        margin-top:0;
        border:0;
    }
}


/*Popup confirm */
.pop_confirm {
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    border: none !important;
}
@media (max-width: 479px) {
    .pop_confirm.pop_confirm_inscription {
        width: 100%; }
    .pop_confirm.pop_confirm_inscription .webag_lst tr td.col-date{
        min-width: 100px;
        background: #00B9D2;
        color: white;
        font-weight: bold;
    }
}
.pop_confirm.pop_confirm_inscription h1 {
    background-color: transparent;
    text-align: center;
    color: #00B9D2;
    font-size: 26px; }
@media (max-width: 768px) {
    .pop_confirm.pop_confirm_inscription h1 {
        clear: both;
        margin: 20px 0;
        padding-top: 20px;
        font-size: 22px; }
    .pop_confirm.pop_confirm_inscription .ongletjstable2{
        width: 100% !important;
    }
}
.pop_confirm.pop_confirm_inscription .respdeco {
    color: #FFFFFF; }
.pop_confirm.pop_confirm_inscription table td {
    font-size: 16px;
    background-color:transparent;
}
/*.pop_confirm.pop_confirm_inscription select,
.pop_confirm.pop_confirm_inscription textarea,
.pop_confirm.pop_confirm_inscription input[type="text"],
.pop_confirm.pop_confirm_inscription input[type="password"],
.pop_confirm.pop_confirm_inscription input[type="datetime"],
.pop_confirm.pop_confirm_inscription input[type="datetime-local"],
.pop_confirm.pop_confirm_inscription input[type="date"],
.pop_confirm.pop_confirm_inscription input[type="month"],
.pop_confirm.pop_confirm_inscription input[type="time"],
.pop_confirm.pop_confirm_inscription input[type="week"],
.pop_confirm.pop_confirm_inscription input[type="number"],
.pop_confirm.pop_confirm_inscription input[type="email"],
.pop_confirm.pop_confirm_inscription input[type="url"],
.pop_confirm.pop_confirm_inscription input[type="search"],
.pop_confirm.pop_confirm_inscription input[type="tel"],
.pop_confirm.pop_confirm_inscription input[type="color"] {
    margin: inherit;
    margin-bottom: 10px;
    font-size: 16px; }*/
.pop_confirm.pop_confirm_inscription label:hover {
    cursor: pointer; }
/*.pop_confirm.pop_confirm_inscription input[type="text"],
.pop_confirm.pop_confirm_inscription input[type="email"],
.pop_confirm.pop_confirm_inscription input[type="password"],
.pop_confirm.pop_confirm_inscription select,
.pop_confirm.pop_confirm_inscription textarea {
    width: 90%;
    padding: 0;
    padding: 2%;
    height: auto;
    line-height: normal; }*/
.pop_confirm.pop_confirm_inscription textarea {
    min-height: 80px; }
.pop_confirm.pop_confirm_inscription input[type=button] {
    width: 50%;
    margin: 1% auto;
    position: relative;
    display: block;
    background-color: #005173;
    text-decoration: none;
    /*background-color:#e5eafb;*/
    color:#fff;
    border-radius: 5px;
    padding: 8px 14px;
    font-size: 14px;
}

.pop_confirm.pop_confirm_inscription input[type=button]:hover{
    transition: all 0.2s ease-in-out 0s;
    background-color: #00B9D2;
}

.pop_confirm.pop_confirm_inscription input[type=button]:hover {
    cursor: pointer;
    border-color: #0E7AC0; }
.pop_confirm.pop_confirm_inscription h2 a:hover {
    text-decoration: underline; }
.pop_confirm.pop_confirm_inscription .ongletjstable {
    border-color: #ddd;
    margin-bottom: 0;
    margin: 0 auto !important;
    width: 100% !important; }
@media (max-width: 767px) {
    .pop_confirm.pop_confirm_inscription .ongletjstable {
        width: auto !important; } }
@media (max-width: 479px) {
    .pop_confirm.pop_confirm_inscription .ongletjstable td {
        display: inline-block;
        width: 100%;
        text-align: left;
        padding: 2px 5px; }
    .pop_confirm.pop_confirm_inscription .ongletjstable td:last-child {
        margin-bottom: 20px;
    }

}
.pop_confirm.pop_confirm_inscription .ongletjstable2 {
    margin: 0 auto;
    width: 90%; }
.pop_confirm.pop_confirm_inscription .ongletjsdiv {
    border: none;
    height: auto !important;
    width: auto !important; }
.pop_confirm.pop_confirm_inscription .ongletjs {
    background: #fff; }
.pop_confirm.pop_confirm_inscription .ongletjs,
.pop_confirm.pop_confirm_inscription .ongletjshover,
.pop_confirm.pop_confirm_inscription .ongletjsactive {
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    border-color: #ddd; }
.pop_confirm.pop_confirm_inscription .ongletjshover,
.pop_confirm.pop_confirm_inscription .ongletjsactive {
    color: #fff;
    background-color: #00B9D2; }
.pop_confirm.pop_confirm_inscription .ongletjshover {
    cursor: pointer; }
.pop_confirm.pop_confirm_inscription a:hover {
    color: #DA328A; }
.pop_confirm.pop_confirm_inscription .webag_lst {
    width: 90%;
    margin: auto !important; }
.pop_confirm.pop_confirm_inscription .webag_lst img {
    cursor: pointer; }
.pop_confirm.pop_confirm_inscription .webag_lst td {
    height: 40px;
    vertical-align: middle; }
.pop_confirm.pop_confirm_inscription .webag_lst td.entet {
    font-weight: 600; }
.pop_confirm.pop_confirm_inscription .webag_lst tr {
    vertical-align: middle; }
.pop_confirm.pop_confirm_inscription .webag_lst tr:hover,
.pop_confirm.pop_confirm_inscription .webag_lst tr:focus {
    background-color: #F1F1F0 !important; }
.pop_confirm.pop_confirm_inscription .webag_lst tr.header-line td,
.pop_confirm.pop_confirm_inscription .webag_lst tr.footer-line td{
    font-weight: 600;
    background-color: #F1F1F0; }
.pop_confirm.pop_confirm_inscription .webag_lst tr td:first-child {
    width: 100px;
    text-align: center; }
.pop_confirm.pop_confirm_inscription .webag_lst tr td.deploy {
    min-width: 130px;
    text-align: center;
    padding: 0; }
.pop_confirm.pop_confirm_inscription .webag_lst tr td.deploy img {
    width: 32px !important;
    height: 32px !important;
    top: 0 !important; }
.pop_confirm.pop_confirm_inscription .webag_lst tr td.deploy span {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 3px; }
.pop_confirm.pop_confirm_inscription .webag_lst tr td:nth-of-type(2) {
    width: auto;
    min-width: 120px;
}
.pop_confirm.pop_confirm_inscription .webag_lst tr td:last-child {
    width: 100px;
    text-align: center; }
.pop_confirm.pop_confirm_inscription .jslist td {
    border: 1px solid #ccc;
    padding: 10px 5px; }
/*.pop_confirm .ongletext {
    height: auto !important;
    margin-bottom: 20px;
    width: auto !important; }*/
.pop_confirm h2 {
    font-size: 22px; }
.pop_confirm .sstitre {
    color: #DA328A;
    text-decoration: none; }
.pop_confirm .table_inscription {
    width: 90% !important;
    max-width: 750px !important;
    margin: 0 auto;
    border: 1px solid #ddd;
    margin: 2% auto auto !important; }
@media (max-width: 479px) {
    .pop_confirm .table_inscription {
        width: 90% !important; } }
.pop_confirm .table_inscription tr td:first-child {
    /*width: auto!important;
              min-width: 37%;*/ }
.pop_confirm .table_inscription th {
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    /*padding-bottom: 20px;*/
    color: #00B9D2; }
.pop_confirm .table_inscription th.erreur {
    color: #FF3300 !important; }
.pop_confirm .table_inscription th.success {
    color: #3CA701 !important; }
.pop_confirm .table_inscription td {
    width: auto !important;
    border: none; }
.pop_confirm .table_inscription td input[type="text"],
.pop_confirm .table_inscription td input[type="email"],
.pop_confirm .table_inscription td input[type="password"] {
    max-width: 80%;
    float: left;
    margin-right: 10px; }
@media (max-width: 479px) {
    .pop_confirm .table_inscription td input[type="text"],
    .pop_confirm .table_inscription td input[type="email"],
    .pop_confirm .table_inscription td input[type="password"] {
        max-width: 100%;
        width: 100%; } }
/*.pop_confirm .table_inscription input[type="text"],
.pop_confirm .table_inscription input[type="email"],
.pop_confirm .table_inscription input[type="password"],
.pop_confirm .table_inscription select,
.pop_confirm .table_inscription textarea {
    width: auto;
    display: inline-block; }*/
/*.pop_confirm .table_inscription select {
    padding: 2%; }
.pop_confirm .table_inscription textarea {
    width: 95%; }
.pop_confirm .table_inscription input[type="radio"],
.pop_confirm .table_inscription input[type="checkbox"] {
    line-height: normal;
    margin: 5px 4px 0 0; }*/
.pop_confirm .table_suivi {
    background-color: #F1F1F0;
    height: 40px;
    margin: auto;
    width: 100%; }
.pop_confirm .table_suivi td {
    padding: 5px 10px; }
@media (max-width: 479px) {
    .pop_confirm .table_suivi td {
        display: inline-block;
        width: 100%;
        padding: 2px 5px;
        float: none; } }
.pop_confirm .table_suivi .suivi {
    background-color: #00B9D2;
    color: #fff; }
.pop_confirm .table_suivi .sstitre a {
    color: #FF0000 !important; }
.pop_confirm #lst_proches_table tr {
    vertical-align: middle; }
.pop_confirm #lst_proches_table tr:hover,
.pop_confirm #lst_proches_table tr:focus {
    background-color: #F1F1F0 !important; }
.pop_confirm #lst_proches_table tr:first-child td {
    font-weight: 600;
    background-color: #F1F1F0; }
.pop_confirm .respbtnrdv {
    background-color: #E3E3E2;
    color: #00B9D2;
    width: auto !important;
    font-size: 1rem;
    font-weight: 600; }
.pop_confirm .respbtnrdv:hover,
.pop_confirm .respbtnrdv:focus {
    color: #fff; }
.pop_confirm .respterminer {
    padding-bottom: 20px; }
.pop_confirm .respterminer input[type=button] {
    width: auto !important; }
.pop_confirm .onglethr {
    margin-top: 0; }
.pop_confirm .instruction {
    border: 2px solid #FF3300;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 4% auto auto;
    max-width: 80%;
    padding: 2% 10%; }
@media (max-width: 767px) {
    .pop_confirm .instruction {
        width: 90% !important;
        max-width: 90% !important; } }
@media (max-width: 1139px) {
    .pop_confirm.pop_confirm_inscription .table_inscription {
        max-width: 70%; }
    .pop_confirm.pop_confirm_inscription .table_inscription td,
    .pop_confirm.pop_confirm_inscription .table_inscription th {
        /*text-align: center;*/
        width: 50% !important;
        max-width: none !important; } }
@media (max-width: 767px) {
    .pop_confirm.pop_confirm_inscription .table_inscription {
        max-width: none;
        width: 100% !important; }
    .pop_confirm.pop_confirm_inscription .table_inscription td,
    .pop_confirm.pop_confirm_inscription .table_inscription th {
        /*text-align: center;*/
        width: 50% !important;
        max-width: none !important; } }
@media (max-width: 479px) {
    .pop_confirm.pop_confirm_inscription {
        padding-left: 5px;
        padding-right: 5px; }
    .pop_confirm.pop_confirm_inscription .table_inscription {
        width: 100%;
        max-width: none;
        border: none; }
    .pop_confirm.pop_confirm_inscription .table_inscription tr {
        display: inline-block;
        padding: 0;
        text-align: center;
        width: 100%; }
    .pop_confirm.pop_confirm_inscription .table_inscription td,
    .pop_confirm.pop_confirm_inscription .table_inscription th {
        text-align: left !important;
        display: block;
        width: 100% !important;
        padding: 4px 0; }
    .pop_confirm.pop_confirm_inscription .table_inscription input[type="text"],
    .pop_confirm.pop_confirm_inscription .table_inscription input[type="email"],
    .pop_confirm.pop_confirm_inscription .table_inscription input[type="password"] {
        width: 100%;
        float: none;
        max-width: none; }
    .pop_confirm.pop_confirm_inscription .table_inscription select {
        width: auto !important;
        margin-right: 5px; }
    .pop_confirm.pop_confirm_inscription .table_inscription input[type=button] {
        width: 100% !important;
        max-width: none !important; }
    .pop_confirm.pop_confirm_inscription .table_inscription input[type=button]#webagubi_inscriptionrecord_rdv {
        width: auto !important;
        max-width: none !important; }
    .pop_confirm.pop_confirm_inscription .table_inscription #webagubi_inscriptionhnvproche th,
    .pop_confirm.pop_confirm_inscription .table_inscription #webagubi_inscriptionhnvproche td {
        text-align: left !important;
        display: block;
        width: 100% !important; }

    .container-lst-rdv-recap{
        margin-bottom :0;
    }
    .container-lst-rdv-recap .lstrecaprdv{
        padding:0;
        margin-bottom: 0;
    }
    .container-lst-rdv-recap .lstrecaprdv .rdvformline{
        width: 100%;
        margin-bottom :0;
        margin-left:0;
    }
    .container-lst-rdv-recap .lstrecaprdv .rdvformline .rdvform{
        display: flex;
    }
    .input-grp-lg > .input-grp-addon{
        height:100%;
        line-height:42px;
        font-size:22px;
    }
    .whordv_form{
        display: block !important;
    }
    /*.btnretour{
        font-size: 0px;
    }
    .btnretour span::before {
        content: "\f060";
        font-family: "FontAwesome"!important;
        font-size: 18px;
    }*/
    #title_form_rdv{
        margin-top: 0 ;
    }
}

/** import des css des formulaires */
/* Intégration choix du pays téléphone */
.iti__flag {background-image: url("https://patient-rdv.fr/a173/ext/intl-tel-input/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("https://patient-rdv.fr/a173/ext/intl-tel-input/img/flags@2x.png");}
}

/* Fix bouton trop bas sur portable */
.perso_confirm_screenubi{
    overflow-y: auto;
}

.btn-ubi {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    border-radius: 5px;
}
.btn-ubi > .fa{
    margin-right: 5px;
}

.btn-ubi-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-ubi-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-ubi-gestion-rdv{
    white-space: normal;
    max-width: 100%;
}
.rdv_filter{
    text-align: center;
}
#selectfilterannee{
    width: 100%;
    max-width: 320px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 3px;
}


@media all and (max-width: 820px) {

    .fiche-rdv #btn-rdv-container a, .fiche-rdv #btn-rdv-container-mobile a, #btnContact a {
        padding-bottom: 3px !important;
        display: flex;
        align-items: center;
    }

    .fiche-rdv #profile_navbar_menu li {
        width: 50% !important;
        margin: 0 5px !important;
    }
    .content_pro .block-title{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
/*champs input text telephone*/
.pop_confirm.pop_confirm_inscription input[type="text"].ubi-input-phone{
    padding-left: 52px;
}

/* Correction toubipbip qui met des float left sur les tables depuis son site*/
.td_parents td{
    float: none;
}

/* listing mes professionnels */
.containermyprof{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.containermyprof .item-pro{
    border: 2px solid #005173;
    background: #FFFFFF;
    border-radius: 15px;
    flex: 1 1 100%;
    overflow: hidden;

}
.containermyprof .item-pro .info-pro{
    /*background: #005173;*/
    color: #005173;
    text-align:left;
    font-weight:bold;
    padding: 10px;
    display: flex;
    align-items: center;
}
.containermyprof .item-pro .info-pro .profile_photo{
    border: none !important;
    border-radius: 8% !important;
    box-shadow: none !important;
    margin-right: 10px;
    cursor: auto;
}
/*.containermyprof .item-pro .nom-pro{
    background: #005173;
    color: #ffffff;
    text-align:left;
    font-weight:bold;
    padding: 10px;
}*/
.containermyprof .item-pro .nom-pro .profile_photo{

    border: none !important;
    border-radius: 8% !important;
    box-shadow: none !important;
    margin-right: 10px;
    cursor: auto;
}
.containermyprof .item-pro .info-pro .spe-pro{
    font-size: 10px;
}
.containermyprof .item-pro .action-pro{
    display: flex;
    padding: 15px;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 15px;
}
/*.containermyprof .item-pro .info-pro{
    display: flex;
    padding: 20px;
    justify-content: space-evenly;
}*/
.containermyprof .item-pro .info-pro .btn-action-prof,
.containermyprof .item-pro .action-pro .btn-action-prof{
    border: solid 1px #005173;
    padding: 10px;
    border-radius: 3px;
    background: #005173;
    color: #ffffff;
    cursor: pointer;
}
.containermyprof .item-pro .info-pro .btn-action-prof.disabled,
.containermyprof .item-pro .info-pro .btn-action-prof.disabled:hover{

    background-color: transparent !important;
    border-color: transparent !important;
    color: #808080FF;
}

.containermyprof .item-pro .action-pro .btn-action-prof:hover{
    background: #ffffff;
    color: #005173;
}
.containermyprof .item-pro .action-pro .btn-action-prof i{
    margin-right: 5px;
}

.pop_contactpro{
    margin:0!important;
    padding:0!important;
    border:none!important;
    border-radius: 0!important;
    width: 100%!important;
    height: 100%!important;
    justify-content: center;
    display: flex;
    align-items: stretch;
    background: linear-gradient(to right, #00A1C3 0%,#0086b1 37%,#4296af 68%,#00A1C3 100%);
}
.pop_contactpro .container-popup{
    min-width: 300px;
    width: 500px;
    max-width: 100%;
    border: 2px solid #005173;
    border-radius: 15px;
    overflow: hidden;
    background: #FFFFFF;
}
.pop_contactpro .container-popup .container-popup-title{
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 0;
    background: #005173;
    color: #ffffff;
}
.pop_contactpro .container-popup .container-form{
    padding: 10px 20px;
}
.pop_contactpro .container-popup .container-form > input,
.pop_contactpro .container-popup .container-form > textarea{
    width: 100%;
    margin-bottom: 10px;
    padding: 6px 12px;
}
.pop_contactpro .container-popup .container-form > textarea{
    height: 200px;
}
.container-button-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.containermyprof .item-pro .info-pro .btn-action-prof:hover{
    background: #ffffff;
    color: #005173;
}
.containermyprof .item-pro .info-pro .btn-action-prof i{
    margin-right: 5px;
}
@media screen and (min-width:768px) {
    /*.containermyprof .item-pro{
        flex: 0 0 48%;
    }*/
    .pop_contactpro{
        align-items: center;
    }
}
/*@media screen and (min-width:1200px) {
    .containermyprof .item-pro{
        flex: 0 0 32%;
    }
}*/

/*jlist responsive*/
/*#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines{
    display: flex;
    flex-wrap: wrap;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line{
    width: 49%;
    border: 2px solid #005173;
    border-radius: 15px;
    overflow: hidden;
    margin: 5px;
    margin-bottom: 10px;

}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > div:first-child{
    background: #005173;
    color: #ffffff;
    text-align:left;
    font-weight:bold;
    padding: 10px;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col_date{
    padding: 15px;
}

#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line .col_pro{
    padding: 15px;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line .col_pro .profile_photo{
    border: none !important;
    border-radius: 8% !important;
    box-shadow: none !important;
    margin-right: 10px;
    width:75px;
    height: 75px;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col-content-text{
    padding: 15px;
    flex: auto;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line .col_patient{
    padding: 15px;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line .col_remarque{
    padding: 15px;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col-action{
    display: flex;
    padding: 15px;
    justify-content: flex-end;
    gap: 15px;

}

#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col-action .btn-action-prof{
    border: solid 1px #005173;
    padding: 10px;
    border-radius: 3px;
    background: #005173;
    color: #ffffff;
    cursor: pointer;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col-action .btn-action-prof:hover{
    background: #ffffff;
    color: #005173;
}
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col-action .btn-action-prof.disabled,
#webagnew_inscriptionlst_webag_div .jslist-responsive .container-lines .item-line > .col-action .btn-action-prof.disabled:hover{
    background-color: #808080FF !important;
    border-color: #808080FF !important;
    color: #FFFFFF;
}*/

/*test2*/

.webag_lst_responsive .container-lines{
//display: flex;
}
.webag_lst_responsive .container-lines .item-line{
    border: 2px solid #005173;
    border-radius: 15px;
    overflow: hidden;
    margin: 5px;
    margin-bottom: 10px;
    background: #FFFFFF;
    /*display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;*/
}
.webag_lst_responsive .container-lines .item-line > div:first-child{
    background: #005173;
    color: #ffffff;
    text-align:left;
    font-weight:bold;
    padding: 10px;
}
.webag_lst_responsive .container-lines .item-line > .col_date{
    padding: 15px;
    /*flex: 0 0 auto;
    width : 155px;*/
}

.webag_lst_responsive .container-lines .item-line .col_pro{
    padding: 15px;
    display: flex;
    /*width: 47%;*/
}
.webag_lst_responsive .container-lines .item-line .col_pro> span{
    align-self: center;
}
.webag_lst_responsive .container-lines .item-line .col_pro .profile_photo{
    border: none !important;
    border-radius: 8% !important;
    box-shadow: none !important;
    margin-right: 10px;
    width:75px;
    height: 75px;
}
.webag_lst_responsive .container-lines .item-line > .col-content-text{
    padding: 15px;
}
.webag_lst_responsive .container-lines .item-line > .col-content-text .btn-expand-info-rdv{
    display: none;
}
.webag_lst_responsive .container-lines .item-line .col_patient{
    padding: 15px;
    /*width: 47%;*/
}
.webag_lst_responsive .container-lines .item-line .block-document-obligatoire{
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.webag_lst_responsive .container-lines .item-line .block-document-obligatoire .ubi_lst_document_motif{
    flex-direction: column;
    gap: 10px;
    display: flex;
}
.webag_lst_responsive .container-lines .item-line .col_complement{
    padding: 15px;
    display: none;
    /*width: 100%;
    display: none;*/
}
.webag_lst_responsive .container-lines .item-line .col_complement_content{
    padding: 15px;
}

.webag_lst_responsive .container-lines .item-line .col_complement.visible{
    display: block;
}
.webag_lst_responsive .container-lines .item-line .col_complement.visible .col_complement_content .content-adresses{
    display: flex;
    gap: 15px;
}
.webag_lst_responsive .container-lines .item-line .col_complement.visible .col_complement_content > div + div{
    margin-top: 10px;
}
.webag_lst_responsive .container-lines .item-line .col_complement.visible .col_complement_content b{
    display: block;
}

.webag_lst_responsive .container-lines .item-line .col_remarque{
    /*padding: 15px;*/
}
.webag_lst_responsive .container-lines .item-line > .col-action{
    padding: 15px;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 15px;
    /*width: 320px;*/
}

.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof{
    border: solid 1px #005173;
    padding: 10px;
    border-radius: 3px;
    background: #005173;
    color: #ffffff;
    cursor: pointer;
}
.container-button-footer .btn-reverse{
    border: solid 1px #005173;
    background: #ffffff;
    color: #005173;
}

@media screen and (min-width:768px) {
    .containermyprof .item-pro{
        display: flex;
        justify-content: space-between;
        align-items: center;

    }
    .containermyprof .item-pro .action-pro{
        flex-wrap: nowrap;
        flex: none;
    }
}
@media screen and (min-width:1200px) {

}

.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.btn-color-green{
    background-color: #0b850b;
    border-color: #0b850b;
    color: #FFF;
}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.btn-color-green:hover{
    background-color: #FFF;
    color: #0b850b;
}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.btn-color-red{
    background-color: #FFF;
    color: #FF3300;
    border-color: #FF3300;

}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.btn-color-red:hover{
    background-color: #FF3300;
    color: #FFF;
}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof:hover{
    background: #ffffff;
    color: #005173;
}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.disabled,
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.disabled:hover{
    background-color: #808080FF !important;
    border-color: #808080FF !important;
    color: #FFFFFF;
}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.btn-color-green .blink_camera {
    color:#FFFFFF;
}
.webag_lst_responsive .container-lines .item-line > .col-action .btn-action-prof.btn-color-green:hover .blink_camera {
    color: #0b850b;
}
/*@media screen and (max-width: 768px) {
    .webag_lst_responsive .container-lines .item-line {
        flex-wrap: wrap;
    }
    .webag_lst_responsive .container-lines .item-line > .col_date{
        width : 100%;
    }
    .webag_lst_responsive .container-lines .item-line > .col-action{
        width: 100%;
    }
}*/
@media screen and (min-width: 992px) {
    .webag_lst_responsive .container-lines .item-line {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .webag_lst_responsive .container-lines .item-line > .col_date {
        flex: 0 0 auto;
        width: 155px;
    }

    .webag_lst_responsive .container-lines .item-line .col_pro {
        width: 39%;
    }

    .webag_lst_responsive .container-lines .item-line > .col-content-text {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .webag_lst_responsive .container-lines .item-line > .col-content-text .btn-expand-info-rdv {
        display: block;
    }

    .webag_lst_responsive .container-lines .item-line .col_patient {
        padding: 15px;
        width: 39%;
    }

    .webag_lst_responsive .container-lines .item-line .block-document-obligatoire {
        align-items: center;
    }

    .webag_lst_responsive .container-lines .item-line .block-document-obligatoire .ubi_lst_document_motif {
        align-items: center;
    }

    .webag_lst_responsive .container-lines .item-line .col_complement {
        padding: 15px;
        padding-left: 170px;
        padding-right: 320px;
        border-top: 1px solid #005173;
        width: 100%;
    }

    .webag_lst_responsive .container-lines .item-line .col_complement .col_complement_content {
        padding: 0;
    }

    .webag_lst_responsive .container-lines .item-line .col_complement.visible .col_complement_content b{
        display: inline-block;
    }

    /*.webag_lst_responsive .container-lines .item-line .col_prispar{
        margin-top:5px;
    }
    .webag_lst_responsive .container-lines .item-line .col_remarque{
        margin-top:5px;
    }
    .webag_lst_responsive .container-lines .item-line .col_adresses{
        margin-top:5px;
    }
    .webag_lst_responsive .container-lines .item-line .col_motif{

    }*/
    .webag_lst_responsive .container-lines .item-line > .col-action{
        width: 450px;
    }
}
.header-action-onglet{
    text-align: center;
    padding: 15px;
}
.btn-print-rdv{
    border: solid 1px #005173;
    padding: 10px;
    border-radius: 3px;
    background: #005173;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}
.btn-print-rdv > i {
    margin-right: 5px;
}
.btn-print-rdv:hover,
.btn-print-rdv:focus{
    background: #ffffff;
    color: #005173 !important;
    text-decoration: none !important;
    outline: none;
}
.btn-expand-info-rdv {
    border: solid 1px #005173;
    padding: 10px;
    border-radius: 3px;
    background: #ffffff;
    color: #005173;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
/*POPOVER UBICLIC Menu*/
.pop_confirm_ubi{
    border-radius: 0 !important;
}
.pop_confirm_ubi h1{
    background-color: transparent;
    text-align: center;
    color: #00B9D2;
    font-size: 26px;
    margin-top: 0px!important;
}
.pop_confirm_ubi h3{
    background-color: transparent;
    color: #00B9D2;
    margin-top: 0px!important;
}

.pop_confirm_ubi .container-btn-header{
    /*display: flex;
    align-items: center;
    justify-content: right;
    padding: 20px;
    gap: 20px;*/
    text-align: right;
}
.pop_confirm_ubi .container-btn-header .btnretour{
    cursor:pointer;
    direction: ltr;
    margin-top:10px;
    margin-right:10px;
    height: 43px;
    border:2px solid #00b9d2;
    background-color:white;
    border-radius:5px;
    /*position:relative;*/
    z-index:3;
    padding: 10px;
    display: inline-block;
    line-height: initial;
}
.pop_confirm_ubi .container-btn-header .btnretour>i{
    font-size: 2em;
}
.pop_confirm_ubi .btndeco{
    width: 100%;
    max-width: 700px;
    margin: 20px auto;
    text-align: right;
}
.pop_confirm_ubi .btndeco a.respdeco{
    color: #FFFFFF;
    text-decoration: underline;
    padding: 10px;
    font-weight: bold;
    /*border: 1px solid #dc3545;
    border-radius: 5px;*/
}
@media screen and (min-width:768px) {
    .pop_confirm_ubi .container-btn-header .btnretour{
        position: absolute;
        right: 10px;
    }
}

/*form ubiclic*/
.form-ubi{
    line-height: initial;
}
.form-ubi .mb-5{
    margin-bottom: 5px;
}
.form-ubi .form-ubi-text-center{
    text-align: center;
}
.form-ubi.form-ubi-center{
    justify-content: center;
    display: flex;
    align-items: center;
}
.form-ubi.form-ubi-center>div{
    width: 100%;
    max-width: 700px;
}
.form-ubi .flex-align-right{
    justify-content: end!important;
}
.form-ubi .flex-align-center{
    justify-content: center!important;
}
.form-ubi .form-ubi-container{
    width: 100%;
    max-width: 700px;
    margin: 10px auto;
    padding: 30px;
    border-radius: 20px;
    background: #ffffff;
    border: 2px solid #005173;
}
.form-ubi-content-person{
    margin-bottom: 25px;
}
.form-ubi .form-ubi-content{
    justify-content: space-between;
    display: flex;
    align-items: start;
    margin-bottom: 25px;
    flex-direction: column;
    gap: 25px;
    position: relative;
}
.form-ubi .form-ubi-content:last-child{
    margin-bottom: 0px;
}
.form-ubi .form-ubi-description{
    font-style: italic;
    color: #848484;
    flex-direction: column!important;
    gap: 5px;
}
.form-ubi .form-ubi-content-checkbox label{
    justify-content: left;
    align-items: center;
    display: flex;
    gap: 10px;
    margin: 0;
    color: #848484;
}
.form-ubi .form-ubi-content-checkbox input{
    margin: 0;
}

.form-ubi .container-logo-ubiclic{
    text-align: center;
}
.form-ubi .erreur_connexion{
    color: #DC3546;
}
.form-ubi-col-2,
.form-ubi-col-1-4,
.form-ubi-col-3-4{
    width: 100%;
    position: relative;
    padding:0;
}
.form-ubi .form-ubi-content .form-ubi-content-label{
    padding: 5px 10px;
    margin-left: 4px;
    top: 0px;
    position: absolute;
    font-weight: bold;
    margin-top: 16px;
    background: white;
    z-index: 2;
    color: #848484;
    line-height: initial;
}
.form-ubi .form-ubi-content.float-select .form-ubi-content-label,
.form-ubi .form-ubi-content .form-ubi-content-label.active{
    margin-top: -13px;
}
.form-ubi .form-ubi-content-float-label.error .form-ubi-content-label{
    color: #DC3546;
}
.form-ubi .form-ubi-content-float-label.error input,
.form-ubi .form-ubi-content-float-label.error textarea,
.form-ubi .form-ubi-content-float-label.error select{
    border-color: #DC3546;
}
.form-ubi .erreur_rdv{
    color: #DC3546;
}
.form-ubi .form-ubi-content .form-ubi-content-control{
    display: flex;
    gap: 15px;
    width: 100%;
    /*max-width: 300px;*/
}
.form-ubi .form-ubi-content.form-ubi-content-action{
    justify-content: center;
}
.form-ubi-content-required{
    font-style: italic;
    color: #dc3545;
    font-weight: bold;
    margin-bottom: 20px;
}
.form-ubi .iti{
    width: 100%;
}
.form-ubi .erreur_inscription{
    text-align: center;
    font-weight: bold;
    color: #198755;margin-bottom: 25px;
}

.form-ubi select,
.form-ubi textarea,
.form-ubi input[type="text"],
.form-ubi input[type="password"],
.form-ubi input[type="datetime"],
.form-ubi input[type="datetime-local"],
.form-ubi input[type="date"],
.form-ubi input[type="month"],
.form-ubi input[type="time"],
.form-ubi input[type="week"],
.form-ubi input[type="number"],
.form-ubi input[type="email"],
.form-ubi input[type="url"],
.form-ubi input[type="search"],
.form-ubi input[type="tel"],
.form-ubi input[type="color"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #232323;
    box-shadow: none;
    /*margin: 0 auto;*/
    padding: 18px 12px;
    /*height: auto;*/
    text-align: left;
    width: 100% !important;
    border-color: #ccc;
    font-family: "Open Sans", arial, sans-serif;
    font-size: 18px;
    background-color: #fff;
    /* box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5); */
}
.form-ubi select:disabled,
.form-ubi textarea:disabled,
.form-ubi input:disabled {
    color: #848484;
}
.form-ubi input[type=button] {
    background-color: #005173;
    text-decoration: none;
    color:#fff;
    border-radius: 5px;
    padding: 8px 14px;
}
.form-ubi input[type=button]:hover,
.form-ubi input[type=button]:focus{
    background: #00b9d2;
    color: #FFFFFF;
}

/*instruction*/
.form-ubi .form-ubi-content-instructions{
    flex-direction: column!important;
}
.form-ubi .form-ubi-content-instructions .item-instruction{
    justify-content: space-between;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-ubi .form-ubi-content-instructions .item-instruction+.item-instruction{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #f1f1f0;
}
/*fin instruction*/

@media screen and (min-width:768px) {
    .form-ubi{
        background: linear-gradient(to right, #00A1C3 0%,#0086b1 37%,#4296af 68%,#00A1C3 100%);
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .form-ubi h1{
        color: #FFFFFF;
    }
    /*.form-ubi .form-ubi-container{
        border: 1px solid #ddd;
    }*/
    .form-ubi.form-ubi-center{
        min-height: 100%;
    }
    .form-ubi .form-ubi-content{
        flex-direction: row;
        gap: 5px;
    }
    .form-ubi-col-2{
        position: relative;
        width: 50%;
        padding:0;
    }
    .form-ubi-col-1-4{
        position: relative;
        width: 25%;
        padding:0;
    }
    .form-ubi-col-3-4{
        position: relative;
        width: 75%;
        padding:0;
    }
    
}
@media screen and (max-width:768px) {
    .form-ubi{
        padding-left: 15px;
        padding-right: 15px;
    }
    .form-ubi .form-ubi-content.form-ubi-content-action{
        flex-direction: row;
        justify-content: center!important;
    }
    /*.form-ubi .form-ubi-content.form-ubi-content-action-instruction{
        flex-direction: row;
        justify-content: center!important;
    }*/
    .form-ubi-content-instructions{
        gap: 0;
    }
    .form-ubi .form-ubi-content-instructions .item-instruction{
        flex-direction: column;
        align-items: center;
    }
    .form-ubi .form-ubi-content-instructions .item-instruction .item-instruction-text{
        text-align: center;
    }
}

/*onglet*/
.ongletext.onglet-responsive{
    margin-bottom: 20px;
    margin-top: 20px;
}
.ongletext.onglet-responsive .ongletmenucontainer{
    flex-direction: column;
    align-items: initial;
    justify-content: center;
    display: flex;
    gap: 0px;
    text-align: center;
}
.ongletext.onglet-responsive .ongletmenucontainer > .ongletjs{
    padding: 10px;
    border-bottom: 1px solid #000000;
    cursor: pointer;
    background: #F4F4F4;
    font-weight: bold;
}
.ongletext.onglet-responsive .ongletmenucontainer > .ongletjs:first-child{
    border-top: 1px solid #000000;
}
.ongletext.onglet-responsive .ongletmenucontainer > .ongletjs.ongletjsactive,
.ongletext.onglet-responsive .ongletmenucontainer > .ongletjs.ongletjshover{
    color: #FFFFFF;
    background: #07B9D7;
    border-color: #07B9D7;
}

.ongletext.onglet-responsive .ongletjsdiv > .ongletcontent>div{
    padding: 20px;
    background: linear-gradient(to right, #00A1C3 0%,#0086b1 37%,#4296af 68%,#00A1C3 100%);
}

@media screen and (min-width:768px) {
    .ongletext.onglet-responsive .ongletmenucontainer{
        flex-direction: row;
        align-items: center;
        gap:20px;
    }
    .ongletext.onglet-responsive .ongletmenucontainer > .ongletjs:first-child{
        border-top: none;
    }
    .ongletext.onglet-responsive .ongletmenucontainer > .ongletjs{
        background: transparent;
    }
    .ongletext.onglet-responsive .ongletjsdiv > .ongletcontent>div{
        padding: 40px 20px;
    }
}
/*fin onglet*/

/*provisoir proche */
#onglet2{
    color: #FFFFFF;
}
#onglet2 h2{
    text-align: center;
}
#onglet2 #lst_proches_table{
    background: white;
    color: #303030;
}
#onglet5 #dplRdv .creneaux,
#onglet5 #dplRdv .creneaux span.nomcreneau{
    color: #FFFFFF;
}

/*.webagdispo_frame .jourssemaine .tablejourssemaine{
    width:90%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}*/
.webagdispo_frame .heuresdispos{
    background: transparent!important;
}
/*.webagdispo_frame .heuresdispos .cltabdispo{
    width:90%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}*/

@media (min-width: 600px) and (max-width: 949px) {
    .webagdispo_frame .jourssemaine .tablejourssemaine{
        width: 600px!important;
    }
    .webagdispo_frame .heuresdispos .cltabdispo{
        width: 600px!important;
    }
}

@media (min-width: 950px) and (max-width: 1049px) {
    .webagdispo_frame .jourssemaine .tablejourssemaine{
        width: 700px!important;
    }
    .webagdispo_frame .heuresdispos .cltabdispo{
        width: 700px!important;
    }
}

@media (min-width: 1050px) and (max-width: 1199px) {
    .webagdispo_frame .jourssemaine .tablejourssemaine{
        width: 800px!important;
    }
    .webagdispo_frame .heuresdispos .cltabdispo{
        width: 800px!important;
    }
}

@media (min-width: 1200px) {
    .webagdispo_frame .jourssemaine .tablejourssemaine{
        width: 900px!important;
    }
    .webagdispo_frame .heuresdispos .cltabdispo{
        width: 900px!important;
    }


}

/*provisoire proche*/

/** import des css des formulaires */
@import 'webag_inscription.css';