﻿@import url("import/reset.css");
@import url("import/menu.css");
@import url("import/LinkedDocuments.css");
@import url("import/Popup.css");
@import url("import/formulaire.css");
@import url("import/saisie.css");
@import url("import/telerikOverload.css");
@import url("import/medipath.css");
@import url("import/listes.css");
@import url("import/Notifications.css");
@import url("import/patient.css");



@import url("overloads/admin.css");
@import url("overloads/default-table.css");
@import url("overloads/default.css");


.h2_Pale {
    color: #486A7F;
    font-weight: normal;
}

h4, .lblMissingAppointement {
    text-decoration: underline;
    font-weight: normal;
}


.siteLogoSize {
    width: 100%;
    overflow: hidden;
    margin-right: 3px;
    float: left;
    padding-top: 10%;
    padding-bottom: 10%;
}

.clsIbtnClose {
    background-image: url("/portals/0/images/icones/Close.png");
}

    .clsIbtnClose:hover {
        background-image: url("/portals/0/images/icones/CloseHover.png");
    }

.imageBW {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

.mettreEnValeur {
    font-weight: bold;
}


/**********************/
/* Nouvelle ergonomie */
/**********************/
.divContactResult {
    border: 1px solid #A6C9E2;
    margin-left: 130px;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.lblAddContactTitle {
    font-weight: bold;
    height: 30px;
    margin-bottom: 15px;
    margin-left: 2px;
    padding-left: 5px;
    padding-top: 5px;
    text-transform: capitalize;
    width: 100%;
}

.divContactDetail {
    padding: 10px;
    width: 100%;
}

.divPageContent {
    width: 100%;
    min-height: 300px;
}

.divTabContent {
    margin: 0px !important;
    width: 100% !important;
}

.divTabContentGraph {
    height: 465px;
}

.divTabButton {
    float: left;
    width: 50px;
}

.divTabLabelStudy {
    float: none;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-left: 85px;
}

.TabButtonStyle {
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    height: 50px;
    margin-top: 10px;
    padding-top: 5px;
    text-align: center;
    width: 55px;
}

    .TabButtonStyle:hover {
        background-color: #E3F5FF;
        cursor: pointer;
    }
/**********************/


.cssMarcheASuivre {
    padding-top: 10px;
    text-align: justify;
}

hr {
    background-color: #A6C9E2;
    border: 0 none;
    height: 1pt;
    text-align: left;
}

.activeTabSheet, .rtsSelected {
    background: url("/Portals/0/css/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") repeat-x scroll 50% 50% #F5F8F9;
    border: 1px solid #79B7E7;
    color: #E17009;
    font-weight: bold;
    border-style: solid solid none;
    height: 36px;
}

.clsImgBtn {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.clsPageDetailLightWarning {
    background-color: #F8FFBA;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: justify;
}

.clsServiceWarning {
    background-color: #F8FFBA;
    float: right;
    margin-right: 53px;
    padding: 3px;
    text-align: justify;
    width: 100%;
    max-width: 230px;
}

.pnlNoRendezVous {
    border: 1px solid #A6C9E2;
    margin: 58px auto;
    padding: 20px;
    text-align: center;
    width: 100%;
    max-width: 350px;
}

.clsRendezVousTitle {
    font-weight: normal;
}

.clsManualRendezVousTitle {
    font-weight: normal;
    color: #1a272b;
}

.clsRendezVousService {
    font-weight: normal;
}

.clsRendezVousHour {
    margin-left: 10px;
    font-weight: normal;
    color: #46627E;
}

.clsRendezVousDetail {
    font-weight: normal;
    color: #46627E;
}

.clsRendezVousType {
    float: left;
    padding-top: 5px;
}

.clsRendezVousDate {
    font-weight: bold;
    text-transform: capitalize;
}

.TeleConsultationLink:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f03d";
    background-color: #00ade9;
    border-radius: 5px;
    color: white;
    padding: 5px 10px;
    margin-left: 20px;
}

.TeleConsultationLink {
    cursor: pointer;
}

.pnlRendezVousSynthesis {
    padding: 10px 10px 10px 35px;
}


.clsGridRendezVous .rgAltRow td {
    border-style: none;
}

.clsGridRendezVous .rgEditForm {
    border-bottom-width: 0;
    padding-top: 15px;
    /*padding-left: 50px;*/
}

.clsGridRendezVous .rgEditRow td {
    border-bottom-width: 0;
}

.tdAgendaTitle {
    height: 25px;
    width: 50px;
}

.tdAgendaControl {
    height: 25px;
    width: 100%;
    max-width: 380px;
}

.divAgendaButtonContainer {
    height: 40px;
    width: 100%;
    margin-top: 10px;
}

.clsPageDetailWarning {
    background-color: #F8FFBA;
    font-weight: bold;
    padding: 5px;
}

.clsRendezVousPlace {
    font-weight: bold;
    float: right;
}

.fieldLegendStyle {
    color: #1a272b;
    font-weight: bold;
}

.HomeFieldPrivateArea {
    margin-left: 10px;
    border: 0px solid white;
    width: 100%;
    max-width: 700px;
}

div.ui-tabs {
    padding: 0;
}

/*.FieldPrivateArea, .ui-widget-content {
    display: flex;
    width: 100%;
    min-height: 150px;
    height: 100%;
    border: none;
    flex-direction: column;
    background: none;
}*/

    .FieldPrivateArea > div:not(.RadAjaxPanel) {
        width: 100%;
        margin: 0;
    }

.LegendPrivateArea {
    width: 100%;
    max-width: 660px;
    height: 32px;
    color: #376092;
    font-weight: bold;
    padding: 10px 0 0 15px;
}

.AuthentifiedHeader {
    width: 95%;
    height: 32px;
    color: #376092;
    font-weight: normal;
    padding: 10px 0 0 15px;
}

.publicContentFrame {
    min-height: 390px;
    width: 100%;
    max-width: 695px;
}

.DeleteEventItemConfirmation {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px outset #CCCCCC;
    left: 161px;
    padding: 0 0 15px;
    position: absolute;
    text-align: left;
    top: 129px;
    width: 100%;
    max-width: 315px;
}

div.RadToolTip a.rtCloseButton {
    position: static;
}

div.RadUpload, div.RadUploadProgressArea {
    width: 100%;
    max-width: 430px;
}

#dnn_ctr518_RssModule_pnlRss {
    height: 170px;
}

.header-tabs a:active {
    font-weight: bold;
    border-bottom: 0 none;
    height: 29px;
    margin-top: -1px;
}

.header-tabs {
    background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    border: 1px solid #4297D7;
    color: #FFFFFF;
    font-weight: bold;
}

.marginPageView {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.multiPage {
    padding-top: 30px;
}

.panelValid {
    height: 45px;
}

.panelDummy {
    height: 15px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 500px;
}
/*RadGrid*/
.RadGrid_WebBlue .rgHeader, .RadGrid_WebBlue th.rgResizeCol {
    background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    border: 1px solid #4297D7;
    color: #FFFFFF;
}

.RadGrid_WebBlue .rgPager {
    background: url("/Portals/0/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
}
/*RadRotator*/
.RadRotator_Default .rrClipRegion {
    border: solid 0px #ffffff;
}
/*RadTabStrip*/
.RadTabStrip_WebBlue .rtsLink:hover, .RadTabStrip_WebBlue .rtsSelected {
    color: #E17009;
}
/*.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt
{
    padding-top: 7px;
}*/

.RadTabStrip .rtsLink {
    height: 27px;
}

.RadTabStrip .rtsIn, .RadTabStripVertical .rtsIn {
    padding: 0 !important;
}

.rcDayDate {
    border: 1px solid;
    height: 18px;
    color: #FFFFFF;
    cursor: pointer;
    background: url("/Portals/0/images/special-day-back-ground.png");
}

.rcPreview, .rcRow a {
    cursor: pointer;
}

.rcSelectedDate {
    cursor: pointer;
}

.rcTitle {
    color: #FFFFFF;
}

.RotatorImage {
    cursor: hand;
    cursor: pointer;
}

.rtsLI {
    background-image: none;
}

.tabContent {
    margin-left: 14px;
    margin-top: 11px;
    width: 100%;
    max-width: 670px;
    min-height: 330px;
}

.tabsLink, tabslink:link, tabslink:visited, tabslink:active {
    color: #3E81B5;
    font-weight: normal;
    text-decoration: none;
}

.titleBold {
    font-weight: bold;
}

.txtBold {
    font-weight: bold;
}

.txtCapitalize {
    text-transform: capitalize;
}

ul li {
    list-style-type: none;
}

.pnlEmptyTab {
    border: 1px solid #A6C9E2;
    margin: 90px auto;
    padding: 20px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
    max-width: 350px;
}

.pnlCancelRendezVousDemand {
    background: url("/Portals/0/images/icones/cancel.png") no-repeat scroll 5% center transparent;
}


.pnlCancelRendezVousDemandDetail {
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    display: none;
    margin-top: 20px;
    padding-left: 12px;
    padding-top: 9px;
}

.pnlCancelAllowed {
    min-height: 150px;
}

.pnlCancelNotAllowed {
    min-height: 80px;
}

#pnlAppointmentNotAllowedWarning {
    padding: 10px 30px 10px 0;
    text-align: center;
}

.cancelRendezVousDemand {
    float: left;
    padding-top: 10px;
}

.divRadConfirmDelete {
    width: 100%;
    max-width: 25px;
    float: right;
}


/************************************/
/* Style UserControl HCL.MailSender */
/************************************/

.divContainerLink {
    margin-left: 15px;
    float: right;
}

.divContainerCtrl {
    position: fixed;
    left: 500px;
    top: 200px;
    float: right;
    display: none;
}

.ClsMailTd {
    width: 100px;
    font-weight: bold;
}

/***********************************/
/* Style UserControl HCL.UserSteps */
/***********************************/
.divFollowing {
    margin-top: 25px;
    margin-left: 10px;
}

.divAllSteps {
    width: 100%;
    max-width: 860px;
    height: 125px;
    margin-top: 25px;
}

.divMenuAddPatient {
    display: none;
    float: left;
    width: 100%;
    max-width: 250px;
    height: 65px;
    position: absolute;
}

.divStep {
    text-align: justify;
    color: #2E3D47;
    font-weight: normal;
    padding: 10px;
    height: 160px;
}

.divStepImg {
    float: left;
    height: 70px;
}

.cssImgStep {
    float: left;
    border: 0;
}

.cssTitleStep {
    font-size: 21px;
    float: left;
    padding-left: 10px;
    width: 100%;
    max-width: 125px;
    height: 70px;
}

.divStepDetail {
    float: left;
    width: 100%;
    max-width: 126px;
}

.divLinkStep {
    float: left;
    margin-left: 10px;
}

.cssDoneStep {
    color: #84C311;
}

.cssToDoStep {
    color: #72A9D3;
}

.divNextStep {
    float: left;
    width: 100%;
    max-width: 20px;
    text-align: center;
    padding-top: 45px;
}

.divStepToolTip {
    float: left;
    width: 100%;
    max-width: 683px;
    height: 185px;
    text-align: center;
    margin-top: 20px;
}

.ToolTipLeft {
    background: url("/Portals/0/Images/conteneurs/bubble_left.png") no-repeat scroll 0 8px transparent;
}

.ToolTipCenter {
    background: url("/Portals/0/Images/conteneurs/bubble_center.png") no-repeat scroll 0 8px transparent;
}

.ToolTipRight {
    background: url("/Portals/0/Images/conteneurs/bubble_right.png") no-repeat scroll 0 8px transparent;
}

.divToolTipContent {
    margin: auto;
    margin-top: 50px;
    text-align: justify;
    height: 80px;
    width: 100%;
    max-width: 315px;
}

.divUserSteps {
    width: 100%;
    max-width: 860px;
    height: 192px;
    padding-left: 30px;
}

.divStepGoContainer {
    float: left;
    padding-left: 20px;
    width: 100%;
    max-width: 230px;
    padding-top: 25px;
}

.divStepGoTitle {
    font-weight: bold;
}

.divStepGoDetail {
    width: 100%;
    max-width: 230px;
}

.divStep2 {
    text-align: justify;
    color: #2E3D47;
    font-weight: normal;
    padding: 10px;
    height: 120px;
    width: 100%;
    max-width: 300px;
}

.cssTitleStep2 {
    font-size: 21px;
    float: left;
    padding-left: 10px;
    width: 100%;
    max-width: 215px;
    height: 70px;
}

/********************************************/
/*    Style UserControl HCL.DataCharting    */
/* & fenêtre ChartZooming et Chart Printing */
/********************************************/
.classCharting {
    text-align: center;
}

.classGroupDataCharting {
    margin-top: -10px;
    margin-bottom: 10px;
    text-align: left;
}

.classDivSelectDataCharting {
    clear: left;
    text-align: left;
    margin-bottom: 10px;
}

.classTitleDataCharting {
    margin-right: 10px;
    margin-left: 0px;
}

.classPanelChart {
    margin-left: 60px;
}

.classPanelChart1 {
    margin-left: 20px;
}

.tdDatePicker {
    width: 100%;
    max-width: 160px;
    padding-left: 10px;
}

.tdTitle {
    width: 100%;
    max-width: 105px;
    text-align: right;
}

.divDataPrinting {
    width: 100%;
    max-width: 600px;
}

.divPrintFooter {
    margin-top: 30px;
    text-align: center;
    font-style: italic;
    width: 100%;
    max-width: 600px;
}

.divFieldSet {
    background-color: #EDEDED;
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    margin-left: Auto;
    margin-right: Auto;
    margin-top: 5px;
    padding: 5px;
}

.txbComment {
    width: 100%;
    max-width: 560px;
    margin-left: 5px;
    margin-right: 5px;
}


/***************************/
/* Style module HCL.Agenda */
/***************************/
.agendaAlert {
    padding-left: 30px;
}

.agendaFormLabel {
    width: 100%;
    max-width: 90px;
    height: 25px;
}

.agendaFormControl {
    width: 100%;
    max-width: 450px;
    height: 25px;
}

.agendaRequiredFormLabel {
    font-weight: bold;
}

.formUrl a, .formUrl a:link, .formUrl a:visited {
    color: #3E81B5;
    font-weight: normal;
    text-decoration: none;
}

.agendaFormButton {
    margin-right: 10px;
    text-align: right;
}

.agendaFormButtonContainer {
    height: 50px;
    margin-top: 10px;
}

.lblElementDayTitle {
    font-weight: bold;
    height: 25px;
    padding-left: 5px;
    padding-top: 5px;
    text-transform: capitalize;
    width: 100%;
    max-width: 563px;
    margin: 5px;
}

.lblElementDayTitleToolTip {
    font-weight: bold;
    height: 25px;
    padding-left: 5px;
    padding-top: 5px;
    width: 100%;
    max-width: 590px;
    margin: 5px;
}

.eventItem {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #A6C9E2;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 10px;
}

.eventItemPatientImage {
    width: 100%;
    max-width: 50px;
    height: 50px;
}



.eventItemPatientImagePanel {
    float: left;
}

.eventItemPatientImageTableColumn {
    vertical-align: top;
    width: 100%;
    max-width: 75px;
}

.eventItemPatientDetailTableColumn {
    vertical-align: top;
}

.agendaElement {
    border: 2px solid #A6C9E2;
    margin-top: 15px;
    width: 100%;
    max-width: 580px;
}

.agendaEditForm {
    margin-left: 5px;
    margin-top: -30px;
    padding-left: 20px;
    padding-top: 10px;
    width: 100%;
    max-width: 640px;
}

.pnlEventTitle {
    display: table-cell;
    font-weight: bold;
    margin-left: 20px;
    vertical-align: top;
    width: 100%;
    max-width: 527px;
}

.eventTitle {
    margin-left: 5px;
    font-weight: bold;
}

.pnlEventAlert {
    display: inline;
    vertical-align: top;
}

.eventDetail {
    display: block;
    font-weight: normal;
    margin-top: 10px;
}

.eventLink {
    margin-left: 0px;
    color: #2E6E9E;
}

.eventPicto {
    width: 20px;
    height: 20px;
}

.pnlEventPicto {
    margin-left: 40px;
    margin-top: -13px;
    z-index: 100;
}

.pnlButton {
    height: 20px;
    margin-left: 555px;
    width: 45px;
}

.btnEdit {
    width: 20px;
}

.btnDelete {
    width: 20px;
}

.pnlAgendaElement {
    margin-left: 0;
    margin-top: -15px;
}

.pnlEditItem {
    border: 1px solid #A6C9E2;
    margin-top: 5px;
    padding-left: 5px;
    margin-left: 3px;
    margin-right: 3px;
}

.historiqueGrid {
    margin-left: 5px;
    margin-right: 5px;
}

.nextEventsContainer {
    float: right;
    margin-top: 10px;
}

.homePageDayEvent {
    width: 100%;
    max-width: 300px;
    color: #1a272b;
}

.homePageTitleEvent {
    margin-left: 15px;
    text-decoration: underline;
}

.homePageHelpContent {
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}

.homePageTitleContent {
    vertical-align: top;
    height: 30px;
}

.homePageDayMessage {
    margin-left: 15px;
    width: 100%;
    max-width: 300px;
}

.homePageTitleMessage {
    width: 100%;
    max-width: 300px;
    text-decoration: underline;
}

.homePageDayEventDetail {
    cursor: pointer;
    display: inline;
    width: 40px;
}

.agendaToolTip {
    width: 100%;
    max-width: 800px;
}

.pnlFormEdit {
    border: 1px solid #A6C9E2;
    margin-left: 0;
    margin-right: 2px;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

.eventAlert {
    display: inline;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 5px;
}

.eventPostIt {
    width: 32px;
}

.eventPnlCloseButton {
    width: 20px;
}

.btnCloseWindowEventCollection {
    position: absolute;
    right: 5px;
    top: 4px;
}

.pnlAppointement {
    float: left;
    height: 60px;
    width: 100%;
    max-width: 625px;
}

.imgHCLAppointement {
    height: 100%;
}

.imgAttachedFile {
    margin-right: 5px;
}

.pnlAppointmentInformation {
    background-color: #F8FFBA;
    border: 1px solid #A6C9E2;
    border-radius: 10px 10px 10px 10px;
    margin: 0 10px 10px 5px;
    padding: 5px 10px 20px;
}

.imgDisabledServiceInformation {
    float: left;
    padding-right: 15px;
}

.toubibName {
    font-weight: bold;
}

.pnlServiceInformation {
    width: 100%;
    max-width: 570px;
}

.pnlToubibInformation {
    margin-top: 10px;
    width: 100%;
    max-width: 430px;
}

.pnlServiceOpeningHours {
    width: 100%;
    max-width: 450px;
}

.pnlKnownByService {
    margin-top: 10px;
}

.pnlKnownByToubib {
    margin-top: 5px;
}

.appointmentInformation {
    float: left;
}

.appointmentInformationLabel {
    margin-left: 25px;
}

.pnlAppointmentCanceledInformation {
    padding: 10px 0;
}

.imgAppointmentConvocation {
    border-width: 0;
    float: left;
    padding-right: 14px;
}

.pnlSecretaryResponse {
    background-color: #F8FFBA;
    border: 1px solid #A6C9E2;
    margin: 20px 10px 5px 5px;
    padding: 5px 10px 20px;
    border-radius: 10px 10px 10px 10px;
}

.titleUnderline {
    text-decoration: underline;
    font-weight: bold;
}

.pnlPrivateConsultation {
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 570px;
}

.pnlPersonnalToubib {
    width: 100%;
    max-width: 570px;
}

.fieldSetAppointment {
    border: 1px solid #3E81B5;
    width: 100%;
    padding-left: 10px;
}

.addToubibsIcone {
    border: 0 none;
    color: #FFFFFF;
    float: left;
    padding-right: 5px;
}

.pnlRequestUrgency {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
    max-width: 570px;
}


#myPersonnalToubibBlock {
    background-color: #F1F8FE;
    border: 1px solid #3E81B5;
    margin-left: 37px;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    max-width: 505px;
    margin-bottom: 10px;
}

.documentElement {
    margin-left: 45px;
    margin-top: 7px;
}

.pnlNewAppointment {
    margin-bottom: 10px;
    min-height: 50px;
}



/***************************/
/* Style module HCL.Memory */
/***************************/

.panelDetailMemory {
    color: #2E3D47;
    margin-top: 15px;
}

/********************************/
/* Style module HCL.Appointment */
/********************************/

.btnAddRendezVousAppointement {
    display: none;
}

/******************************/
/* Styles module HCL.Calendar */
/******************************/
.RadCalendarMultiView_Default .rcTitlebar {
    border-color: #4297D7;
}

    .RadCalendarMultiView_Default .rcTitlebar table {
        background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
        border: 1px solid #4297D7;
        color: #FFFFFF;
        font-weight: bold;
        border-bottom: 0;
    }

.RadCalendarMultiView_Default .rcMainTable .rcTitle {
    background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
}

.RadCalendarMultiView_Default .rcCalendar {
    border: 1px solid #4297D7;
}

.RadCalendar_WebBlue .rcMain .rcRow a, .RadCalendar_WebBlue .rcMain .rcRow span {
    color: #2E6E9E;
}

.RadCalendar_WebBlue .rcMain .rcOtherMonth a {
    color: #777777;
}

.RadCalendar_Default .rcTitlebar {
    background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    border: 1px solid #4297D7;
    color: #FFFFFF;
}


/************************************/
/* Style module HCL.Documents */
/************************************/
.clsTabTitle {
    font-weight: bold;
}

.divTabTitle {
    margin-bottom: 10px;
}

.divPageDocContent {
    float: left;
    margin: 10px;
    width: 100%;
    max-width: 610px;
    min-height: 220px;
}

.clsAddAuthorButton {
    margin-left: 5px;
    margin-top: 3px;
}

.clsUploadManadtory {
    float: left;
    margin-left: 277px;
    margin-top: -25px;
}

.rowHeight {
    height: 40px;
    vertical-align: top;
}

.clsRadBtn {
    cursor: hand;
    cursor: pointer;
}

.fieldSetDocumments, .fieldSetAuthorsDocumments {
    border: 1px solid Grey;
    margin-top: 0px;
    width: 100%;
    max-width: 590px;
    padding: 10px;
}

.fieldSetDocummentsEditMode {
    width: 100%;
    max-width: 511px;
}

#addAuthorsButton {
    display: inline;
}

#attachedDocumentsBlock {
    display: inline;
}

