@import url("selecteurs.css");
@import url("portal.css?v=4.9");

/* common css */

.fw_gridBagLayoutTable {
    width: 100%;
    table-layout: auto !important;
}

.fw_gridBagLayoutTable .dataTable {
    table-layout: auto !important;
}

/* Utilisé par ToolTipModal */
.fw_emptyBox16 {
    background: #e9e8e8;
    border: 1px solid rgb(128, 128, 128);
    display: block;
    min-height: 16px;
    padding: 5px 5px 5px 26px;
    overflow: auto;
}

/* Utilisé par ToolTipModal et HelpPopupComponent */
.fw_helpBox16 {
    background: #e6e6fe url(../images/help.png) no-repeat scroll 4px 4px;
    border: 1px solid #a2a2ff;
    display: block;
    min-height: 30px;
    min-width: 100px;
    width: auto;
    padding: 5px 5px 5px 26px;
    /*overflow: auto;*/
}

/* Utilis� par ToolTipModal et HelpPopupComponent */
.fw_errorBox16 {
    background: #fce7e7 url(../images/exclamation.png) no-repeat scroll 4px 4px;
    border: 1px solid #ffa2a2;
    color: red;
    display: block;
    min-height: 30px;
    min-width: 100px;
    width: auto;
    padding: 5px 5px 5px 26px;
    /*overflow: auto;*/
}

/* Utilis� par ToolTipModal et HelpPopupComponent */
.fw_filesBox16 {
    background: #d8e4eb url(../images/page_save.png) no-repeat scroll 4px 4px;
    border: 1px solid #cccccc;
    display: block;
    min-height: 30px;
    min-width: 100px;
    width: auto;
    padding: 5px 5px 5px 26px;
    /*overflow: auto;*/
}

/* Utilis� par ToolTipModal et HelpPopupComponent */
.fw_filesBox16 a {
    display: block;
}

/* not used */
.fw_importantBox {
    margin-top: 5px;
    background: #ffc0cb;
    border: 1px solid red;
    padding: 2px;
}

/* not used */
.fw_importantBox span {
    display: block;
    background: transparent url(../images/important.png) no-repeat;
    padding-left: 37px;
    margin: 4px;
    min-height: 32px;
    color: orangered;
}

.fw_formBody tr:empty {
    display: none;
}

/* Utilis� par CWAddMidulesPanel et CWTemplatesPanel */
.formName {
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-left: 5px;
    vertical-align: middle;
}

.ajax-upload-dragdrop {
    height: auto !important;
}

.ajax-upload-dragdrop span {
    text-align: center;
    display: inline-grid;
}

/* bloc correspondant � une variable de formulaire */
.fw_formField {
    display: block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* tous les element d'une ligne doivent etre centr�s verticalement */
.fw_formField * {
    line-height: 18px;
    vertical-align: middle;
}

/* "Bout" de ligne, cad un element qui constitue une variable */
.fw_fieldElement {
    display: inline-block !important;
    min-height: 17px;
    vertical-align: middle;
}

/* idem, mais avec retours a la ligne (QCM, commentaire...) */
.fw_fieldElementNewLine {
    display: block;
    vertical-align: top;
    margin-left: 40px;
    margin-top: 10px;
}

/* Entr�e de QCM */
.fw_radioElement {
    display: inline-flex;
    margin-right: 3px;
}

/* Entr�e de QCM orient� verticalement */
.fw_radioElementVertical {
    display: flex;
    margin-right: 7px;
}

/* Entr�e de QCM orient� horizontalement */
#fw_radioElementHorizontal {
    display: inline-block;
}

/* TimeFormComponent */
input.fw_timefield {
    width: 80px;
}

/* InputFormComponent */
input.fw_textField {
    text-align: left;
    white-space: nowrap;
}

/* MultiUnitFormComponent */
input.fw_multiunitfield {
    width: 80px;
}

/* VariableFormCompoent dans l'etat desactiv� */
.fw_selectInput {
    background-color: #e5e5e5;
    color: #000000;
    display: inline-block;
    min-height: 17px;
    height: 23px;
    min-width: 20px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    /*noinspection CssInvalidPropertyValue*/
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin-right: 5px;
    padding: 3px 6px;
}

.fw_disabledRadioGroup {
    padding-left: 3px;
}

/* VariableFormCompoent dans l'etat ND ou NA */
.fw_selectInputNdNa {
    color: #000000;
    background-color: #cccccc;
    border: 1px solid cornflowerblue;
    padding-left: 3px;
    padding-right: 3px;
}

