body {direction: ltr;}
input, select, button {font-family: inherit; font-size: inherit;}
input[type="checkbox"] {margin: 0 0.5rem 0 0.75rem;}
.hspan {height: 100vh;width: 1px;background-color: transparent;visibility: hidden;}
.loginDisplayNone {display: none;}
.loginHidden {visibility: hidden;}
.ltrInput {direction: ltr;}
/* { CUSTOM */
.customDisplayNone {
    display: none;
}
/* } */
.sapUiBody {
    background-color: #fafafa; color: #333333; font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem; -webkit-tap-highlight-color: transparent; width: 100%; margin: 0;
}
.sapUiBackground {
    background-size: cover; -webkit-background-size: cover; background-attachment: scroll;
    /*background-image: url("img/background.jpg");*/
    /* { CUSTOM */
    background-color: #e4dcd4;
    background-image: none;
    /* } */
}
.sapUiContentForegroundTextColor {color: #333333;}
.sapUiLightestBG {background-color: #ffffff;}
.sapUiSuccess {background-color: #e4f6e4; outline: none; border: 1px solid #abe2ab;}
.sapUiNeutral {background-color: #f4f5f6; outline: none; border: 1px solid #d3d7d9;}
.sapUiWarning {background-color: #fef0db; outline: none; border: 1px solid #fabd64;}
.sapUiError {background-color: #ffe4e4;outline: none;border: 1px solid #ff8888;}
.sapUiSuccess:hover, .sapUiSuccess:focus {border-color: #38a338;}
.sapUiNeutral:hover, .sapUiNeutral:focus {border-color: #5e696e;}
.sapUiWarning:hover, .sapUiWarning:focus {border-color: #f9a429;}
.sapUiError:hover, .sapUiError:focus {border-color: #ee0000;}
.sapUiButton {background-color: #f7f7f7;border: 1px solid #ababab;color: #346187;}
.sapUiButton:hover {background-color: #ebebeb;border-color: #ababab;}
.sapUiButton:focus {background-color: #427cac;border-color: #427cac;}
.sapUiButtonEmphasized {
    color: #ffffff;
    /*background-color: #5496cd;
    border: 1px solid #367db8;
    text-shadow:0 1px #000000;*/
    /* { CUSTOM */
    background-color: #ef710b;
    border: 1px solid #ef720b;
    /* } */
}
.sapUiButtonEmphasized:hover {
    /*background-color: #367db8;
    border-color: #367db8;*/
    /* { CUSTOM */
    background-color: #f5821f;
    border-color: #f5821f;
    /* } */
}
.sapUiButtonEmphasized:focus {
    /*background-color: #427cac;
    border-color: #427cac;text-shadow: none*/
    /* { CUSTOM */
    background-color: #f5821f;
    border-color: #f5821f;
    /* } */
}
.sapUiButtonLite {
    /*color: #346187;
    background-color: transparent;*/
    /* { CUSTOM */
    color: #000000;
    background-color: #f7f7f7;
    /* } */
    border: 1px solid transparent;
    text-shadow:0 1px rgba(255,255,255,0.5);
}
.sapUiButtonLite:hover {background-color: rgba(191,191,191,0.5);border-color: rgba(191,191,191,0.5);}
.sapUiButtonLite:focus {
    /*color: #ffffff;
    background-color: #427cac;
    border-color: #427cac;*/
    /* { CUSTOM */
    color: #000000;
    background-color: #f7f7f7;
    /* } */
    text-shadow: none;
}
.sapMLabel {color: #666666;font-size: 0.875rem;font-family: Arial, Helvetica, sans-serif;font-weight: normal}
.sapUiSraTextError { color: rgb(229, 41, 41); }
.sapUiList {background-color: #ffffff;padding:0;margin:0}
.sapUiListTitle {width:288px;padding: 0 0.75rem;font-size: 1.25rem;color: #666666;height:2.5rem;line-height:2.5rem;border-bottom: 1px solid #cccccc;box-sizing: border-box;}
.sapUiListTitle:hover, .sapUiListTitle:focus {
    outline: none;
    /*border: 1px solid #427ca7;*/
    /* { CUSTOM */
    border-color: 1px solid #e37000;
    /* } */
}
.sapUiListRow {padding: 0 0.75rem;height:2rem;line-height:2rem;box-sizing: border-box;}
.sapUiListRow:hover, .sapUiListRow:focus {
    outline: none;
    /* border: 1px solid #427ca7; */
    /* { CUSTOM */
    border-color: 1px solid #e37000;
    /* } */
}
.sapUiDeleteSessions {color: #333333;}
header {
    position: absolute;top: 0;
    /* { Custom+ */
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background: rgba(0,0,0,0.8) !important;
    color: #FFFFFF;
    /* } */
}
.loginLogo {
    margin: 0.75rem 1rem;
    /* { CUSTOM */
    height: 32px;
    /* } */
}
/* { CUSTOM */
/* ----- HEADER ----- */
.sapUiSraTitle {
    font-size: 1.25em;
    font-weight: 400;
    padding: 4px 16px;
}
.sapUiSraSubTitle {
	padding: 0 !important;
}
/* } */
footer {position: absolute;bottom: 0;right: 0;}
.loginCopyright {position: relative;right: 0;padding: 1rem;}
main {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width: 100%;margin: 0;}
.loginForm {margin: 0 auto;width: 288px;}
.sapUiSraAfterLogin .loginForm {opacity: 0.3;}
.loginInput {height: 2.5rem;line-height: 2.5rem;margin: 0.5rem 0;}
.loginHiddenAccessible {position: absolute;left: -150%;height: 1px;width: 1px;overflow: hidden;}
.loginInputField {height: 2.5rem;width: 288px;padding: 0 0.75rem;box-sizing: border-box;border: 1px solid #bfbfbf;}
.loginInputField:hover, .loginInputField:focus {
    outline: none;
    /* border-color: #427ca7; */
    /* { CUSTOM */
    border-color: #e37000;
    /* } */
}
.loginDisplayInput {height: 1.5rem;line-height: 1.5rem;margin: 0.75rem 0 0.5rem;}
.loginDisabledInput {opacity: 0.5;}
.loginSelect {width: 288px;height: 2.5rem;padding: 0 0.75rem;box-sizing: border-box;border: 1px solid #bfbfbf;}
.loginSelect:hover, .loginSelect:focus {
    /* border-color: #427ca7; */
    /* { CUSTOM */
    border-color: #e37000;
    /* } */
}
.loginMessage {position: relative; width: 288px;margin: 0.75rem auto;padding: 0.4375rem 0.75rem;box-sizing: border-box;border-radius: 0.25rem;}
.loginMessageContainer {position: relative; width: 288px;margin: 0.75rem auto;box-sizing: border-box;border-radius: 0.25rem;}
.loginMessageButton {position: absolute; top: 0.125rem; right: 0.125rem; width: 1.5rem; height: 1.5rem;line-height: 1rem;border-radius: 0.25rem;cursor: pointer;padding: 0;text-align: center;}
.loginButtonRow {margin: 0.75rem 0 0.5rem;}
.loginButton {width: 288px;height: 2.5rem;border-radius: 0.25rem;cursor: pointer;padding: 0 0.75rem;}
.loginLink {width: 288px;text-align: center;}
.loginLink a {text-decoration: none; color: #0070b1}
.loginLink a:hover {text-decoration: underline; color: #0070b1}
.loginLink a:visited {text-decoration: none; color: #0070b1}
.busyAnimation {
    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    z-index: 9999;width: 3rem;height: 1rem;margin: 0 auto;display: none;
}
.sapUiSraShowLogonAnimation .busyAnimation {display: block;}
.busyAnimation > div {
    width: 16px;height: 16px;border-radius: 100%;box-shadow: inset 0 0 3px 16px rgba(66,124,172, 1);display: inline-block;
    margin: 0;position: relative;
    -webkit-animation: busyAnimation 1.8s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation: busyAnimation 1.8s infinite ease-in-out;
    -moz-animation-fill-mode: both;
    animation: busyAnimation 1.8s infinite ease-in-out;
    animation-fill-mode: both;
}
.busyAnimation>div:nth-child(1) {-webkit-animation-delay: -0.32s;-moz-animation-delay: -0.32s;animation-delay: -0.32s;}
.busyAnimation>div:nth-child(2) {-webkit-animation-delay: -0.16s;-moz-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes busyAnimation {
    0% {-webkit-transform: scale(0.4);background: rgba(66,124,172, 1);}
    40% {-webkit-transform: scale(1);background: rgba(66,124,172, 0.1);box-shadow: inset 0 0 2px 1px rgba(66,124,172, 0.8);}
    80%,100% {-webkit-transform: scale(0.4);}
}
@-moz-keyframes busyAnimation {
    0% {-moz-transform: scale(0.4);background: rgba(66,124,172, 1);}
    40% {-moz-transform: scale(1);background: rgba(66,124,172, 0.1);box-shadow: inset 0 0 2px 1px rgba(66,124,172, 0.8);}
    80%,100% {-moz-transform: scale(0.4);}
}
@keyframes busyAnimation {
    0% {transform: scale(0.4);background: rgba(66,124,172, 1);}
    40% {transform: scale(1);background: rgba(66,124,172, 0.1);box-shadow: inset 0 0 2px 1px rgba(66,124,172, 0.8);}
    80%,100% {transform: scale(0.4);}
}
@media (max-height: 499px) {
    .sapUiSraPwdHeight header {display: none;}
    .sapUiSraPwdHeight footer {display: none;}
}
@media (max-height: 469px) {
    .sapUiSraLoginHeight7 header {display: none;}
    .sapUiSraLoginHeight7 footer {display: none;}
}
@media (max-height: 449px) {
    .sapUiSraLoginHeight6 header {display: none;}
    .sapUiSraLoginHeight6 footer {display: none;}
}
@media (max-height: 429px) {
    .sapUiSraLoginHeight5 header {display: none;}
    .sapUiSraLoginHeight5 footer {display: none;}
}
@media (max-height: 409px) {
    .sapUiSraLoginHeight4 header {display: none;}
    .sapUiSraLoginHeight4 footer {display: none;}
}
@media (max-height: 389px) {
    .sapUiSraLoginHeight3 header {display: none;}
    .sapUiSraLoginHeight3 footer {display: none;}
}
@media (max-height: 369px) {
    header {display: none;}
    footer {display: none;}
}
@media (max-height: 429px) {.sapUiSraPwdHeight main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
@media (max-height: 399px) {.sapUiSraLoginHeight7 main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
@media (max-height: 379px) {.sapUiSraLoginHeight6 main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
@media (max-height: 359px) {.sapUiSraLoginHeight5 main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
@media (max-height: 339px) {.sapUiSraLoginHeight4 main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
@media (max-height: 319px) {.sapUiSraLoginHeight3 main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
@media (max-height: 299px) {main {top: 0;-webkit-transform: none;-ms-transform: none;-moz-transform: none;transform: none;}}
/* On cible l'ID exact pour plus de force */ 
/* CEC-1049 VISILALISER MOT DE PASSE START  */


#PASSWORD_BLOCK , #NEW_PASSWORD_BLOCK , #CONFIRM_PASSWORD_BLOCK {
    display: flex !important;
    flex-direction: column !important; /* Label en haut, Input en bas */
    position: relative !important;
    width: 100%;
}

/* 2. On crée un conteneur interne juste pour l'input et l'œil */
.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
/* 2. On "nettoie" le bouton pour qu'il soit invisible (pas de gris) */
#toggleBtn , #toggleBtn1 ,#toggleBtn2 {
    /* Suppression du style "bouton gris" de l'image */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    
    /* Positionnement par-dessus l'input */
    position: absolute !important;
    right: 5px !important;
    height: 100%;
    width: 30px;
    cursor: pointer;
    
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    z-index: 10;
}

/* 3. On réduit un peu l'icône pour qu'elle soit élégante */
#eyeIcon , #eyeIcon1  , #eyeIcon2 {
    width: 18px;
    height: 18px;
    color: #888; /* Couleur grise discrète */
}


#toggleBtn:hover #eyeIcon {
    color: #333; /* Plus sombre au survol */
}
#toggleBtn1:hover #eyeIcon1 {
    color: #333; /* Plus sombre au survol */
}
#toggleBtn2:hover #eyeIcon2 {
    color: #333; /* Plus sombre au survol */
}
   input::-ms-reveal,
    input::-ms-clear {
        display: none;
    }
/* CEC-1049 VISILALISER MOT DE PASSE START  */