#attachedDocumentsInformation {
    float: left;
    margin-left: 300px;
    margin-top: -37px;
    width: 100%;
    max-width: 215px;
}

.pnlDocuments {
    margin-top: 10px;
}

.pnlDocumentsEditMode {
    margin-top: 10px;
    width: 100%;
}

.uplDocuments {
    width: 100%;
    max-width: 420px;
    padding: 15px;
}

.pnlDocumentButtonContainer {
    height: 40px;
}

.documentFormButton {
    float: right;
    margin-right: 10px;
}

.authorsListBlock {
    min-height: 250px;
    width: 100%;
    max-width: 430px;
    padding: 10px;
}

.popupMessage {
    height: 125px;
    margin-top: 25px;
    width: 100%;
    max-width: 300px;
}

.popupMessageIcone {
    float: left;
    margin-left: 16px;
    margin-top: 20px;
    width: 16px;
}

.popupCloseButton {
    float: right;
    margin-right: 5px;
    margin-top: -15px;
    cursor: pointer;
}

.popupMessageBody {
    float: right;
    padding: 14px;
    text-align: justify;
    width: 100%;
    max-width: 240px;
}

.authorsCloseButton {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.fieldSetAuthorsDocumments {
    margin: 10px;
    padding: 10px;
    width: 100%;
    max-width: 380px;
}

#authorsListInformation {
    margin-bottom: 5px;
}