/* suffixe d'une variable (generalement unit�, ou bien format du champ) */
.fw_fieldSuffix {
    margin-left: 3px;
}

/* libell� d'une variable */
.fw_varLabel {
    display: inline-block;
    margin-right: 3px;
    white-space: normal;
}

/* box and box title */
/* ----------------- */

/* bordure de panel */
div.fw_simpleBorder {
    border: 1px solid rgb(128, 128, 128);
    padding: 5px;
    margin-top: 15px;
}

/* titre de bordure */
.fw_boxTitle {
    display: inline;
    position: relative;
    top: -1em;
    /*background:#EEEEEE;*/
    background-color: #f9f7f8;
    padding-left: 5px;
}


/* table style */
/* ----------- */
table.fw_dataview tr.fw_hovered {
    cursor: pointer;
}

table.fw_dataview tr.even td.fw_selected, table.fw_dataview tr.odd td.fw_selected {
    cursor: default;
}

table.fw_dataview {
    margin-bottom: 10px;
    border-bottom: 1px solid #0079d6;
    font-size: 1em;
}

table.fw_dataview tr {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.fw_dataview tr.fw_even {
    background-color: #ffebcd;
}

table.fw_dataview tr.fw_odd {
    background-color: #fff;
}

table.fw_dataview tr.fw_hovered {
    background-color: #c1e4ff;
}

table.fw_dataview tr td.fw_selected {
    background-color: #87cbff;
}

/* this seems not to be used at all */
table.fw_dataview tr td.editCell {
    border-right: 1px solid #0079d6;
}

table.fw_dataview tr td {
    padding-left: 8px;
    padding-right: 10px;
}

table.fw_dataview tr th {
    color: black;
    padding: 5px 10px 5px 10px;
    background-color: #c1e4ff;
    border-bottom: 1px solid #0079d6;
    border-top: 1px solid #0079d6;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}

table.fw_dataview tbody tr {
    height: 20px;
}

table.fw_dataview tr th a {
    font-weight: normal;
}

/* this seems not to be used at all */
table.fw_dataview #message {
    padding-left: 3px;
}

/* this seems not to be used at all */
table.fw_dataview caption {
    padding-bottom: 2px;
}

/* global form style */
/* ---------- */
#fw_formu label {
    color: #000000;
    margin: 0;
}

#fw_formu input {
    background-color: #FFF;
    border: #B5B5B5 1px solid;
    color: #000;
    margin-right: 3px;
}

/* les labels dans les tables ne doivent pas retourner a la ligne */
.fw_nowrapLabel {
    white-space: nowrap;
}


/* tabbed panes */
/* ------------ */
.fw_tabs ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.fw_tabs ul li {
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #e2e2e2;
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom-width: 0;
    padding: 5px 0 5px 0;
    float: left;
    margin: 0;
}

.fw_tabs ul li a {
    color: #2255cc;
    display: block;
    padding: 0.24em 1em;
    text-align: center;
    text-decoration: none;
}

.fw_tabs ul li:hover {
    background: none repeat scroll 0 0 #DDDDFF;
}

.fw_tabs .current {
    border-color: #31b0d5;
    background: none repeat scroll 0 0 #F9F7F8;
}

.fw_tabs .current a {
    color: royalblue;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.fw_tabs .current a span {
    height: 100%;
    width: 100%;
}

.fw_tabs .unfinished a span {
    margin-left: 10px;
}

.fw_tabs .unfinished a {
    background: url('../styles/svg/alert-circle.svg') no-repeat;
    background-size: 20px;
    filter: var(--svg-filter-error);
    margin-left: 10px;
}

.fw_tabContents {
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    border-left: 1px solid #a9a9a9;
    clear: both;
    width: 98%;
    padding: 10px;
}

/* NU */
#loginRoot {
    width: 420px;
    margin: 30px auto 0 auto;
}

/* NU */
.link_cluster h2 {
    width: 100%;
    border-bottom: 1px solid rgb(128, 128, 128);
    margin-bottom: 5px;
}

/* NU */
.link_cluster {
    margin-bottom: 5px;
}

/* NU */
.link_cluster a {
    display: block;
    padding-left: 20px;
    background: transparent url("../images/smallicons/link_go.png") no-repeat 0 0;
}

/* NU */
#loginBody {
    background: transparent url("../images/login/login_body.gif") repeat-y;
    padding: 10px 24px 20px 24px;
}

/* NU */
#titleHeader {
    background: transparent url("../images/login/title_header.gif") no-repeat 0 0;
    margin: 0;
    padding: 0;
}

/* NU */
#titleHeader img {
    border: 0 none;
}

