html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

body { background:#656565; font:normal 14px/1.5 Arial, Helvetica, sans-serif; color:#676767; }

label { font-size:14px; display:block; line-height:1.7; }
input, select { background:#fafafa; color:#676767; border:1px solid #e4e4e4; font-size:15px; color:#3c3c3c; border-radius:3px; padding:5px 5px; }
input:hover, select:hover { border:1px solid #c3c3c3; }
input:focus, select:focus { background:#fdfdfd; border:1px solid #d8d8d8; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.16);  }
input.error, select.error { border:1px solid #e90000; }
label.error { color: #e90000; font-size:12px; }

.wrapper { position:relative; }

/* INFO */
.infoZone { background:url(../img/information.png) no-repeat 7px 10px #dff4fd; display:block; padding:7px 7px 7px 30px; margin:10px; }
.infoZone .contentMsg { border-left:1px solid #a1cbdc; display:block; color:#276479; font-size:11px; padding:0 10px; }
.infoZone .contentMsg li { list-style:inside disc; }

.alignRight { text-align:right; }
.hidden { display:none; }

.version { display:block; width: 420px; color: #fff; position: fixed; right:10px; text-align: right; bottom: 0; text-shadow: 0 0 1px #000; }

.pictureInfo { background: #fff; display: inline-block; margin: 16px 0; padding: 1px 15px; opacity: 0.9; font-size: 14px; }

#backgroundStyle { height:100%; width:100%; position:fixed; top:0; left:0; z-index:0; }
#backgroundStyle #bgImg { object-fit: cover; width: 100%; height: 100%; }
#page { position:relative; z-index:1; }

#page { }
#page .loginZone .loginBlock .logoZone { text-align: center;}
#page .loginZone { background:url(../img/alpha_white_5.png); /*background:rgba(247, 247, 247, 0.5);*/ display:inline-block; position:absolute; zoom:1; padding:28px 28px; right:15%; }
#page .loginZone .loginBlock { min-height: 245px; background:#fff;  width:262px; text-align:left; padding:20px 27px 0px 27px; display:inline-block; box-shadow: 0 5px 10px -5px #333232; }
#page .loginZone .loginBlock #loginForm { float: left; }
#page .loginZone .loginBlock .msg_error { color:#e90000; margin:0 0 10px 0; text-align: center; }
#page .loginZone .loginBlock .msg_valid { color:#3A87AD; margin:0 0 10px 0; text-align: center; }
#page .loginZone .loginBlock .msg_info { width:223px; font-size:12px; font-style:italic; }
#page .loginZone .loginBlock ul { display: flex; flex-direction: column; align-items: center; }
#page .loginZone .loginBlock li { margin:0 0 12px 0; }
#page .loginZone .loginBlock li + li:last-child { margin:0 0 20px 0; }
#page .loginZone .loginBlock input { width:212px; }
#page .loginZone .loginBlock select { width:225px; }
#page .loginZone .loginBlock .buttonZone { width:225px; }
#page .loginZone .loginBlock .buttonZone #btn_submit { margin-top: 25px; }
#page .loginZone .loginBlock .msg_welcome { text-align: center;  padding: 10px 0; margin-block-end:12px; display:block; color: #434343; font-size: 18px; line-height: 22px;}
#page .loginZone .loginBlock .msg_welcome strong { font-weight: bold; }
#page .loginZone .loginBlock .loadingZone { width: 100%; margin-bottom:20px; margin-top: 20px; text-align: center; }
#page .loginZone .loginBlock .loadingZone .loader { background:url(../img/loader.gif) no-repeat center center; height: 60px; text-indent: -999999px; }
#page .loginZone .loginBlock .lnk_forgotPass,
#page .loginZone .loginBlock .lnk_firstConnection,
#page .loginZone .loginBlock .lnk_forgotPassBtn,
#page .loginZone .loginBlock .lnk_backLoginPass { text-decoration: underline; font-size: 12px; float: left; line-height: 24px; cursor: pointer; color: #434343;}
#page .loginZone .loginBlock .lnk_forgotPass { float: right; }
#page .loginZone .loginBlock button.btn {
  border:1px solid var(--btn-border);
  color:var(--btn-color);
  font-family:Arial, Helvetica, sans-serif; border-radius:3px; font-size:12px; padding:3px 20px; cursor:pointer;
  background-color: var(--btn-bg-color);
  background-image: var(--btn-bg-image);
  background-repeat: repeat-x;
  border-color: var(--btn-border-color);
  text-shadow: 0 -1px 0 var(--btn-text-shadow);
  width: 100%;
  height: 36px;
}

#page .barZone .loginBar .loginBlock button:hover {
  border:1px solid #275c7a;
  background: #6ca4cc; /* Old browsers */
  background: -moz-linear-gradient(top,  #6ca4cc 0%, #5b8cad 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca4cc), color-stop(99%,#5b8cad)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #6ca4cc 0%,#5b8cad 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #6ca4cc 0%,#5b8cad 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #6ca4cc 0%,#5b8cad 99%); /* IE10+ */
  background: linear-gradient(top,  #6ca4cc 0%,#5b8cad 99%); /* W3C */
}
#page .loginZone .loginBlock .logoOrchestraZone { background:url(../img/logo_orchestra.png) no-repeat scroll center center #333232; width: 100%; height: 30px; padding: 0 27px; margin: 35px 0 0 -27px; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

/*SSO*/

#page .loginZone .loginBlock .lnk_forgotPass, #page .loginZone .loginBlock .lnk_firstConnection { float: revert; }
#formSSO { position: relative; border-top: 1px solid #E4E4E4; background-color: #FAFAFA;display: flex; flex-direction: column; align-items: center; padding: 32px 16px 16px ;   }
#formSSO .sso_section { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-size: 12px; text-transform: uppercase; border: 1px solid #E4E4E4; background-color: #F8F8F8; padding: 8px; border-radius: 50%;}
#logonForm { padding: 16px 16px 32px; }
#langForm { margin-block-end: 20px; }
#langForm .lang { display: flex; align-items: center; gap: 8px; max-width: 160px; margin: 0 auto; }
.btn-lnk { display: flex; align-items: center; justify-content: space-between; }
.login-container { border: 1px solid #E4E4E4; }

.sso-default-button { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: bold; border-radius: 10px; padding: 4px 10px; border:1px solid black; background-color: white; cursor: pointer; height: 36px;}
.sso-default-button + .sso-default-button { margin-block-start: 12px; }
.sso-default-button .btn-logo { display: flex; align-items: center; background-color: #FAFAFA; padding: 6px; border-radius: 50%; }
#page .loginZone .loginBlock .lnk_backLoginPass { display: block; text-align: center; float: revert; margin-block-end: 8px }
#page .loginZone .loginBlock .lnk_backLoginPass.hidden { display: none; }
#validatedPasswordUpdateForm { display: flex; flex-direction: column; align-items: center; padding: 16px; }


#page .loginZone .loginBlock #validateBtn { margin-bottom: 14px; }
#page .loginZone .loginBlock #validateBtn #btn_send { margin-bottom: 8px; }
#page .loginZone .loginBlock #validateBtn button { font-size: 14px; border-radius: 10px; padding: 8px 10px; }
#page .loginZone .loginBlock #validateBtn #btn-sso-orx { min-width: 100%; justify-content: center; font-size: 14px; border-radius: 10px; padding: 8px 4px; max-width: 225px; }
#page .loginZone .loginBlock #validateBtn #btn-sso-orx .btn-logo { padding: 0; }
#page .loginZone .loginBlock #validateBtn #btn-sso-orx #img-sso-orx { width: 20px; height: 20px; }
#page .loginZone .loginBlock #validateBtn #btn-sso-orx .changeLabel { font-weight: normal; }