#authorListValidationButton {
    float: right;
    margin-right: 7px;
    margin-top: 5px;
}

#selectedAuthors {
    margin-left: 34px;
}

#fileInfo {
    width: 100%;
    max-width: 540px;
    float: left;
}

.lblViewMetadataTitle {
    width: 100%;
    max-width: 530px;
    margin: 5px;
    height: 30px;
}

.pnlViewDocument {
    border: 1px solid #768CA5;
    margin: 3px;
    padding: 10px;
}

.viewDocumentClassification {
    margin-left: 10px;
    width: 100%;
    max-width: 400px;
}

.viewDocumentType {
    margin-left: 22px;
    margin-top: 3px;
}

.viewDocumentCreationDate {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    width: 100%;
    max-width: 100px;
}

.viewDocumentAuthors {
    margin-left: 10px;
    margin-top: 15px;
    width: auto;
    display: inline;
}

.rptDocumentAuthors {
    margin-left: 22px;
    margin-top: -18px;
}

.pnlViewDocumentEmergency {
    margin-top: 8px;
}

gridDocumentType .pnlViewDocumentRefenrece {
    margin-left: 5px;
}

.viewDocumentSpecific {
    float: right;
    margin-right: 5px;
    text-align: right;
    width: 100%;
    max-width: 235px;
}

.viewAttachedFiles {
    margin-left: 10px;
    margin-top: 15px;
}

.viewFiles {
    margin-left: 21px;
}

.viewDocumentMetaDetail {
    background-color: #F0F9FF;
    padding: 4px;
}

.addAuthorsIcone {
    color: #FFFFFF;
    border: 0;
}

.gridDocumentType {
    color: #2E6E9E;
}

a.documentLink:hover {
    color: #DD0000;
}

.documentViewCloseButton {
    float: right;
    width: 30px;
}

#saveButton {
    margin-right: 5px;
    display: inline;
}

#dashbordInformation {
    margin-bottom: 8px;
}

.panelAuthorsSelection {
    width: 100%;
    max-width: 290px;
    /*padding-bottom: 20px;*/
}

.buttonAuthors {
    border-color: #E1E1E1;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    margin: 4px auto;
    cursor: pointer !important;
    width: 100%;
}

    .buttonAuthors span {
        text-align: left !important;
    }

.buttonAuthorsOff {
    border-style: outset !important;
    background-color: #EDEDED;
}

.buttonAuthorsOn {
    border-style: inset !important;
    background-color: #BAFF75;
}

.contentSelectAuthors {
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
}

.fieldsetSelectAuthors {
    margin: 10px;
    padding-top: 10px;
}

.authorsListInformation {
    margin-bottom: 15px;
}

.toggleButtonContainer {
    width: 80%;
    margin: auto;
}

.labelAuthors {
    vertical-align: top;
    padding-top: 5px;
}

.selectAuthors {
    border: 1px solid #b8b8b8;
}

.addAuthors {
    background: #c5c5c5 0 -2099px repeat-x url("/Portals/0/Skins/Grid/Default/sprite.gif");
    color: #000;
    border: 1px solid;
    border-color: #999 #f2f2f2;
    border-top-width: 0;
    padding: 5px 0 0 5px;
}

.selectAuthors a {
    color: #000;
    text-decoration: none;
}

.rowSelectedAuthors {
    background-color: #FFF;
}

.alternateRowSelectedAuthors {
    background-color: #F0F9FF;
}

    .rowSelectedAuthors td, .alternateRowSelectedAuthors td {
        padding: 3px;
    }

.labelSelectedAuthor {
    width: 96%;
}

.imageSelectedAuthor {
    width: 4%;
}

.clearBoth {
    clear: both;
}

/************************************/
/* Style module HCL.Emergency */
/************************************/
.classEmergencyChart {
    margin-left: 21px;
    margin-top: 20px;
    height: 435px;
}

.divRblUnits {
    margin-top: 30px;
}

.clsRblUnits {
    margin-left: 105px;
    width: 100%;
    max-width: 550px;
}

.classUnitInfos {
    margin-top: 15px;
}

.divHCLEmergencies {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}





/*********************************/
/* Style module HCL.Examinations */
/*********************************/


.analysisGroupTitle {
    color: #46627E;
    font-weight: bold;
    text-decoration: underline;
}

.alignError {
    float: right;
    padding-right: 35px;
}

.alignImageButton {
    vertical-align: middle;
}

.alignTop {
    vertical-align: top;
}

.classAnalysis {
    height: 35px;
    text-align: center;
}

.classAnalysisDetail {
    height: 30px;
    width: 100%;
    max-width: 450px;
}

.displayInline {
    display: inline;
}

.displayNone {
    display: none;
}

.clsImgQuestion {
    margin-right: 5px;
}

.divAnalysisPrint {
    width: 100%;
    max-width: 600px;
}

.pnlEditTitle {
    margin-top: 15px;
    margin-bottom: 15px;
}


.clsTemplateAnalysis {
    min-height: 170px;
    padding-top: 20px;
}

.clsSelectTemplates {
    padding-top: 20px;
    padding-left: 12px;
}

.clsTemplateDesciption {
    padding: 10px 0;
    cursor: hand;
    cursor: pointer;
    font-style: italic;
}

.clsEditTemplates {
    padding: 15px;
    border: 1px solid #79B7E7;
}

.clsButtonsTemplate {
    height: 40px;
}

/*************************/
/* Style module HCL.Menu */
/*************************/
:focus {
    outline: 0;
}

a:hover {
    text-decoration: none;
}

.cssHlkSubItem {
    float: left;
    text-align: center;
    padding-left: 7px;
}

.cssImgSubItem {
    display: block;
    padding-top: 5px;
    width: 50px;
    height: 50px;
}

.cssLblSubItem {
    font-size: 10px;
    line-height: 15px;
}

.divTemplateItem {
    text-align: center;
}

.myCss .rpOut {
    background-color: white;
    border-top-color: #1a272b;
}

.runCss .rpOut {
    height: 60px;
}

.myFocusedCss .rpOut {
    background-color: #F8DBA6;
}

.panelBarClass {
    border: none;
}

.rpImage {
    height: 20px;
    width: 25px;
}

.classHyperlinkShop {
    margin-top: 10px;
    float: right;
}

.divStyleOut {
    border: 1px solid transparent;
    color: #2F2F2F;
}

.divStyleOver {
    background-image: url("/Portals/0/Images/Conteneurs/fond_bouton.png");
    background-repeat: repeat;
    border: 1px solid #AEC9E0;
    color: #2F2F2F;
    cursor: pointer;
}

.truncate {
    width: 100%;
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 7px;
}

    .truncate:hover {
        width: 100%;
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-image: url("/Portals/0/Images/Conteneurs/fond_bouton.png");
        background-repeat: repeat;
        border: 1px solid #AEC9E0;
        cursor: pointer;
        border-radius: 5px 5px 5px 5px;
        margin-left: 0px;
    }