/* NU */
#titleBody {
    padding: 10px;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 1px;
}

/* NU */
#titleBody.p {
    color: #3D3E3E;
}

/* NU */
#titleBody hr.loginIntro {
    border-bottom: 1px solid #DFDFDF;
    margin: 15px 0;
    height: 1px;
}

/* NU */
#loginRoot form {
    margin: 10px auto 0 auto;
    width: 280px;
}

/* NU */
#loginRoot form label {
    color: #000000;
    float: left;
    margin: 3px 0 0;
    width: 120px;
}

/* NU */
#loginRoot form input {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #000000;
    float: left;
    height: 20px;
    margin-bottom: 5px;
}

/* NU */
#login_button_submit {
    float: right;
    margin: 0 0 10px;
    padding-right: 8px;
}

/* RandoWeb */
#loginFooter {
    background: transparent url("../images/login/login_footer.gif") no-repeat 0 0;
    padding: 5px 15px 0 180px;
    color: #727172;
}

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

/* NU */
.testtable tr.hovered {
    background-color: red;
    cursor: pointer;
}

/* NU */
.testtable tr.default {
    background-color: #99ffcc;
}

/* AWE BIT */
/* NU */
.simpleList {
    border: 1px solid #dddddd;
    padding: 5px;
    width: 100%;
}

/* UserVariableFormComponent */
table.userPanel {
    border: var(--border);
    padding: 7px;
    margin: 5px;
    max-width: 500px;
}

table.userPanel td {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.userPanel td.label {
    text-align: right;
    vertical-align: top;
    padding-right: 7px;
}

table.userPanel td.value {
    text-align: left;
    font-weight: bold;
}

/* Portal     */
/* ---------- */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

#navMenu a:not(.buttonClass) {
    float: left;
    color: #555;
    text-decoration: none;
    display: block;
    padding: 10px;
    line-height: 16px;
    font-size: 14px;
    border-start-end-radius: 10px;
    border-top: var(--border);
}

#navMenu .selectDashboardActions a:not(.buttonClass) {
    border-start-end-radius: 0 !important;
    border-radius: 0 !important;
}

#navMenu a.left {
    border-right: var(--border) !important;
}

#navMenu a.right {
    border-left: none !important;
    background: none !important;
    color: #555 !important;
    padding: 5px 8px;
}

#navMenu > span img, #navMenu a:not(.buttonClass) img {
    border: 0;
    padding: 1px 6px 0 0;
    float: left;
    width: 12px;
}

/*#navMenu a:link, #navMenu a:visited {
    background: #eee;
}*/

#navMenu a:hover {
    background: #ccc;
}

#navMenu > span {
    float: left;
    font-style: normal;
    text-decoration: none;
    display: block;
    padding: 10px;
    line-height: 16px;
    border-right: var(--border);
    border-top: var(--border);
    font-size: 14px;
    border-start-end-radius: 10px;
}

#navMenu > span.menuPopup span:hover {
    background: #ccc;
    cursor: pointer;
}

*.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;

    /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */
    -ms-user-select: none;
    user-select: none;
}

#navMenu > span.menuSelected {
    float: left;
    font-style: normal;
    text-decoration: none;
    display: block;
    padding: 10px;
    line-height: 16px;
    border-right: var(--border);
    border-bottom: 1px solid var(--theme-color);
    font-size: 14px;
    border-start-end-radius: 10px;
}

#navMenu > span.menuDisabled > span {
    float: left;
    color: #bbb;
    font-style: normal;
    text-decoration: none;
    display: block;
}

.contents .fMenuBar > span {
    background: #AAAAAA none repeat scroll 0 0;
    border: 1px solid #AAAAAA;
    margin: 0 5px 0 0;
    padding: 3px;
    color: #444444;
    display: block;
    float: left;
    font-style: normal;
    text-decoration: none;
}

.fMenuBar > span img {
    border: 0 none;
    float: left;
    padding: 0 3px 0 0;
}

/* === PATIENT HEADER === */

#patientHeader {
    border: 1px solid #aaa;
    background: #eee;
    margin: 5px 0;
    height: 20px;
    padding: 5px;
}

#patientHeader h3 {
    padding-top: 3px;
    color: #444444;
    float: left;
}

#patientHeader select {
    margin-left: 5px;
    width: 230px;
}

#patientHeader input {
    text-align: left;
    white-space: nowrap;
    margin-left: 5px;
}

/* === button bar ===*/
.buttonBar {
    border: 1px solid rgb(128, 128, 128);
    margin: 5px 0;
    background: #e4e6e0;
    height: 36px;
    padding: 1px;
}

