@import url("../Grids/formulairesResponsive.css");
@import url("../Grids/Grids.css");

.rendezvous .rendezvous-aucun {
    font-weight: bolder;
    text-align: center;
}

/*************************************************
    Recherche RDV
*/


.rdv .rdv-recherche {
    display: flex;
    flex-wrap: wrap;
}

.rdv .rdv-recherche .formulaire-champ-definition {
    text-align: right;
}


.rdv .rdv-recherche .rdv-recherche-professionnel {
    width: 30%;
    display: flex;
}

        .rdv .rdv-recherche .rdv-recherche-professionnel .formulaire-champ-definition {
            min-width: 50px;
            width: 20%;
        }

        .rdv .rdv-recherche .rdv-recherche-professionnel .formulaire-champ-valeur {
            width: 80%;
        }


    .rdv .rdv-recherche .rdv-recherche-discipline {
        width: 40%;
        display: flex;
    }

        .rdv .rdv-recherche .rdv-recherche-discipline .formulaire-champ-definition {
            min-width: 50px;
            width: 20%;
        }

        .rdv .rdv-recherche .rdv-recherche-discipline .formulaire-champ-valeur {
            width: 70%;
        }

        .rdv .rdv-recherche .rdv-recherche-discipline .rdv-recherche-discipline-informations {
            width: 10%;
        }

    .rdv .rdv-recherche .rdv-recherche-lieu {
        width: 30%;
        display: flex;
    }


        .rdv .rdv-recherche .rdv-recherche-lieu .formulaire-champ-definition {
            min-width: 50px;
            width: 20%;
        }

        .rdv .rdv-recherche .rdv-recherche-lieu .formulaire-champ-valeur {
            width: 80%;
        }

    .rdv .rdv-recherche .rdv-recherche-commandes {
        width: 100%;
    }