.divStyleOverForbidden {
    border: 1px solid transparent;
    color: #2F2F2F;
    cursor: no-drop;
}

.btnCommentCaMarcheStyle {
    float: right;
    width: 100%;
    max-width: 130px;
    padding: 5px;
}

.btnCasUrgenceStyle {
    float: left;
    width: 100%;
    max-width: 205px;
    padding: 5px;
    margin-left: 5px;
}

.EnCasUrgence {
    font-weight: bold;
    color: Red;
}

.btnShopStyle {
    height: 25px;
    width: 100%;
    max-width: 110px;
    padding-top: 5px;
    padding-left: 10px;
}

.btnHomeStyle {
    height: 25px;
    width: 100%;
    max-width: 100px;
    padding-top: 5px;
    padding-left: 10px;
}

    .btnHomeStyle img {
        height: 20px;
    }

.btnSupportDocStyle {
    height: 25px;
    width: 100%;
    max-width: 140px;
    padding-top: 5px;
    padding-left: 10px;
}

.TabDetailImg {
    border: 4px solid #EDEDED;
    height: 245px;
    width: 100%;
    max-width: 170px;
    padding: 5px 5px 5px 5px;
}

.TabDetailEvents {
    border: 4px solid #EDEDED;
    height: 245px;
    width: 100%;
    max-width: 170px;
    padding: 5px 5px 5px 5px;
}

.TabDetailMonitoring {
    border: 4px solid #EDEDED;
    height: 245px;
    width: 100%;
    max-width: 170px;
    padding: 5px 5px 5px 5px;
}

.TabDetailLogViewer {
    height: 25px;
    width: 100%;
    max-width: 540px;
    padding: 5px 5px 5px 5px;
}

.TabDetailSharing {
    height: 20px;
    width: 100%;
    max-width: 525px;
    padding: 5px 5px 5px 5px;
}


img.DisabledGrayscale {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

img.grayscale {
    /* Firefox 10-34 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
    -webkit-filter: grayscale(1);
    /* Firefox 35+ */
    filter: grayscale(1);
    /* IE 6-9 */
    filter: gray;
}

/*.grayscale.grayscale-fade {
  transition: filter .5s;
}*/

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter .5s;
        transition: -webkit-filter .5s;
    }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none;
}

    .grayscale.grayscale-replaced > svg {
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        opacity: 1;
    }

    .grayscale.grayscale-replaced.grayscale-off > svg,
    .grayscale.grayscale-replaced.grayscale-fade:hover > svg {
        opacity: 0;
    }

div.grayscale {
    display: block !important;
    height: 50px !important;
}

/*******************************/
/* Style module HCL.Monitoring */
/*******************************/
.clsImgBtnMonitoring {
    float: right;
    margin-right: 5px;
}

.clsLblMonitoring {
    width: 100%;
    max-width: 255px;
}

.clsWarningMonitoring {
    width: 100%;
    max-width: 610px;
    padding: 20px 0;
    margin: 10px;
    text-align: justify;
}

/****************************/
/* Style module HCL.Rotator */
/****************************/
.btnExplorer {
    height: 25px;
    width: 30px;
}

.divHCLRotatorItem {
    text-align: center;
    height: 110px;
    width: 100%;
    max-width: 120px;
}

.dnnLabel {
    width: 100%;
    max-width: 150px;
}

.itemTemplate {
    text-align: center;
    padding: 20px;
    border: solid 0px #ffffff !important;
}

.RadRotator_Default .rrButton {
    background-image: url("/Portals/0/Skins/RadRotator/RotatorButtons.gif");
}

.tbxSettings {
    width: 100%;
    max-width: 400px;
}

.titre {
    padding-left: 300px;
    font-weight: bold;
}

/*************************/
/* Style module HCL.Run */
/*************************/
.interventionHeader {
    float: left;
    width: 100%;
    max-width: 170px;
    padding: 10px 5px;
    border: 1px solid #1a272b;
}

.interventionDetail {
    float: left;
    margin-left: 5px;
    width: 100%;
    max-width: 380px;
    height: 42px;
    padding-left: 5px;
    border: 1px solid gray;
    padding: 10px 0 0 10px;
}

.interventionComments {
    margin-left: 40px;
    border-left: 1px solid gray;
    padding-left: 10px;
}

.pnlInterventionRow {
    margin-top: 2px;
    width: 100%;
    max-width: 600px;
    height: 55px;
}

.divPassedDate {
    padding: 10px 0 0 15px;
    height: 40px;
}

.lblLastUpdate {
    float: right;
    font-style: italic;
    color: Gray;
}

.pnlRunDescription {
    width: 100%;
    max-width: 655px;
}

.RunGridSynthesis {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

.pnlRuns {
    margin-top: 40px;
    margin-left: 5px;
}

.cssPanelBarRuns {
    margin-left: 20px;
    width: 100%;
    max-width: 655px;
}

.cssRunCategory {
    height: 40px;
    color: Red;
}

/*************************/
/* Style module HCL.Shop */
/*************************/
.breadcrumbContainer {
    padding-left: 80px;
}

.workGroupContainer {
    float: left;
    width: 100%;
    max-width: 600px;
    padding-left: 80px;
    padding-top: 20px;
}

.workContainer {
    float: left;
    width: 100%;
    max-width: 600px;
    padding-left: 80px;
    padding-top: 20px;
}

.componentContainer {
    float: left;
    width: 100%;
    max-width: 620px;
    padding-left: 70px;
    padding-top: 20px;
}

.breadcrumbFont {
    color: #6F99D4;
    font-weight: bold;
}

.workBlock {
    background: url("/Portals/0/images/metiers/metiers.png") no-repeat scroll left center transparent;
    max-width: 100%;
    max-width: 458px;
    margin-top: 5px;
    height: 67px;
}

.workLabel {
    margin-left: 20px;
}

#divWorkGroupLinkButton {
    height: 27px;
    padding: 20px 0;
    cursor: pointer;
}

.divWorkLinkButton {
    height: 47px;
    padding: 10px;
    cursor: pointer;
}

.workGroupBlock {
    background: url("/Portals/0/images/metiers/groupe_metiers.png") no-repeat scroll left center transparent;
    width: 100%;
    max-width: 458px;
    height: 67px;
    margin-top: 5px;
}

.workGroupLabel {
    margin-left: 70px;
}

.cssImgSelected {
    height: 80px;
    width: 80px;
}

.cssLblSelected {
    font-weight: bold;
}

.cssParentImg {
    width: 20px;
}

.cssDetailLbl {
    margin-left: 5px;
    margin-bottom: 11px;
    text-align: justify;
}

.cssDivServices {
    margin-left: 13px;
    margin-top: 20px;
}

.cssDisplayNone {
    display: none;
}

/*************************/
/* Style module HCL.Modules */
/*************************/

.rcTitle {
    color: #FFFFFF;
}

.rcPreview, .rcRow a {
    cursor: pointer;
}

.rcSelectedDate {
    cursor: pointer;
}


.rcDayDate {
    border: 1px solid;
    height: 18px;
    color: #FFFFFF;
    cursor: pointer;
    background: url("/Portals/0/images/special-day-back-ground.png");
}



.DeleteEventItemConfirmation {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px outset #CCCCCC;
    left: 161px;
    padding: 0 0 15px;
    position: absolute;
    text-align: left;
    top: 129px;
    width: 100%;
    max-width: 315px;
}

.rtsLI {
    background-image: none;
}

.RadTabStrip_WebBlue .rtsLink:hover, .RadTabStrip_WebBlue .rtsSelected {
    color: #E17009;
}


.header-tabs a:active {
    font-weight: bold;
    border-bottom: 0 none;
    height: 29px;
    margin-top: -1px;
}

.header-tabs {
    background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    border: 1px solid #4297D7;
    color: #FFFFFF;
    font-weight: bold;
}

.ui-state-default {
    font-weight: normal;
    height: 35px;
}

.activeTabSheet, .rtsSelected {
    background: url("/Portals/0/css/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") repeat-x scroll 50% 50% #F5F8F9;
    border: 1px solid #79B7E7;
    color: #E17009;
    font-weight: bold;
    border-style: solid solid none;
    height: 36px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    font-weight: normal;
}

/*.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt
{
    padding-top: 0px;
}*/

.multiPage {
    padding: 20px;
}

.tabContent {
    margin-left: 14px;
    margin-top: 11px;
    width: 100%;
    max-width: 690px;
    min-height: 330px;
}

div.RadToolTip a.rtCloseButton {
    position: static;
}

.tabsLink, tabslink:link, tabslink:visited, tabslink:active {
    color: #3E81B5;
    font-weight: normal;
    text-decoration: none;
}

.titleBold {
    font-weight: bold;
}

.RadGrid_WebBlue .rgPager {
    background: url("/Portals/0/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
}

#dnn_ctr518_RssModule_pnlRss {
    height: 170px;
}

/*****************************/
/* Style module HCL.Patient  */
/*****************************/



.pnlAddPatient {
    margin-left: -190px;
    margin-top: 21px;
    z-index: 9999;
    position: relative;
    width: 100%;
    max-width: 250px;
}

.containerBorderTopLeft {
    background: url("/Portals/0/Images/Conteneurs/ctner02_corner_left_up.gif") no-repeat;
    height: 5px;
    width: 5px;
}

.containerBorderTop {
    background: url("/Portals/0/Images/Conteneurs/ctner03_top_barr.gif");
    background-repeat: repeat-x;
}

.containerBorderTopRight {
    background: url("/Portals/0/Images/Conteneurs/ctner02_corner_right_up.gif") no-repeat;
    height: 5px;
    width: 8px;
}

.containerBorderLeft {
    background: url("/Portals/0/Images/Conteneurs/ctner03_left_barr.gif");
    background-repeat: repeat-y;
    width: 5px;
}

.containerBorderRight {
    background: url("/Portals/0/Images/Conteneurs/ctner03_right_barr.gif");
    background-repeat: repeat-y;
    width: 8px;
}

.containerBorderBottomLeft {
    height: 8px;
    width: 5px;
    background: url("/Portals/0/Images/Conteneurs/ctner02_corner_left_bottom.gif") no-repeat;
}