.buttonBar a {
    display: block;
    border: 1px solid #abaaaa;
    margin: 1px 2px;
    background: #dcded8;
    height: 32px;
    width: 32px;
    padding: 1px;
}

.buttonBar a:hover {
    background: #cbc4fc;
}

/* === ECRF TREE VIEW === */

#treeHeader {
    height: 30px;
    text-align: right;
    border: none !important;
    margin-bottom: 4px;
}

span.yui-skin-sam {
    vertical-align: middle;
}

.yui-skin-sam img {
    vertical-align: middle;
}

#treeHeader a img {
    padding: 4px 3px 6px 0;
    max-width: 18px;
}

.formHeader .floatRight a img {
    max-width: 17px;
    margin-left: 10px;
}

/* === FORM === */

.formHeader {
    min-height: 32px;
    /*border: 1px solid var(--theme-color);*/
    padding: 3px;
}

.formHeader .title {
    color: var(--theme-color);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 7px;
    border-bottom: 0;
}

.icon-previous {
    background: url("svg/chevron-left-circle.svg") no-repeat transparent;
    filter: var(--svg-filter);
    background-size: 30px;
}

.icon-next {
    background: url("svg/chevron-right-circle.svg") no-repeat transparent;
    filter: var(--svg-filter);
    background-size: 30px;
}

.icon-select-list {
    background: url("svg/format-list-checks.svg") no-repeat transparent;
    filter: var(--svg-filter);
    background-size: 30px;
}

.icon-previous,
.icon-next,
.icon-select-list {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.icon-previous:hover,
.icon-next:hover,
.icon-select-list:hover {
    filter: var(--svg-filter-selected);
}

.icon-reset-filters {
    background: url("svg/filter-remove-outline.svg") no-repeat transparent;
    filter: var(--svg-filter-red);
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.selectVariablesLink {
    margin-right: 20px;
    background-color: whitesmoke;
}

/* NU */
a.rightArrow:hover {
    color: #FF7300;
    text-decoration: underline;
}

/* NU */
a.rightArrow {
    background: transparent url("../images/orange_arrow.gif") no-repeat scroll 0 2px;
    font-size: 1em;
    padding-left: 15px;
    text-decoration: none;
}

.btnBlueMiddle p a:hover {
    text-decoration: underline;
}

.btnBlueMiddle p a {
    color: #FFFFFF;
}

/* NU */
.iconOk {
    padding-left: 17px;
    background: transparent url("../images/tick.png") no-repeat 0 -1px;
}

/* NU */
.iconNok {
    padding-left: 17px;
    background: transparent url("../images/exclamation.png") no-repeat 0 -1px;
}

div#header a {
    color: #ffffff;
}

.btSizeLeft, .btSizeRight, .btDeconnexionLeft, .btDeconnexionRight, .btRandoLeft, .btRandoRight, .btHideLeft, .btHideRight, div.btContinueLeft, div.btContinueRight {
    float: left;
    width: 5px;
    height: 24px;
}

/* NU */
.btRandoIndic {
    float: left;
    height: 24px;
    width: 24px;
}

div.btContinueMiddle {
    background: transparent url("../images/bt_continue_middle.gif") repeat-x 0 0;
}

.btSizeMiddle, .btDeconnexionMiddle, .btRandoMiddle, .btHideMiddle, div.btContinueMiddle {
    float: left;
    height: 24px;
    padding: 5px 10px 0 10px;
}

.btSizeMiddle p a, .btDeconnexionMiddle p a, .btRandoMiddle p a, .btHideMiddle p a, div.btContinueMiddle p a {
    color: #FFFFFF;
    text-decoration: none;
}

.btSizeMiddle p a:hover, .btDeconnexionMiddle p a:hover, .btRandoMiddle p a:hover, .btHideMiddle p a:hover, div.btContinueMiddle p a:hover {
    text-decoration: underline;
}

.BtHideContainer {
    float: right;
    margin: 10px 0 0 10px;
}

.popBtLeft {
    float: left;
    padding: 10px;
}

.popBtRight {
    float: right;
    padding: 10px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFF;
    color: #616161;
}

span.serviceMenu {
    color: #FF7300;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    color: var(--theme-color);
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #B3B1B2;
}

#minHeight {
    height: 450px;
    font-size: 1.2em;
}

a.downloadLink {
    text-decoration: underline;
}

hr.introLogin, hr.tableau {
    border: 0;
    height: 1px;
}

hr.introLogin {
    margin: 15px 0 15px 0;
    border-bottom: 1px #DFDFDF solid;
}