@media (max-width:640px)
{
    .rdv .rdv-recherche > div, .rdv .rdv-recherche > div.rdv-recherche-lieu, .rdv .rdv-recherche > div.rdv-recherche-discipline, .rdv .rdv-recherche > div.rdv-recherche-professionnel
    {
        width: 100%;
    }

    .rdv .rdv-recherche .rdv-recherche-commandes{
        margin-right: 15px;
    }
}



    /*************************************************
    Demande RDV
*/

    .rdv .rdv-traitement .rdv-traitement-selection .rdv-traitement-selection-medecins .rdv-traitement-selection-medecins-medecin
    {
        display: flex;
        flex-wrap: wrap;
        min-height: 60px;
        margin-bottom: 10px;
        padding: 6px;
    }

        .rdv .rdv-traitement .rdv-traitement-selection .rdv-traitement-selection-medecins .rdv-traitement-selection-medecins-medecin:hover
        {
            background-color: #fafafa;
        }

        .rdv .rdv-traitement .rdv-traitement-selection .rdv-traitement-selection-medecins .rdv-traitement-selection-medecins-medecin .rdv-traitement-selection-medecins-medecin-informations
        {
            width: 80%;
            min-width: 400px;
        }

        .rdv .rdv-traitement .rdv-traitement-selection .rdv-traitement-selection-medecins .rdv-traitement-selection-medecins-medecin .rdv-traitement-selection-medecins-medecin-commandes
        {
            width: 20%;
            min-width: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.rdv .rdv-traitement .rdv-traitement-selection .rdv-traitement-selection-type, .rdv-traitement-selection-type-demande, .rdv-traitement-selection-autre-type {
    margin-top: 20px;
}

@media (max-width:640px)
{
    .rdv .rdv-traitement {
        margin: 0px 15px;
    }

}




    /*************************************************
    Synthèse RDV
*/

    .rdvs-synthese .rdvs-synthese-rdv .rdvs-synthese-rdv-annuler, .rdvs-synthese .rdvs-synthese-rdv .rdvs-synthese-rdv-reporter
    {
        padding: 15px;
    }

        .rdvs-synthese .rdvs-synthese-rdv .rdvs-synthese-rdv-annuler textarea, .rdvs-synthese .rdvs-synthese-rdv .rdvs-synthese-rdv-reporter textarea
        {
            width: 100%;
        }

.rdvs-synthese .rdvs-synthese-rdv .noAnnulation-explanation
{
    display: flex;
    align-self: center;
}
/*************************************************
    Responsive
*/
@media (max-width:640px) {
    /*************************************************
    Synthèse RDV
    */
    .rendezvous .rendezvous-ajout
        {
            padding: 8px;
        }
    }

    /*************************************************
    Historique
*/
    #divRecaptcha
    {
        margin-left: 380px;
    }

    .ErrorMsgRecaptcha
    {
        color: red;
        float: right;
        margin-right: 5px;
    }

    input.rbDecorated
    {
        padding-left: 25px;
    }

    .ButtonStyle
    {
        height: auto;
        padding: 5px 0px;
        margin-top: 0;
    }

        .ButtonStyle:hover
        {
            cursor: pointer;
        }

    #PanelEstablishment td
    {
        border: none;
    }

    .ResultTitle
    {
        font-weight: bold;
    }

    .RadGrid_WebBlue
    {
        background-color: transparent;
    }

        .RadGrid_WebBlue .rgPager
        {
            background: transparent none;
            border: none;
        }

        .RadGrid_WebBlue .rgRow > td
        {
            padding: 0;
        }

    .rgMasterTable .rgRow td
    {
        padding: 0;
    }

    .riTextBox
    {
        padding-left: 5px;
    }

    span
    {
        vertical-align: middle;
    }

    #disciplineInfo
    {
        max-width: 680px;
        left: 200px;
        text-align: justify;
    }

    .maskedInfoArea
    {
        position: absolute;
        background-color: #EDEDED;
        border: 1px solid #79B7E7;
        padding: 5px;
        z-index: 9999;
    }

    .tbxSearchName
    {
        max-width: 180px;
        height: 19px;
    }

    .cbxSearchDiscipline
    {
        max-width: 210px;
        height: 25px;
    }

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

    .appointmentRequestPanelTitle
    {
        max-width: 800px;
        text-align: center;
        font-weight: bold;
        padding: 5px 0;
    }

    .appointmentRequestSubTitle
    {
        text-align: center;
        padding: 5px 0;
    }

    .appointmentRequestPanelCommands
    {
        max-width: 690px;
        height: 40px;
        margin-top: 10px;
    }

    #privateSectorHelp
    {
        max-width: 420px;
        left: 400px;
    }

    #undefinedSectorHelp
    {
        max-width: 420px;
        left: 400px;
    }

    #fileInfo
    {
        max-width: 515px;
    }

    #contactInfo
    {
        max-width: 350px;
        left: 200px;
    }


    .ruDropZone
    {
        display: none;
    }

    .RadUpload .ruFakeInput
    {
        height: 20px;
    }

    .RadInput_Default .riTextBox
    {
        border: 1px solid #00A7E1;
        line-height: 20px;
    }

    #PasswordInformation
    {
        background-color: #EDEDED;
        border: 1px solid #79B7E7;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        padding: 5px 10px 10px;
        text-align: justify;
        height: 30px;
        max-width: 435px;
        margin-bottom: 10px;
    }

    #divRequestInProgress
    {
        margin-top: 235px;
        margin-left: 220px;
        text-align: center;
        z-index: 9999;
        background-color: Black;
        height: 60px;
        max-width: 380px;
        padding-top: 20px;
    }

    .containerRequestInProgress
    {
        position: absolute;
        background-color: #AAAAAA;
        height: 100%;
        width: 100%;
        left: 0;
        opacity: 0.6;
        mozopacity: 0.6;
        filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
        top: 0;
        z-index: 3000;
    }

    .width100, .width100 table, .width100 input
    {
        width: 100px !important;
    }

        .width100 input
        {
            padding: 1px 0 !important;
        }

    .alternateQuestion
    {
        background-color: #D4E3FC;
        margin-bottom: 10px;
    }

    .aler-valid
    {
        background-image: url("/Portals/0/Images/Icones/danger_icon.png");
        background-repeat: no-repeat;
        background-position: 5px center;
        background-size: 32px 32px;
        border: 2px solid red;
        margin: 10px;
        padding: 3px;
        padding-left: 40px;
    }

.information-etablissement{
    position: relative;
}

.imgArrow
{
    position: absolute;
    right: 20px;
    margin-top: -10px;
}

    .ExpandButton_myHOP_Collapsed
    {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE8*/
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari */
        transform: rotate(180deg);
    }

    .panel-dtails:hover
    {
        text-decoration: none;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -webkit-opacity: 0.8;
        mozopacity: 0.8;
    }

    div
    {
        vertical-align: middle;
    }

    #divUrgencyDate
    {
        max-width: 150px !important;
    }

    .panelMessagePopup
    {
        left: 30%;
        position: fixed;
        z-index: 99999;
        max-width: 600px;
    }

    .riTextBoxTitre
    {
        max-width: 200px !important;
    }

    .common-btn.chooseSlotActiveButton
    {
        background-color: #ffd800 !important;
    }

    button.common-btn.chooseSlotDisableButton
    {
        background-color: #C1C1C1 !important;
    }

    .nicePadding
    {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 12px;
        text-decoration: none;
    }

    a.noTextDecoration
    {
        text-decoration: none !important;
    }

    .marginBottom20
    {
        margin-bottom: 20px;
    }

    .marginTop20
    {
        margin-top: 20px;
    }

    .blueFont
    {
        color: #0086C5;
    }

    .RadWindow table.rwTitlebarControls
    {
        display: none;
    }

    .marginLeft10
    {
        margin-left: 10px;
    }

    .marginLeft6
    {
        margin-left: 6px;
    }

    .marginright6
    {
        margin-right: 6px;
    }

    .marginTop6
    {
        margin-top: 6px;
    }

    .padding6
    {
        padding: 6px;
    }

    .background-warning-zone
    {
        background-color: #FFA6A6;
        border: 3px solid red;
        position: relative;
        margin-top: 50px;
    }


    div.rcbMoreResults[id$="CommunesRadComboBox_MoreResultsBox"]
    {
        padding: 0px;
        width: 100%;
    }

    .divContainer
    {
        margin-bottom: 80px;
        display: flex;
    }

    /* appointmentDisplay */

    input.rbDecorated
    {
        color: white;
        font-weight: bold;
    }

    .demandInformation
    {
        min-height: 45px;
    }

    .cancelDemandInformation
    {
        margin: 0px;
        cursor: default;
        text-align: center;
    }

    /* appointmentVenue */

    #barcode
    {
        float: right;
        border: solid 1px;
        margin-top: 0px;
        margin-right: 50px;
        padding: 7px;
    }

    #confirmationAdmission
    {
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .libelleGras
    {
        font-weight: bold;
    }

    #admissionVenue
    {
        margin-top: 5px;
    }


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


.pnlAppointementTitle
{
    padding-bottom: 15px;
}

.grdAvailability
{
    margin-top: 5px;
}

.lblPrecision
{
    padding-bottom: 10px;
    padding-top: 20px;
}

.txbPrecision
{
    width: 100%;
    max-width: 595px;
}

.appointementFormButton
{
    margin-right: 10px;
}

.pnlAppointementStatus
{
    float: left;
    padding: 0;
    padding-left: 10px;
    width: 100%;
    max-width: 750px;
}

.lblStatus
{
    margin-left: 10px;
    text-align: center;
}

.pnlAppointementRequestNumber
{
    float: right;
    text-align: left;
    padding-top: 10px;
    padding-right: 5px;
}

.lblAppointementRequestNumber
{
    font-style: italic;
}

.pnlAppointementRequestItem
{
    margin-bottom: 10px;
}

.pnlExistingMail {
    color: red;
}

.pnlListChoice li {
    list-style-type: disc;
}

.pnlCancelDemandLabel {
    margin-left: 7px;
    font-weight: bold;
    font-style: italic;
}

.pnlAppointementDetailBody
{
    min-height: 80px;
}

.pnlPrecision
{
    margin-top: 10px;
}

.pnlToubibLetter
{
    padding-top: 5px;
}

.clsHelperImg
{
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.toubibLetterError3
{
    float: left;
    background-color: #EDEDED;
    padding-left: 5px;
    padding-top: 5px;
}

.lblAppointementBold
{
    font-weight: bold;
}

.pnlKnownByService
{
    margin-bottom: 10px;
}

.rdbRequestUrgency
{
    vertical-align: text-top;
}

.serviceInformation
{
    border-left: 2px solid #F1F8FE;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 10px;
    vertical-align: top;
    width: 100%;
    max-width: 236px;
}

.serviceInfoDetail
{
    border: 1px solid #9FA4A8;
    border-radius: 5px 5px 5px 5px;
    cursor: default;
    margin-bottom: -3px;
    margin-left: -6px;
    padding: 5px;
    width: 100%;
}

.serviceTeledemand
{
    border: 2px solid #A6C9E2;
    border-radius: 5px 5px 5px 5px;
    cursor: default;
    margin-left: -7px;
    min-height: 100px;
    padding: 5px;
    width: 100%;
}

.toubibCollection
{
    display: none;
    width: 100%;
}

.toubibCollectionShown
{
    display: block;
}

.pnlToubibCollection
{
    margin-top: 5px;
}

.resultRowStyle
{
    cursor: default;
}

.toubibItem
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    min-height: 35px;
}

/*.toubibInformation {
    background-color: #FFFFFF;
}*/

.resultTitle
{
    color: #46627E;
    font-weight: bold;
}

.LblEtablishment
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.lblServiceInformationDetail
{
    padding: 10px;
    min-height: 35px;
}

#divServiceInformationDetail
{
    text-align: justify;
}

.lblServiceNotDeployedInformationDetail
{
    border: 1px solid #A6C9E2;
    padding: 10px;
}

a.ShowToubibCollection
{
    font-weight: bold;
    color: Green;
}

.pnlServiceInformationBody
{
    padding: 15px 0;
    text-align: justify;
}

.pnlAppointementService
{
    margin-top: 10px;
}

.pnlServicePhoneNumber
{
    margin-top: 0;
}

.pnlServiceLink
{
    margin-top: 0px;
}

.pnlServiceMap
{
    margin-left: 0;
    margin-top: 0px;
    width: 100%;
    max-width: 85px;
}

.pnlAppointementServiceAdress
{
    display: inline;
}

.pnlAppointmentWarning
{
    padding: 10px 0 15px;
    text-align: center;
}

.pnlAppointmentConvocation
{
    margin-top: 10px;
}

.lblServiceInformationTitle
{
    font-weight: bold;
}

.imgAppointementService
{
    border-width: 0;
    padding-right: 7px;
}

.imgServicePhoneNumber
{
}

.lblMap
{
    margin-left: 10px;
}

.pnlLinkMap
{
    margin-bottom: 10px;
    margin-top: 20px;
}

.tableLinkMap
{
    height: 100%;
}


.pnlHCLAppointementDateCreation
{
    float: right;
    margin-top: 20px;
}



.pnlSelectionDisplay
{
    background-color: #F1F8FE;
    border: 1px solid #3E81B5;
    width: 100%;
    max-width: 655px;
}

.pnlSelectionFont
{
    font: 12px Verdana;
}

.divPersonnalToubib
{
    display: inline;
}


/* Edition d'un rdv manuel */

div.RadPicker table tbody tr td{
    padding: 0px !important;
}