.containerBorderBottom {
    background: url("/Portals/0/Images/Conteneurs/ctner03_bottom_barr.gif");
    background-repeat: repeat-x;
    height: 8px;
}

.containerBorderBottomRight {
    background: url("/Portals/0/Images/Conteneurs/ctner02_corner_right_bottom.gif") no-repeat;
    height: 8px;
    width: 8px;
}


.patientContextMenu, .portraitMenuItem {
    background-color: #FFFFFF;
}

.portraitMenuItemHover:hover {
    background-color: #E4E7FB;
    cursor: pointer;
}

.portraitMenuItemHover {
    height: 25px;
}

.addPatientItem {
    cursor: default;
}

.pnlMedipathCard {
    background-color: #FFFFFF;
    height: 190px;
    position: relative;
    width: 100%;
    max-width: 480px;
    z-index: 9999;
    float: left;
}

.pnlMedipathCardDetail {
    margin-left: 10px;
}

.txbMedipathCardNumber {
    margin-left: 10px;
}

a.btnFindUser:active, a.btnFindUser:link {
    background: url("/Portals/0/images/icones/find.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    margin: 0;
    padding: 2px 2.2em 0;
}

.btnCloseWindowMedipathCard {
    left: 70px;
    position: relative;
    top: 4px;
}

.btnCloseSharingUsersWindow {
    left: 230px;
    position: relative;
    top: 5px;
}

.addUserSharing {
    margin-top: 10px;
}

.btnRemoveSharing {
    background: url("/Portals/0/Images/Icones/ico_grid_delete.gif");
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

.btnRemoveSharingHovered {
    background-position: 0 0;
}

.btnRemoveSharingPressed {
    background-position: 0 0;
}


.fieldSetCurrentSharing {
    border: 1px solid #768CA5;
    margin-top: 0px;
    width: 100%;
    max-width: 448px;
    padding: 10px;
    margin-bottom: 5px;
}

.fieldsetAddSharing {
    height: 85px;
}

.btnRemoveSharing {
    float: right;
}

.sharingUserName {
    margin-bottom: 5px;
}

.sharingUsersItem {
    background-color: #E0E0E0;
    margin: 10px 5px 5px 10px;
    padding: 5px;
    width: 100%;
    max-width: 420px;
}

.pnlSharingButton {
    float: right;
    margin-top: -18px;
    width: 44px;
}

.pnlSharingMessage {
    height: 16px;
    margin-left: 6px;
}

.lblMedipathCardTitle {
    font-weight: bold;
    height: 25px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
}

.pnlCardMedipathHolder {
    display: none;
    background-color: Gray;
    z-index: 9998;
    width: auto;
    height: auto;
    left: 460px;
    position: absolute;
    top: 250px;
    float: left;
}

.pnlMedipathCardButton {
    margin-top: 25px;
    text-align: center;
}

.pnlMedipathCardOTP {
    left: 550px;
    position: fixed;
    top: 260px;
    z-index: 9999;
}

.pnlMedipathCardManagerType {
    margin-left: 10px;
    margin-top: 10px;
}

.lblManagerIam {
    padding-right: 40px;
}

.pnlMedipathCardErrorMessage {
    margin-top: 10px;
    margin-left: 8px;
    height: 30px;
}

.portraitPatientconfirmationMain {
}

a.patientBtnUpdateContextMenu:active, a.patientBtnUpdateContextMenu:link {
    margin: 0px;
    background: url("/Portals/0/Images/Icones/ico_modify.png") left center no-repeat;
    padding: 0 2.2em;
    color: #2E3D47;
}

a.patientBtnDeleContextMenu:active, a.patientBtnDeleContextMenu:link {
    margin: 0px;
    background: url("/Portals/0/Images/Icones/ico_grid_delete.gif") left center no-repeat;
    padding: 0 2.2em;
    color: #2E3D47;
}

a.patientBtnShareContextMenu:active, a.patientBtnShareContextMenu:link {
    margin: 0px;
    background: url("/Portals/0/Images/Icones/key_14x14.png") left center no-repeat;
    padding: 0 2.2em;
    color: #2E3D47;
}

a.patientBtnDetachContextMenu {
    margin: 0px;
    background: url("/Portals/0/Images/Icones/detach.gif") left center no-repeat;
    padding: 0 2.2em;
    color: #2E3D47;
}

a.patientbtnAddPatientWithCardContextMenu, a.patientbtnAddPatientWithCardContextMenu:link {
    margin: 0px;
    background: url("/Portals/0/Images/Icones/HCL_petit.gif") left center no-repeat;
    padding: 20px 20px 20px 27px;
    color: #2E3D47;
}

a.patientbtnAddPatientWithoutCardContextMenu, a.patientbtnAddPatientWithoutCardContextMenu:link {
    background: url("/Portals/0/Images/Icones/ico_membre.gif") no-repeat scroll left center transparent;
    color: #2E3D47;
    margin: 0 0 0 2px;
    padding-left: 25px;
    padding-top: 2px;
}

a.disabledPatientbtnAddPatientWithoutCardContextMenu {
    background: url("/Portals/0/Images/Icones/ico_membre_disbaled.gif") left center no-repeat;
    cursor: default;
    color: Gray;
}

.tdPortraitMenuItemHover {
    height: 100%;
}

.phDockPatient {
    z-index: 9999;
}


.pnlHomeSharing {
    margin-top: -20px;
    z-index: 9999;
}

.pnlUserInfo {
    margin-top: 10px;
    width: 100%;
}

.pnlFindUser {
    float: right;
    margin-right: 15px;
}

.divSharingUsersMain {
    background-color: #FFFFFF;
    position: relative;
    float: left;
    width: 100%;
    max-width: 480px;
    margin: 10px;
    padding: 5px;
}

.divSharingMsg {
    width: 100%;
    max-width: 430px;
    float: left;
    text-align: justify;
}

.clsSharingImg {
    margin-top: 10px;
    margin-right: 10px;
    float: left;
}

.divSharingMsgContainer {
    height: 40px;
    width: 100%;
    max-width: 460px;
    margin-left: 5px;
}

.sharingMessagePopup {
    top: 50px;
    left: 100px;
}

/********************/
/* OTP              */
/********************/

#mask {
    background-position: -260px -79px;
}

div.OTP {
    width: 100%;
    max-width: 420px;
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    /*padding: 0 0 15px;*/
    /*text-align: left;*/
}

OTP label, OTP input {
    display: block;
    width: 100%;
    max-width: 150px;
    float: left;
    margin-bottom: 10px;
}

OTP label {
    text-align: right;
    width: 75px;
    padding-right: 20px;
}

OTP br {
    clear: left;
}

.SubHead {
    font-weight: normal;
}

.pnlConfirmation {
}

.pnlPatientMessage {
    left: 359px;
    position: absolute;
    top: 104px;
    width: 100%;
    max-width: 500px;
}

.otpText {
    float: right;
    margin-right: 25px;
    text-align: justify;
    width: 100%;
    max-width: 300px;
}

.otpQuestion {
    text-align: center;
    padding: 15px 0;
    width: 100%;
}

.otpButton {
    margin-left: 120px;
}

.otpIcono {
    float: left;
    padding: 15px;
}

.pnlChoixEnvoiOTP {
    margin-top: 15px;
    min-height: 200px;
}

.phSaisieOTP {
    margin: auto;
    text-align: center;
    color: white;
    min-height: 130px;
}

#accueil .otpForm .otpValidButton {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    #accueil .otpForm .otpValidButton input {
        width: 45% !important;
        text-align: center;
        border: none;
        border-radius: 3px;
        background: none;
        background-color: #00ade9 !important;
        min-width: 100px;
        min-height: 40px;
        padding: 8px 12px;
        color: #ffffff !important;
        font-size: 17px !important;
        font-weight: 500;
        font-style: normal !important;
        margin: 0;
        cursor: pointer;
        text-shadow: none;
    }

        #accueil .otpForm .otpValidButton input[value="Annuler"] {
            background-color: transparent !important;
            border: 1px solid #00ade9 !important;
        }

.otpTitle {
    /*background: url("/Portals/0/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;*/
    /*border: 1px solid #4297D7;*/
    color: #FFFFFF;
    font-weight: bold;
    /*height: 25px;*/
    text-align: center;
    padding-bottom: 20px;
    /*-moz-border-radius: 4px 4px 4px 4px;*/
}

.otpNotReceived {
    padding: 15px 0;
}

    .otpNotReceived-title,
    .otpNotReceived a {
        text-decoration: underline !important;
    }

.otpNotReceived-content {
    margin: 18px 0;
}

.login .errorbox-txt {
    color: white;
}

.closeOTP {
    width: 32px;
    color: #FFFFFF;
    float: right;
    margin-top: -25px;
}

/***********************************************/
/* Style module HCL.GestionVignettesBackoffice */
/***********************************************/
.gridDashBoardMenu {
    width: 100%;
}

.FormContainer td {
    vertical-align: top;
}

.FormContainer .nota {
    font-size: smaller;
}

.popupvignette .rtImg {
    width: 20px !important;
    height: 20px !important;
}

.popupvignette span.label {
    color: #4888A3;
    padding: 4px 4px;
    display: block;
    margin-bottom: 7px;
    border-bottom: 1px solid #cccccc;
}

#lstOrderCpnt {
    margin: 0;
}

.ongletsVignettes {
    margin-top: 2px;
    padding-top: 3px;
}

    .ongletsVignettes .rtsLevel1 {
        margin-top: 0;
        padding-top: 0;
    }

    .ongletsVignettes .rtsSelected {
        margin-top: 0px;
    }

    .ongletsVignettes .rtsImg {
        height: 25px;
        margin-top: 1px;
    }

.messagefadeOut {
    border: 2px solid;
    width: 500px;
    top: 400px;
    left: 300px;
    position: absolute;
    background: white;
    padding: 15px;
}

#ImpExpAccordionTitle:hover {
    cursor: pointer;
    text-decoration: underline;
}


/*********************************/
/* Style module HCL.Preadmission */
/*********************************/
.panelBarHeadStyle {
    background: url("/Portals/0/Skins/PanelBar/Windows7/RootItemBg.png") repeat-x scroll;
    color: #000000;
    line-height: 24px;
    padding-left: 10px;
    padding-bottom: 3px;
    border-color: #ABBDD5;
    border-bottom: 1px solid #ABBDD5;
}