hr.tableau {
    border-bottom: 1px #DFDFDF solid;
    width: 522px;
}

a {
    text-decoration: none;
    color: #616161;
}

a:hover {
    text-decoration: underline;
}

/* Structure Login */

#mainContentLogin {
    width: 420px;
    margin: 30px auto 0 auto;
}

#headerLogin {
    background: transparent url("../images/login/login_header.png") no-repeat 0 0;
    width: 420px;
    height: 53px;
}

#headerLogin img {
    margin: 20px 0 0 25px;
}

#middleContentLogin {
    background: transparent url("../images/login/loginContentBg.gif") repeat-y 0 0;
    width: 420px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#loginTitleBg {
    width: 366px;
    background: transparent url("../images/login/identificationBg.gif") no-repeat 0 0;
    height: 26px;
    margin: 0 0 0 28px;
}

#tallyLogin {
    width: 344px;
    margin: 0 0 0 28px;
    padding: 10px;
    border-left: #DFDFDF 1px solid;
    border-right: #DFDFDF 1px solid;
    border-bottom: #DFDFDF 1px solid;
}

p.loginIntro {
    color: #3D3E3E;
    margin-bottom: 10px;
}

.login {
    width: 280px;
    margin: 0 auto 0 auto;
}

li.feedbackPanelINFO {
    color: green;
    background: url("../images/accept.png") no-repeat 0 0;
    min-height: 16px;
    padding-left: 20px;
}

#loginBody li.feedbackPanelINFO {
    font-size: 1em;
    color: green;
    font-weight: normal;
    background: url("../images/16x16/accept.png") no-repeat 0 50%;
    min-height: 16px;
    padding-left: 20px;
    margin-bottom: 10px;
}

li.feedbackPanelERROR {
    background: transparent url("svg/alert-circle.svg") no-repeat 0 0;
    filter: var(--svg-filter-error);
    margin-bottom: 10px;
    min-height: 24px;
    padding-left: 20px;
}

li.feedbackPanelERROR span {
    display: inline-block;
    filter: inherit;
    color: red !important;
    margin-left: 10px;
    margin-top: 5px;
}

li.feedbackPanelWARNING {
    background: transparent url("../images/16x16/warning.png") no-repeat 0 0;
    color: #6c690e;
    margin-bottom: 10px;
    min-height: 16px;
    padding-left: 20px;
}

.login label {
    float: left;
    width: 120px;
    color: #000000;
    margin: 3px 0 0 0;
}

.login input {
    float: left;
    margin-bottom: 5px;
    background-color: #FFF;
    border: #D9D9D9 1px solid;
    color: #000;
    height: 20px;

}

#loginSend, div.ContinueMain {
    float: right;
    margin: 10px 0 0 10px;
    padding-right: 5px;
}

div#problemId {
    margin: 15px auto 0 auto;
}

div p.problemes {
    padding: 15px 0 15px 0;
    text-align: center;
}

a.arrow {
    text-decoration: none;
    background: transparent url("../images/orange_arrow.gif") no-repeat 0 2px;
    padding-left: 15px;
    font-size: 1em;
}

a:hover.arrow {
    text-decoration: underline;
    color: #FF7300;
}

div.resetHeader {
    background: transparent url("../images/forgot_bg.gif") no-repeat 0 0;
    width: 300px;
    height: 17px;
    margin-top: 15px;
}

div.resetHeader p {
    font-weight: bold;
    padding-left: 10px;
    color: #FFFFFF;
    padding-top: 1px;
}

div.resetMiddle {
    background-color: #F1F0F0;
    width: 270px;
    padding: 15px;
}

.forgotLabel {
    color: #000000;
    display: block;
}

input.inputForgot {
    background-color: #FFF;
    border: #B5B5B5 1px solid;
    color: #000;
}

#loginFooter {
    background: transparent url("../images/login/loginFooter.gif") no-repeat 0 0;
    color: #727172;
    padding: 5px 15px;
    text-align: right;
}

#groupTitle, #groupName, #groupDescription {
    float: left;
}

#groupTitle {
    font-size: 0.9em;
    min-height: 37px;
    padding: 26px 0 0;
    width: 700px;
}

#logo {
    float: right;
    width: 200px;
}

#logo img {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

#groupName {
    margin: 0 10px;
    max-width: 350px;
}

#userInfoRight {
    float: right;
}

#btSizeLeft, #btSizeRight, #btDeconnexionLeft, #btDeconnexionRight, #btRandoLeft, #btRandoRight, #btHideLeft, #btHideRight, div.btContinueLeft, div.btContinueRight {
    float: left;
    width: 5px;
    height: 24px;
}