#documentsButton {
    float: left;
    margin-left: 119px;
    width: 100%;
    max-width: 255px;
}

.pnlEstablishmentTitle {
    height: 20px;
    margin-left: 0;
    padding-left: 10px;
    padding-top: 5px;
    width: 100%;
    max-width: 645px;
}

.pnlEstablishment {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.collapseButton {
    border-width: 0;
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-bottom: 5px;
}

.fieldSetPatientBlock {
    border: 1px solid #A6C9E2;
    margin-left: 3px;
    margin-top: 10px;
    padding: 10px;
}

.txbPatientAdress {
    height: 40px;
    width: 100%;
    max-width: 306px;
}

.pnlPatientInfoButton {
    float: right;
    margin-bottom: 20px;
    margin-right: 0;
    margin-top: 15px;
    width: 100%;
    max-width: 250px;
}

.pnlPreAdmissionFormBody {
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid #4297d7;
    margin-left: 0px;
    margin: 10px;
}

.validIndicator {
    margin-left: 10px;
}

#transmitButton {
    padding-bottom: 10px;
    padding-top: 25px;
}

.pnlFormalitiesButton {
    height: 40px;
    margin-bottom: 20px;
    margin-right: 4px;
}

.btnPreadmissionInsurance {
    text-align: left;
    width: 100%;
    max-width: 443px;
}

#checkInsurance {
    font-style: italic;
}


#insuranceSupportDocumentButton {
    background-color: transparent;
    float: right;
    width: 100%;
    max-width: 200px;
    margin-right: 5px;
    background: url("/Portals/0/images/icones/printer.png") no-repeat scroll left center transparent;
}

#privateSectorHelp {
    width: 100%;
}

.preadmissionComplementInformation {
    background-color: #EDEDED;
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 10px 10px;
    text-align: justify;
}

ul li.preadmisisionLI {
    list-style-type: circle;
}

a.btnReinitFormalities:active, a.btnReinitFormalities:link {
    background: url("/Portals/0/images/icones/page_refresh.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    height: 50px;
    margin: 0;
    padding: 2px 2.2em 0;
}

#reinitFormalitiesButton {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
    max-width: 130px;
}

#formalitiesAgreeButton {
    float: right;
    margin-top: 20px;
    width: 100%;
    max-width: 350px;
}



a.buttonTextColor:active, a.buttonTextColor:link {
    color: #2E3D47;
}

.initializedDemandInfo {
    border: 1px solid #768CA5;
    margin-top: 0px;
    border-radius: 5px 5px 5px 5px;
}

.admissionTitle {
    display: inline;
    margin-left: 5px;
}

.pnlInitializedDemandInfo {
    margin-left: 5px;
}





#patientInfoButton {
    width: 100%;
    max-width: 350px;
    margin-left: -10px;
}

a.btnPatientInfoSave:active, a.btnPatientInfoSave:link {
    background: url("/Portals/0/images/icones/printer.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    height: 50px;
    margin: 0;
    padding: 2px 2.2em 0;
}

.pnlEstablishmentInfoButton {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 100%;
    max-width: 340px;
}

.pnlPreadmissionSummary {
}

.fieldSetPreAdmissionSummaryBlock {
    border: 1px solid #A6C9E2;
    margin-top: 10px;
    width: 100%;
    max-width: 640px;
    padding: 10px;
}

.preadmissionConsultationButtonBlock {
    background: url("/Portals/0/images/icones/btn_choixFormulaires.png") no-repeat scroll left center transparent;
    float: left;
    height: 100px;
    margin-left: 50px;
    width: 100%;
    max-width: 260px;
}

.preadmissionConsultationButton {
    background: url("/Portals/0/images/icones/Professionnel.png") no-repeat scroll left center transparent;
    height: 61px;
    margin: 7px auto auto 35px;
    padding-left: 15px;
    padding-top: 24px;
    text-align: center;
    width: 100%;
    max-width: 200px;
}

.preadmissionHospitalisationButton {
    background: url("/Portals/0/images/icones/btn_hospitalisation.png") no-repeat scroll left center transparent;
    height: 61px;
    margin: 7px auto auto 35px;
    padding-left: 15px;
    padding-top: 24px;
    text-align: center;
    width: 100%;
    max-width: 200px;
}



.preadmissionHospitalisationBlock {
    background: url("/Portals/0/images/icones/btn_choixFormulaires.png") no-repeat scroll left center transparent;
    float: right;
    margin-right: 50px;
    margin-top: 5px;
    width: 100%;
    max-width: 260px;
}

.preadmissionSummaryText {
    color: #2E3D47;
    font-weight: normal;
    text-align: justify;
    padding: 10px;
}

.btnPreadmissionConsultation {
    width: 100%;
    max-width: 190px;
}

#preadmissionListBlock {
    margin-left: 10px;
}

.PanelValidator {
    float: right;
    margin-right: 30px;
    margin-top: -19px;
}

.PanelSave {
    float: right;
    margin-right: 30px;
    margin-top: -23px;
}

.PanelVu {
    float: right;
    margin-right: 60px;
    margin-top: -23px;
}

.pnlWishiesAgree {
    margin-top: 10px;
}



a.goToDemandForm:active, a.goToDemandForm:link {
    background: url("/Portals/0/images/icones/arrow_right.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    height: 50px;
    margin: 0;
    padding: 2px 2.2em 0;
}

.authorizationButton {
    margin-right: 14px;
    margin-top: -14px;
    width: 100%;
    max-width: 180px;
    height: 24px;
}


#hospitalisationSummaryText {
    margin-left: 10px;
    min-height: 75px;
    padding-right: 12px;
    padding-top: 10px;
}


a.admissionCommandButtonStyle, a.admissionCommandButtonStyle {
    color: #2E3D47;
    height: 50px;
}












.refusalReason {
    background-color: #EDEDED;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 35px;
    padding: 5px;
}

.pnlPreadmissionList {
    margin: 10px;
}



.pnlMailSender {
    margin-left: 244px;
    margin-top: -14px;
    position: relative;
}

    .pnlMailSender a {
        color: #CB2027;
        font-weight: bold;
        text-decoration: underline;
    }

.editableField {
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    background-color: #E4E7FB;
    padding: 3px;
    margin: 2px;
}

.editMaternityDate {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
}

.editMaternityDateHospitStyle {
    margin-right: 8px;
    margin-bottom: 5px;
}




/* Pré-consultation */
.pnlPatientProfileIdentity {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
}

.preadmissionFieldValue {
    font-weight: bold;
    display: inline;
}

.editProfile {
    display: none;
}

#patientProfileIdentityButtons {
    margin-left: 90px;
    margin-top: 25px;
    width: 100%;
    max-width: 545px;
}

.pnlPreconsultationInfoButton {
    float: right;
    width: 100%;
    max-width: 235px;
}

.valideButton {
    margin-left: 5px;
}

#lblPatientIPP {
    float: right;
    margin-right: 215px;
}

#lblPatientLastName {
    width: 100%;
    max-width: 222px;
}

#lblPatientFirstName {
    float: right;
    width: 100%;
    max-width: 176px;
}

#lblPatientSex {
    display: inline;
    width: 100%;
    max-width: 124px;
}

#patientSex {
    width: 100%;
    max-width: 169px;
}

#patientBirthDate {
    width: 100%;
    max-width: 210px;
}

    #patientBirthDate[id=patientBirthDate] {
        margin-left: -21px;
    }

#patientLastNameBlock {
    width: 100%;
    max-width: 300px;
}

#lblPatientBirthDate {
    display: inline;
}

#lblPatientBirthName {
    display: inline;
}

a.btnPatientProfileChange:active, a.btnPatientProfileChange:link {
    background-image: none;
}

#imgPreAdmissionPatientProfileValidDataIndiactor, #imgPreAdmissionPatientAdressValidDataIndiactor, #imgPreAdmissionPatientAppointmentValidDataIndiactor, #imgPreAdmissionPatientInsuranceValidDataIndiactor {
    float: right;
    margin-right: 30px;
    margin-top: -19px;
}

.pnlPreadmissionDemandRefusedReason {
    margin: 10px;
    width: 100%;
    max-width: 463px;
    min-height: 100px;
}

.preadmissionDemandForm {
    width: 100%;
    max-width: 500px;
}

.lblPreadmissionDemandRefusedReason {
    font-weight: bold;
}

.btnPatientAppointmentChange {
    display: none;
    background-color: White;
}

.generalPractitionerNotification {
    margin-top: 5px;
}

.pnlPreconsultationCardNumber {
    font-weight: bold;
    padding-bottom: 10px;
}

a.btnPreadmissionInformationChanged {
    background: url("/Portals/0/images/icones/ico_modify.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    height: 50px;
    margin: 0;
    padding: 2px 2.2em 0;
}

.pnlPreadmissionSummaryBody {
}

.preadmissionConteneurMarcheASuivre {
    margin-top: -5px;
}

#preadmissionDemandInformation {
    margin-bottom: 10px;
    padding-left: 10px;
}

#eticketBlock {
    display: block;
}

.preadmissionPageContent {
    padding: 10px;
    width: 100%;
    max-width: 660px;
    min-height: 50px;
    margin-bottom: 0;
}

#divPreadmissionList {
    margin-left: 8px;
    margin-top: 10px;
    width: 100%;
    max-width: 688px;
}

.pnlPreConsultationForm {
    display: none;
    margin-left: 2px;
    padding: 10px;
    width: 100%;
    max-width: 640px;
}

.eTicketElementDescription {
    margin-bottom: 5px;
}

.eTicketElementAppointment {
    margin-bottom: 5px;
    background-color: #EDEDED;
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
}

.administrationMessage {
    border: 0 solid;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
    background: url("/Portals/0/images/icones/user-comment.png") no-repeat scroll right center #F8FFBA;
}

.administrationMessageContent {
    font-style: italic;
    margin-top: 10px;
    text-align: justify;
    margin-right: 35px;
}

.eTicketElementIcone {
    float: left;
    margin-right: 8px;
}


.lblETicketDemandId {
    color: #3E81B5;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.lblEticketStatus {
    color: #2E3D47;
    font-weight: bold;
}

.BDAInfo {
    margin-top: 5px;
    min-height: 45px;
    background-color: #EDEDED;
    border: 1px solid #768CA5;
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
}

.demanDetailLink {
    margin-right: 5px;
}

.RefusedEticketStatus {
    color: red;
    font-weight: bold;
}

.eTicketValidation, .eTicketProofButton, .appointmentCancelButton {
    background: url("/Portals/0/images/icones/magnifier.png") no-repeat scroll left center transparent;
    margin-left: 10px;
    padding-left: 25px;
    text-align: left;
}

.eTicketProofButton {
    background: url("/Portals/0/images/icones/printer.png") no-repeat scroll left center transparent;
}

.appointmentCancelButton {
    background: url("/Portals/0/images/icones/demande_refusee_16.png") no-repeat scroll left center transparent;
}

.eTicketAddAttachedDocument {
    margin-left: 10px;
}

.consultationAdmissionItemStyle {
    vertical-align: top;
    height: 75px;
}

.lblConsultationAdmissionAppointmentStyle {
    color: #76B82B;
    font-weight: bold;
}

.lblETicketElementAppointment {
    text-transform: capitalize;
    font-weight: bold;
}

.lblEticketElementEstablishment {
}



#divLabelAttachedDocument {
    margin-bottom: 10px;
    margin-left: 10px;
}

.divAttachedDocumentInfo {
    background-color: #EDEDED;
    border: 1px solid #79B7E7;
    border-radius: 5px 5px 5px 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
}

.attachedDocumentInfo li {
    list-style-type: circle;
}


.pnlAttachedDocument {
    border: 1px solid #79B7E7;
    margin-top: 10px;
    min-height: 20px;
    padding-top: 5px;
    width: 100%;
    max-width: 270px;
}

.pnlAttachedDocumentFiles {
    display: none;
    margin-left: 6px;
    margin-top: 3px;
}

.preadmissionAddDocumentBlock {
    width: 100%;
    max-width: 590px;
    min-height: 410px;
}

.btnAttachDocuments:link, btnAttachDocuments:active {
    background: url("/Portals/0/images/icones/attach.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    height: 50px;
    margin: 0;
    padding: 2px 2.2em 0;
}

.demandeInfo {
    float: right;
    font-style: italic;
    margin-right: 5px;
}

.pnlAttachedDocumentItem {
    display: inline;
    text-align: left;
    margin-left: 0px;
}

.attachedDocumentCollection {
    background-color: #EDEDED;
    margin-bottom: 5px;
    margin-left: 25px;
    margin-right: 5px;
    padding: 3px;
}

.hplViewAttachedDocument {
    cursor: pointer;
}

.attachedDocumentItems {
    border: 1px solid #768CA5;
    margin: 5px 4px 4px;
    width: 100%;
    max-width: 250px;
}

.admissionBDAResponse {
    background-color: #F8FFBA;
    border-radius: 5px;
    margin: 10px 5px 5px;
    padding: 5px;
}

.complementInformation {
    background-color: #EDEDED;
    margin: 5px;
    min-height: 45px;
    padding: 5px;
    border-radius: 5px;
}

.admissionInformation {
    margin-bottom: 10px;
    margin-left: 7px;
    min-height: 80px;
}



.refusedDemandInformation {
    padding: 7px;
}

.attachedDocumentElements:hover {
    white-space: normal;
}

.attachedDocumentElements {
    margin-left: 25px;
    margin-top: -20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachedDocumentDeleteIcon {
    display: inline;
}

.admissionInsuranceComplementInformation {
    background-color: #EDEDED;
    margin: 5px;
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
}

.admissionButtonStyle {
    margin-left: 3px;
    height: 30px;
    margin-top: 0px;
    padding-top: 15px;
    width: 100%;
    max-width: 240px;
}

.admissionMessagePopupComplement, .admissionMessage {
    border: solid 1px #79B7E7;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 5px;
}

.admissionMessagePopupComplement {
    background-color: #FFE1D1;
}

.admissionMessagePopup {
    font-weight: normal;
    color: #2E3D47;
    text-align: justify;
}

.appointmentDemandButtonStyle {
    width: 100%;
    max-width: 230px;
    margin-top: 0px;
    text-align: left;
}

.BDAFormalitiesStyle {
    background-color: #FFCEBF;
    margin-left: -4px;
    margin-top: 5px;
    margin-right: -4px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 10px;
    padding-right: 10px;
}

.messageItem {
    margin-left: 25px;
    margin-top: 3px;
}

/*********************************/
/* Style module HCL.SchoolStudies */
/*********************************/

#fileInfoSchoolStudiesEdit {
    width: 100%;
    max-width: 504px;
    float: left;
}

#fileInfoSchoolStudiesInsert {
    width: 100%;
    max-width: 531px;
    float: left;
}

/*********************************/
/* Style module HCL.UserProfile */
/*********************************/

.UserProfileTitle {
    color: White;
    font-weight: bold;
}

#userProfileBlock {
    margin-left: 10px;
    padding-top: 20px;
}

#userProfileForm {
    background: url("/Portals/0/css/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% bottom #FCFDFD;
    border: 1px solid #A6C9E2;
    color: #222222;
    width: 100%;
    max-width: 500px;
    margin-top: 10px;
}

.pnlUserProfileForm {
    margin-top: 20px;
}

.changePasswordButton {
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #79B7E7;
    height: 19px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
    max-width: 229px;
}

    .changePasswordButton:hover, .unregisterButton:hover {
        background-color: #E4E7FB;
    }

a.btnUserValidForm:active, a.btnUserValidForm:link {
    background: url("/Portals/0/images/icones/find.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    margin: 0;
    padding: 2px 2.2em 0;
}

a.btnChangePassword:active, a.btnChangePassword:link {
    background: url("/Portals/0/images/icones/change_password.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    margin: 0;
    padding: 2px 2.2em 0;
}

a.btnUnregister:active, a.btnUnregister:link {
    background: url("/Portals/0/images/icones/user_delete_24px.png") no-repeat scroll left center transparent;
    color: #2E3D47;
    margin: 0;
    padding: 2px 2.2em 0;
}

.pnlChangePasswordButton {
    padding: 10px 0 10px 10px;
    width: 50%;
}

.pnlUserProfileButton {
    height: 25px;
    text-align: right;
    width: 100%;
    margin-top: 10px;
    margin-right: 10px;
}

#mobilePhoneNotification {
    width: 100%;
    max-width: 250px;
    margin: 5px;
}

#saveUserProfile {
    width: 50px;
    display: inline;
}

#cancelUserProfile {
    width: 50px;
    display: inline;
}

.userProfileButton {
    margin-left: 600px;
    margin-top: 10px;
    width: 70px;
}

.pnlLoader {
    position: absolute;
    background-color: #AAAAAA;
    height: 854px;
    left: 0;
    opacity: 0.6;
    mozopacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50);
    top: 0;
    width: 100%;
    max-width: 1280px;
    z-index: 3000;
}

.divPanelLoader {
    margin-top: 335px;
    margin-left: 500px;
    text-align: center;
    z-index: 9999;
    background-color: Black;
    height: 60px;
    width: 100%;
    max-width: 380px;
    padding-top: 20px;
}

.pnlLoaderIEBack {
    text-align: left;
    padding-left: 40px;
    width: 100%;
    max-width: 340px;
    background: url("/Portals/0/skins/tooltip/telerik/FixLoading.png") no-repeat Black 280px 32px;
}

.msgPanelLoader {
    color: White;
    font-size: 24px;
}

/* IE7 */
* + html .pnlLoader {
    /*
    margin-top: -170px;
    margin-left: -670px;
*/
}

/* IE6 */
.pnlLoader_ie6 {
    margin-top: -420px;
    margin-left: 70px;
    position: absolute;
    z-index: 3000;
}

#idPatientDetail {
    position: absolute;
}

#changePasswordInformation {
    height: 35px;
    margin-bottom: 10px;
}

.pnlPassword {
    width: 100%;
    padding-top: 10px;
}

.pnlPasswordButtons {
    height: 25px;
    text-align: right;
    width: 100%;
    margin-top: 10px;
}

.fieldSetPasswordBlock {
    border: 1px solid #A6C9E2;
    margin-left: 2px;
    padding: 10px 10px 0 10px;
    width: 95%;
}

.fieldSetPasswordNone {
    border: none;
    padding: 10px 10px 0 10px;
    width: 95%;
}

.unregisterButton {
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #79B7E7;
    height: 24px;
    margin-left: 224px;
    margin-right: 181px;
    margin-top: -22px;
    padding-right: 100px;
    padding-top: 7px;
    width: 100%;
    max-width: 125px;
}

#passwordFormatInfo {
    width: 100%;
    max-width: 444px;
    height: 25px;
}

#contactInformation {
    width: 100%;
    max-width: 445px;
    height: 45px;
}

.divUnregisterMailSender {
}

/** compléments pour les demandes de rdv */
.pnlShowToubibCollection {
    border: 1px solid #A6C9E2;
    float: right;
    margin: 0px 0 15px 10px;
    padding: 7px 7px 15px 25px;
    width: 100%;
    max-width: 150px;
}

.toubibInfo {
    width: 100%;
    max-width: 600px;
}

.pnlAppointmenentUnavailable:hover {
    cursor: default;
}

.pnlAppointmenentUnavailable {
    color: Red;
    cursor: default;
    margin-left: 180px;
    text-align: center;
    width: 100%;
    max-width: 300px;
    font-weight: bold;
}

.divContainerToubibFile {
    padding-top: 5px;
}

.AlreadyBeenAtSchool {
    padding-left: 20px;
}

.greenText {
    font-weight: bold;
}

/*********************************/
/* Style module HCL.ProfilSocial */
/*********************************/
#divInsuredInformation {
    background-color: #ededed;
    border: 1px solid #79b7e7;
    border-radius: 5px;
}

.pnlUC_Maternite, .pnlUC_ALD {
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    margin-top: 5px;
    padding: 7px;
    width: 100%;
    max-width: 585px;
}

.linkedDocumentElements {
    display: table-cell;
    width: 100%;
    max-width: 360px;
}

.linkedDocumentExpirationDate {
    display: table-cell;
    width: 100%;
    max-width: 170px;
}

.linkedDocumentEditIcon {
    display: table-cell;
    width: 40px;
}