div.btRandoLeft, div.btRandoRight {
    float: left;
    width: 5px;
    height: 24px;
}

div.btContinueLeft {
    background: transparent url("../images/bt_continue_left.gif") repeat-x 0 0;
}

div.btContinueRight {
    background: transparent url("../images/bt_continue_right.gif") repeat-x 0 0;
}

div.btContinueMiddle {
    background: transparent url("../images/bt_continue_middle.gif") repeat-x 0 0;
}

#btSizeMiddle, #btDeconnexionMiddle, #btRandoMiddle, #btHideMiddle, div.btContinueMiddle {
    float: left;
    height: 24px;
    padding: 5px 10px 0 10px;
}

div.btContinueMiddle p a {
    background: transparent url("../images/arrow_continue.gif") no-repeat top right;
    padding-right: 15px;
    font-size: 0.9em;
}

#btSizeMiddle p a, #btDeconnexionMiddle p a, #btRandoMiddle p a, #btHideMiddle p a, div.btContinueMiddle p a {
    color: #FFFFFF;
    text-decoration: none;
}

#btSizeMiddle p a:hover, #btDeconnexionMiddle p a:hover, #btRandoMiddle p a:hover, #btHideMiddle p a:hover, div.btContinueMiddle p a:hover {
    text-decoration: underline;
}

#BtHideContainer {
    float: right;
    margin: 10px 50px 0 10px;
}

#partRight {
    float: left;
    width: 620px; /*770px; changed for forum*/
    border-left: #D9D9D9 1px solid; /*changed for forum*/
    padding-left: 25px; /* 15px; changed for forum */

}

ul#ariane {
    font-size: 1.1em;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #D9D9D9;
    margin: 0;
}

ul#ariane li {
    float: left;
    height: 21px;
    background-color: #E9E9E9;
    margin: 2px 2px 0 3px;
    border: 1px solid #D9D9D9;
}

ul#ariane li.nouveau, ul#ariane li.liste {
    height: 15px;
    border-bottom: 1px solid #fff;
    color: #525252;
    background-color: #A5A5A5;
    padding: 4px 20px 2px 20px;
}

ul#ariane li.nouveau em {
    font-style: normal;
}

ul#ariane li a, ul#ariane li a.listeLink, ul#ariane li a.nouveauLink {
    float: left;
    display: block;
    color: #525252;
    text-decoration: none;
    padding: 4px 20px 2px 20px;
}

ul#ariane a:hover, ul#ariane li a:hover.listeLink, ul#ariane li a:hover.nouveauLink {
    background-color: #727272;
    color: #FFFFFF;

}

#formu label, #formu .noLabel {
    color: #000000;
    margin: 0;
}

#formu input.radioLabel {
    float: left;
    border: none;
    height: auto;
}

#formu .radioTxt {
    margin-left: 5px;
}

#formu div.formuLeft {
    float: left;
    width: 250px;
    margin-top: 10px;
    font-size: 1.1em;
    color: #000000;
}

#formu div.formuMiddle, #formu div.noInputMiddle {
    float: left;
    margin-top: 10px;
    width: 180px;
    font-size: 1.1em;
}

#formu div.formuRight {
    float: left;
    margin-top: 10px;
    width: 180px;
    color: #FF0000;
}

#formu input {
    background-color: #FFF;
    border: #B5B5B5 1px solid;
    color: #000;
    margin-right: 3px
}

#formu .dateIndic {
    margin: 3px 0 0 10px;
    float: left;
    color: #A8A8A8;
}

#formu .valid {
}

#formu .invalid {
    background-color: #FF192F;
    border: #C70214 1px solid;
}

#formu .indic {
    color: #A8A8A8;
    display: block;
}

#randoBtMain {
    float: right;
    margin: 20px 10px 20px 0;
}

div.randoBtMain {
    float: right;
    margin: 20px 10px 20px 0;
}

ul#listePages {
    border-top: #D9D9D9 1px solid;
    border-bottom: #D9D9D9 1px solid;
    width: 559px;
    height: 14px;
    padding: 6px;
    font-weight: bold;
}

ul#listePages li {
    display: inline;
    padding-left: 4px;
    color: #7A7A7A;
}

ul#listePages li em {
    font-style: normal;
}

ul#listePages li a.pageNum {
    color: #FFFFFF;
    background-color: #7A7A7A;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
}

ul#listePages li a:hover.pageNum {
    color: #FFFFFF;
    background-color: #FF7300;
}

ul#listePages li a.pageArrow {
    color: #7A7A7A;
    text-decoration: underline;
}

ul#listePages li a:hover.pageArrow {
    color: #FF7300;
    text-decoration: none;
}

table#PatientsList th {
    text-align: center;
    font-size: 1.0em;
}

table#PatientsList td {
    text-align: center;
    font-size: 1.0em;
}

table#PatientsList th {
    background-color: #ECECEC;
}

table#PatientsList th a, table#PatientsList td a {
    text-decoration: underline;
}

table#PatientsList td a {
    font-weight: bold;
}

table#PatientsList th a:hover, table#PatientsList td a:hover {
    text-decoration: none;
    color: #FF7300;
}

table#PatientsList th.refTtitle {
    width: 100px;
}

table#PatientsList th.randoNumTtitle {
    width: 110px;
}

table#PatientsList th.randoDatetitle {
    width: 110px;
}

table#PatientsList th.investTitle {
    width: 190px;
}

table#PatientsList td {
    border-bottom: #D9D9D9 1px solid;
    border-left: #D9D9D9 1px solid;
    padding: 5px;
}

table#PatientsList tr td.last {
    border-right: #D9D9D9 1px solid;
    text-align: center;
}

table#PatientsList tr.pair {
    background-color: #FEF2D7;
}

table#PatientsList tr.impair {
    background-color: #EBE1D2;
}

table#PatientsList tr.selected {
    background-color: #7B746A;
    font-weight: bold;
    color: #616161;
}

table#PatientsList tr.selected a {
    color: #616161;
    text-decoration: none;
}

div#selectedPatient {
    margin-left: 10px;
    width: 522px;
    padding: 15px;
}

p.bandeauPatient img {
    margin-left: 15px;
}

div#patientMainInfos {
    width: 500px;
    padding: 10px;
    border-bottom: #D9D9D9 1px solid;
    border-left: #D9D9D9 1px solid;
    border-right: #D9D9D9 1px solid;
    font-size: 1em;
}

div#suiviPatient {
    width: 500px;
    padding: 10px;
    border-bottom: #D9D9D9 1px solid;
    border-left: #D9D9D9 1px solid;
    border-right: #D9D9D9 1px solid;
    font-size: 1em;
}

div#selectedPatient div.ref, div#selectedPatient div.num, div#selectedPatient div.date, div#selectedPatient div.invest, div#selectedPatient div#patientMainInfos div.detailPatient {
    float: left;
    font-weight: bold;
    width: 250px;
}

div#selectedPatient div#patientMainInfos div.infosPatient {
    float: left;
    font-weight: normal;
    width: 200px;
}


/* ===================  Pour le champs text qui gere la completion (fichier CwFormulaire.html) =================== */

.wicket-aa {
    background-color: white;
    border: 1px solid #CCCCCC;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, serif;
    font-size: 12px;
    margin: 1px 0 0;
    padding: 2px;
    text-align: left;
}

.wicket-aa ul li {
    padding: 5px;
    cursor: pointer;
}

.wicket-aa ul li.selected {
    background-color: #87ceeb;
    margin: 0;
}

.wicket-aa ul {
    list-style: none outside none;
}

/*=============================== Pour les Tooltip =================================*/

#tt {
    position: absolute;
    display: block;
}

#tttop {
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden;
}

#ttcont {
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #666;
    color: #fff;
}

#ttbot {
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden;
}

.hotspot {
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer
}

/*=============================== Pour les Tooltip =================================*/

#contacts .header span {
    font-size: 1.2em;
    font-weight: bold;
}

#contacts .header {
    margin-bottom: 10px;
}

#contacts .category {
    padding: 3px;
    background: #EEEEEE;
    border: 1px solid #B3B1B2;
}

#contacts .category span {
    color: #3399ff;
    font-size: 1.3em;
    font-weight: bold;
}

#contacts .contact {
    margin: 5px 0;
    padding: 8px;
    border: 1px solid #B3B1B2;
}

#contacts .contact .contact_photo {
    float: left;
    margin-right: 10px;
}

#contacts .contact .contact_info {
    float: left;
}

#contacts .contact .column {
    float: left;
    border-left: 1px solid rgb(128, 128, 128);
    padding-left: 10px;
    margin-right: 10px;
}

.contact_info .contact_name {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

.contact_info .contact_phone {
    background: transparent url(../images/smallicons/telephone.png) no-repeat scroll;
    padding-left: 26px;
    height: 18px;
}

.contact_info .contact_fax {
    background: transparent url(../images/smallicons/printer.png) no-repeat scroll;
    padding-left: 26px;
    height: 18px;
}

.contact_info .contact_email {
    background: transparent url(../images/smallicons/email.png) no-repeat scroll;
    padding-left: 26px;
    height: 18px;
}

.space {
    font-size: 0;
    height: 5px;
}

/*=============================== Pour les Tooltip =================================*/

#information p {
    margin: 1em 0;
}