.linkedDocumentDeleteIcon {
    display: table-cell;
    width: 40px;
}

.linkedDocumentItems {
    margin: 0 40px 4px;
}

.linkedDocumentCollection {
    background-color: #ededed;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px;
    padding: 6px;
}

.pnlLinkedDocument {
    border: 1px solid #79b7e7;
    border-radius: 5px;
    margin-top: 10px;
    min-height: 20px;
    padding-top: 5px;
}

.divHeaderSocial {
    margin-left: 10px;
    border: 0px solid white;
    width: 100%;
    max-width: 700px;
}

.assuranceLogo {
    float: left;
    margin-right: 10px;
    width: 100%;
    max-width: 100px;
}

.assuranceLibelleCourt {
    font-weight: bold;
}

.assuranceLibelleLong {
    font-style: italic;
}

.assuranceItem {
    border: solid 1px #CCCCCC;
    min-height: 75px;
    padding: 3px;
}

.pnlBadInsuranceMessage {
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
    text-align: justify;
}


/**************************************/
/* Style module HCL.HomepageConnected */
/**************************************/
/*.HomepageConnectedArea {
    border: 0 solid white;
    margin-left: 10px;
    width: 100%;
    max-width: 910px;
    max-height: 630px;
}

.columnTabFamily {
    vertical-align: top;
    color: #376092;
    width: 25%;
}

.columnSeparator {
    border-right: 2px solid white;
}

.columnTabRdv {
    vertical-align: top;
    color: #376092;
    width: 37%;
}

.columnTabMessages {
    vertical-align: top;
    width: 38%;
    color: #376092;
}

.tabTitle {
    padding-left: 10px;
    height: 35px;
}*/

/*.homepageLink {
    padding: 5px;
}*/

/*****************************/
/* Style module HCL.Homepage */
/*****************************/
/*.OffLineContentPane {
    border: 0 none;
    height: 100%;
    width: 100%;
    max-width: 750px;
    background-color: transparent;
    float: left;
    min-height: 620px;
}

* + html .OffLineContentPane {
    height: 600px;
}

.pnlOffLineContentPane {
    float: right;
    width: 100%;
    max-width: 750px;
}*/

/******************************/
/* formulaire administratif
/******************************/

/******************************/
/* Champ nom modifiable
/******************************/
.IsInContext {
    background-color: #DCDCDC;
}

.HomepageCard {
    margin: 12px 0;
    padding: 12px;
    background-color: #f3f3f3;
}


.SurveyCard {
    border: 1px solid;
    width: 100%;
    max-width: 707px;
    padding: 20px 5px;
    border-color: #FFC000;
    background-color: #FFFFCC;
    text-align: center;
}

.CardTitle {
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #1a272b;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#IdentityCardContainer .HomepageCard .CardTitle {
    margin-right: 25px;
}

/* Voit tout */
.HomepageCard a.CardBackingPage {
    padding: 4px 6px;
    background-color: #00ade9;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    font-weight: normal;
    min-width: 80px;
}


.homePageDateMessage {
    color: #1a272b;
    margin-right: 15px;
}

.journalRptDiv {
    font-size: 11px;
    width: 100%;
    max-width: 250px;
    cursor: default;
}

.tdJournalTable {
    vertical-align: top;
    width: 100%;
    max-width: 80px;
    font-size: 11px;
}

.trJournalTable {
    height: 45px;
}

.divActionName {
    float: left;
    width: 100%;
    max-width: 165px;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.divActionDate {
    float: left;
    width: 100%;
    max-width: 80px;
}

.divUserFullName {
    float: left;
    width: 100%;
    max-width: 165px;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SubMenu {
    border: 1px solid #A5B3C5;
    background-color: #F2F2F2;
    position: absolute;
    min-width: 110px;
    padding: 0 5px;
    margin-left: -20px;
    line-height: 13px;
    z-index: 99999;
}


/*****************************/
/* Style for device enrolment */
/*****************************/
.bordBleuArrondi {
    border: solid 1px #79B7E7;
    min-height: 50px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px;
}

.pairedDeviceMobileInfo {
    font-style: italic;
    margin-bottom: 10px;
}


/**************************/
/* Style module Survey DNN */
/**************************/
.divSurveyPageContent {
    float: left;
    margin: 10px;
    width: 98%;
    min-height: 400px;
}

.pnlPatientDeclaration {
    margin-top: 10px;
}

/********************/
/*Top Composite Menu*/
/********************/
#IdentityCardContainer {
    position: absolute;
    top: 10px;
    left: 505px;
    z-index: 99999;
}

.PatientImageMenu {
    max-height: 20px;
    max-width: 20px;
    margin: 0 5px 0 10px;
}

.ItemMenuImgPanel {
    float: left;
    width: 20px;
    margin-right: 5px;
}

.ItemMenuFirstNameLabel:hover {
    text-decoration: underline;
}


/*Message Popup*/
.SucceedBackColor {
    background-color: #77B82A;
}

.ErrorBackColor {
    background-color: Red;
}

.InfoBackColor {
    background-color: #4242a6;
}

.WarningBackColor {
    background: #f9a825;
}

.ComplementBackColor {
    background-color: White;
}

.MessageForeColor {
    color: White;
}

.MessagePopupStyle {
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.ComplementPopupStyle {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid gray;
}

.panelMessagePopup {
    display: none;
    left: 40%;
    position: fixed;
    z-index: 99999;
    width: 100%;
    max-width: 400px;
}

.clsIbtnCloseWhite {
    background-image: url("/portals/0/images/icones/Close_White.png");
}

    .clsIbtnCloseWhite:hover {
        background-image: url("/portals/0/images/icones/Close_White.png");
    }

.popupHeader {
    background-color: #2E9EDE;
    height: auto;
    color: white;
    width: auto;
}


/* Clavier virtuel */
.PasswordChange .virtualKeyOn, .PasswordChange .virtualKeyOff {
    box-sizing: border-box;
}

.PasswordChange input[type="password"], .virtualKeyLogin {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    color: #333;
    margin-bottom: 18px;
    padding: 8px;
    max-width: 445px;
}


/* errorbox */
.errorbox,
.errorbox table,
.errorbox table td > div {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.errorbox-header {
    background: #2E9EDE;
}

.errorbox-header-txt {
    text-align: center;
    padding: 12px !important;
}

.errorbox-txt {
    padding: 25px 0;
}


/*BackOffice Support*/
#formOTPSynthesis {
    width: 100%;
    max-width: 865px;
}

.panelAccessDenied {
    width: 100%;
    text-align: center;
    padding-top: 180px;
}

.supportTargetIdentifier {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

/* Backoffice vignette */
#GestionVignettesBackoffice a:not(.dnnPrimaryAction),
#GestionVignettesBackoffice a:not(.dnnPrimaryAction):link,
#GestionVignettesBackoffice a:not(.dnnPrimaryAction):visited,
#GestionVignettesBackoffice a:not(.dnnPrimaryAction):active {
    color: #3E81B5;
    text-decoration: none;
    font-weight: normal;
}

body #GestionVignettesBackoffice {
    font-size: 12px;
}

#GestionVignettesBackoffice h3 {
    color: #375162;
    font-weight: bold;
    line-height: 36px;
}

#GestionVignettesBackoffice div {
    box-sizing: initial;
}

/* Backoffice personne physique */
#gestionPersonnePhysique td {
    font-size: 12px;
}

/* Backoffice grille */
#GridsBackofficeView {
    font-size: 11px;
}

    #GridsBackofficeView .headerBold, .titrePageFiche {
        color: #46627e;
        font: 17px trebuchet MS;
    }

/*composant de sélection des créneaux => prise de RDV Directe*/

.phraseRDVDirecte {
    color: #FFBC00;
}




/*****************/
/* Media Queries */
/*****************/

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (max-width:640px) {
    .lm_content_pad, .content_pad {
        padding: 40px 0px !important;
    }

    .BottomPane > .DnnModule-DNN_HTML {
        padding: 0;
    }

    .DnnModule-DNN_HTML {
        padding: 0 20px;
    }

    /* tables */
    div.RadGrid table {
        width: 100%;
        table-layout: fixed;
        empty-cells: show;
        display: flex;
        flex-direction: column-reverse;
    }

        div.RadGrid table thead, div.RadGrid table tfoot .rgStatus {
            display: none;
        }

        div.RadGrid table tbody, div.RadGrid table tfoot {
            display: flex;
            flex-direction: column;
        }

        div.RadGrid table tr {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            align-items: center;
        }


    /* fix to not wrap certain tr */
    tfoot tr,
    .telerik-generated-table-container tr,
    .RadPicker table.rcTable tr,
    .RadToolTip tr {
        flex-wrap: nowrap;
    }

    tfoot td {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    tfoot table tbody td {
        flex-wrap: wrap;
    }

    div.RadGrid table tr td {
        width: 100%;
    }

        div.RadGrid table tr td > span.hidden {
            /*display: block !important;*/
            visibility: visible !important;
            text-decoration: underline;
        }

    .RadGrid_Document .rgGroupHeader td {
        width: auto;
    }

    .RadGrid_Document > table > tbody > .rgRow > td:nth-last-child(-n+3),
    .RadGrid_Document > table > tbody > .rgAltRow > td:nth-last-child(-n+3) {
        width: auto;
    }

    div.RadToolTip {
        left: 0 !important;
        width: 100% !important;
    }

        div.RadToolTip .rtCallout {
            left: 88% !important;
        }

        div.RadToolTip table {
            width: 100% !important;
        }

            div.RadToolTip table tr:not(:first-child):not(:last-child) td {
                background: white;
            }

                div.RadToolTip table tr:not(:first-child):not(:last-child) td:not(:first-child):not(:last-child) {
                    white-space: normal;
                    padding: 4px 8px;
                }

    /* gestion des menus du header */


    /* désactivation du width 100% pour les picker teleriks */
    .RadPicker table.rcSingle > tbody > tr > td:nth-child(2) {
        width: unset;
    }
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:960px) {
}



.strike-through {
    background: linear-gradient(to bottom left, transparent calc(50% - 1px), black, transparent calc(50% + 1px) );
    /*border: 1px solid black;*/ /* nécessaire si on souhaite un box */
}



i.tooltip-information {
    align-self: center;
    margin-left: 3px;
}