#information h2 {
    color: #3399ff;
    text-decoration: underline;
    margin: 0.6em 0;
}

#information h3 {
    color: #666666;
    margin: 0.6em 0;
}

#information .contents {
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin-bottom: 10px;
}

#information h3.link_doc {
    background: transparent url(../images/smallicons/page_go.png) no-repeat scroll;
    padding-left: 26px;
}

#information a {
    color: #3399ff;
}

#information .contents ul {
    list-style: square;
    margin-left: 20px;
}

#information .contents li {
    font-size: 1.2em;
    font-weight: bold;
}

#information #biblio li {
    list-style-image: url('../images/smallicons/page_go.png');
    margin-bottom: 5px;
}

/* ==== TRANSFER FORM FIELDS ==== */

form#receive_patient_form fieldset .field {
    display: block;
    margin-bottom: 0.5em;
    padding: 0;
}

form#receive_patient_form fieldset .field input {
    padding: 1px;
    width: 164px;
}

form#receive_patient_form fieldset .field select {
    padding: 1px;
    width: 170px;
}

form#receive_patient_form fieldset .field label {
    float: left;
    padding: 5px 5px 0 0;
    text-align: right;
    width: 64px;
}

#waiting_bar {
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -80px;
    padding: 15px;
    border: 1px solid #b4ad9f;
    background-color: #ededed;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 5px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 5px 6px rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=rgba(0, 0, 0, 0.3), offX=4, offY=5, positive=true);
    z-index: 50000;
}

/* Hide from IE6 */
html > body #waiting_bar {
    position: fixed;
}

/* Only visible to IE6 */
* html #waiting_bar {
    position: absolute;
    /*noinspection CssInvalidPropertyValue*/
    top: expression(((documentElement.scrollTop + body.scrollTop + ((documentElement.clientHeight - this.clientHeight)) / 2)) - 40);
}

#buttons {
    height: 22px;
    padding-top: 10px;
}

.serviceHeader {
    color: #666;
    background-color: lightgray;
    padding: 5px;
}

.renewPasswordHelp {
    color: #0066cc;
    font-size: 12px;
    padding: 5px;
}

.renewPasswordAlert {
    color: #ff0033;
    font-size: 14px;
    background-color: #fff4dd;
    padding: 5px;
}

.font12 {
    font-size: 12px;
}

.size16x16 {
    width: 16px;
    height: 16px;
}

.radioFieldLine {
    display: block;
    vertical-align: middle;
    margin-top: 3px;
    padding: 0 10px 10px;
    border-bottom: 1px solid #ccc;
}

.radioFieldLine * {
    line-height: 24px;
    vertical-align: top;
}

.radioField input {
    margin-right: 2px;
}

.radioField label {
    margin-right: 7px;
}

.checkGroup.vertical label {
    display: block;
}

.fw_webservice {
    margin: 6px 20px 6px 20px;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    height: 40px;
}

.fw_textField,
.fw_selectField,
.fw_multiunitfield,
.fw_timefield,
.fw_selectInput {
    border: 1px solid #aaaaac !important;
    border-radius: .25rem !important;
}

.deletePatientEditReasonDialog .field > label {
    width: 70px;
}

.deletePatientEditReasonDialog .field > .name {
    width: 400px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/*                                           theme specifics                                                          */
/* ------------------------------------------------------------------------------------------------------------------ */

/*
 Patient form header color
 */
.formHeader {
    background: var(--patient-header-background) !important;
}

/*
 Patient tree header color
 */
#treeHeader {
    background: var(--theme-color) !important;
}

/*
 Navigation menu background color at the Patient page
 */
.crfNavMenu {
    background: #f2f2f2 !important;
    padding-bottom: 3px;
    margin: 3px 0;
}

/*
 Navigation menu icons color
 */
#navMenu > span img, #navMenu a:not(.buttonClass) img {
    filter: var(--svg-filter);
}

/*
 Navigation menu icons color on roll
 */
#navMenu span.menuPopup:hover img, #navMenu span:hover img, #navMenu a:not(.buttonClass):hover img {
    filter: var(--svg-filter);
}

/*
 Navigation menu icons color on selected
 */
#navMenu span.menuSelected img {
    filter: var(--svg-filter-selected);
}


/* PasswordRenewalPage */
.PasswordRenewalPage #header {
    background: var(--theme-color);
    height: 50px;
}