/*
 * Licensed to Jasig2 under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("/images/Montserrat-Medium-c8b6e083af3f94009801989c3739425e.ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("/images/Montserrat-Regular-ee6539921d713482b8ccd4d0d23961bb.ttf");
}
@font-face {
  font-family: "OpenSans-Regular";
  src: url("/images/OpenSans-Regular-3ed9575dcc488c3e3a5bd66620bdf5a4.ttf");
}
body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 0px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 0px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/* general page */
body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.4em;
}

#cas {
  background: #eee;
}
#cas .flc-screenNavigator-view-container {
  width: 95%;
  margin: 0 auto;
}
#cas .flc-screenNavigator-view-container #header,
#cas .flc-screenNavigator-view-container #content {
  background: #fff;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 1, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 1, 0);
}
#cas .flc-screenNavigator-view-container #content {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

@media only screen and (max-width: 960px) {
  #cas .flc-screenNavigator-view-container {
    width: 100%;
  }
  #cas .flc-screenNavigator-view-container #content {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

/* header JM */
#cas #header {
  margin: 0 auto;
  padding-top: 10px;
  max-width: 640px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
#cas #header #company-name {
  height: 35px;
  text-indent: -999em;
  background: url(/images/logo-1cce74ad56cd7221ae5b9691bd423fa4.png) no-repeat;
  background-size: contain;
  margin: 0px 0px 0px 40px;
}
.accesskey {
  text-decoration: none;
}
/*Edited by JM*/
#cas #header #app-name {
  display: none;
  background: #fff;
  color: white;
  padding: 1.4em 1.4em;
  font-size: 2em;
  font-weight: normal;
  content: "test";
}
#copyright p {
  display: none;
}

#content #fm1:after {
  content: "WARNING\AThis is a PCCW Global restricted system and shall only be used for authorized PCCW Global business purposes. Access to and usage of this system is restricted to those persons who have been explicitly authorized to do so by an approved representative of PCCW Global. It shall only be used in the manner authorized and intended by an approved representative of PCCW Global. The ability to use or access this system or its resources does not constitute authorization to do so.\A\A All usage of this system and its resources is subject to monitoring. No person has the right, either implied or explicit, to expect privacy of communications, data or activities held on, transmitted or performed on this system. Confidentiality will be maintained in that dissemination of any information will be restricted on a need-to-know basis.\A\A Continuation of the log-in process signifies your understanding and acceptance of these conditions, as well as your agreement to abide by all relevant policies, standards and procedures which are currently in force within PCCW Global. Information on relevant policies, standards and procedures can be found on the PCCW Global Intranet.";
  white-space: pre-wrap;
  padding-top: 0px;
  padding-top: 50px;
  float: right;
  font-family: OpenSans-Regular;
  color: #16263F;
  font-size: 9pt;
}
#footer:before {
  content: url("/images/hkt-41db1dbb10006bb5a52ad887d6f0b611.png");
  float: left;
  height: 40px;
}
#footer:after {
  content: url("/images/pccw_hkt-3bf87d1ad3bc14837b319fe91eadde2f.png");
  float: right;
  height: 40px;
}

/* #fm1 h2 {
  color: transparent;
  display: inline-block;
  white-space: pre-wrap;
  max-width: 410px;
  color: #666;
  font-size: 12px;
  padding-bottom: 45px;
  padding-top: 20px;
} */

/* #fm1 h2:after {
  content: "For security reasons, please logout and exit your web browser when you are done accessing services that require authentication!";
  white-space: pre-wrap;
  display: inline-block;
  max-width: 410px;
  color: #666;
  font-size: 12px;
  padding-bottom: 45px;
  padding-top: 20px;
} */

/* jm end*/
/* content */
#cas #content {
  padding: 20px;
  overflow: hidden;
  margin: 0 auto;
  max-width: 640px;
}
#cas #content #fm1 #msg,
#cas #content #msg {
  margin-bottom: 10px;
  padding: 5px;
}
#cas #content #fm1 #msg h2,
#cas #content #msg h2 {
  margin-bottom: 0.5em;
  font-size: 20px;
}
#cas #content #fm1 #msg.errors,
#cas #content #msg.errors {
  background-color: #fff;
  color: #bb0000;
  margin-left: 0px;
  position: absolute;
  margin-right: 40px;
  top: 65px;
  background-color: rgb(255, 238, 221);
  /* display: none; */
}
#cas #content #fm1 #msg.success,
#cas #content #msg.success {
  background: url(/images/logout-3d2399dcb5cba1e5cdadf128f8aa0a8a.jpg);
  background-size: cover;
  padding-left: 40px;
  max-width: 600px;
  padding-top: 40px;
  height: 300px;
  font-size: 12px;
  margin-right: 0px;
}
#cas #content #fm1 #msg.success2,
#cas #content #msg.success2 {
  font-size: 16px;
  background-color: rgb(221, 255, 170);
  font-family: "Times New Roman", Times, serif;
  display: block;
  position: absolute;
  left: 5px;
  width: 100%;
  right: 5px;
}
#cas #content #fm1 #msg.success,
#cas #content #msg.success h2 {
  /* display: none; */
  font-size: 16pt;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: Montserrat-Regular;
  padding-right: 20px;
  display: inline-block;
  color: #FFFFFF;
  padding-bottom: 25px;
}
#cas #content #msg.success h2 span{
  font-family: Montserrat-Medium;
  color: #22FFBB;
}
#cas #content #fm1 #msg.success2,
#cas #content #msg.success2 p {
  margin: 0 0 10px;
  color: #000;
}

#cas #content #msg.success p {
  max-width: 400px;
  margin: 0 0 10px;
  color: #FFFFFF;
  font-family: Montserrat-Regular;
  font-size:11pt;
}

#cas #content #fm1 #msg.info {
  border: 1px dotted #008;
  color: #008;
  padding-left: 100px;
  background: url(/images/info-e275f4b468319f15a80e953d923da039.gif) no-repeat 20px center;
}
#cas #content #fm1 #login {
  width: 100%;
  margin-right: 20px;
  height: 300px;
}
#cas #content #fm1 {
  background: url(/images/login-3d2399dcb5cba1e5cdadf128f8aa0a8a.jpg);
  background-size: conver;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 90px;
  max-width: 640px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#cas #content #fm1 h2 {
  font-size: 16pt;
  font-weight: normal;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Montserrat-Regular;
  /* padding-right: 20px; */
  display: inline-block;
  color: #FFFFFF;
  padding-bottom: 25px;
  padding-top: 20px;
}
#cas #content #fm1 h2 span  {
  color: #22FFBB;
  font-family: Montserrat-Medium;
}

#cas #content #fm1 .row,
#cas #content #fm2 .row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 20px;
}
#cas #content #fm1 .row .fl-label {
  display: block;
  color: #22FFBB;
  text-transform: uppercase;
  font-family: Montserrat-Regular;
  margin-bottom:3px;
  margin-left: 10px;
  font-size: 10pt;
}
#cas #content #login #fm2 {
  background: url(/images/login-3d2399dcb5cba1e5cdadf128f8aa0a8a.jpg);
  background-repeat: no-repeat;
  padding-top: 100px;
  max-width: 600px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  margin-right: 0px;
  height: 300px;
  font-size: 12px;
}
#cas #content #login #fm2 .row .btn-submit {
  margin-top: 10px;
}
#cas #content #login #fm3 {
  background: url(/images/login-3d2399dcb5cba1e5cdadf128f8aa0a8a.jpg);
  background-repeat: no-repeat;
  background-size: 100% 400px;
  max-width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  margin-right: 0px;
  height: 400px;
  font-size: 12px;
  padding-top: 30px;
}
#cas #content #login #fm3 .row .btn-submit {
  margin-top: 10px;
}
label[for="username"] {
  display: none;
}

#cas #content #fm1 .row input[type="text"],
#cas #content #fm1 .row input[type="password"] {
  width: 267px;
  background: url(/images/input_bg-7cb65fa41fff85043206d2ae35a65de3.png) no-repeat;
  border-width: 0px;
  height:25px;
  padding-left:12px;
  padding-right:12px;
  caret-color: #F0F0F0;
}
input:-internal-autofill-selected{
  border-radius: 15px;
}
#cas #content #fm1 .row input:focus {
  border-width: 0px;
  outline: none;
}
#cas #content #fm1 .row.check {
  margin-top: -8px;
  color: #666;
  font-size: 12px;
  display:none;
}

#content #fm1 .row.btn-row {
  padding-bottom: 0px;
  margin-top: 0px;
}

#cas #content #fm1 .row .btn-submit,
#cas #content #fm1 .row .btn-reset {
  width:95px;
  height:25px;
  background: url(/images/btn_bg-8a921f8d246db843442fdc083ce4a3dc.png) no-repeat;
  border-width: 0px;
  color: #FFFFFF;
  font-family: Montserrat-Regular;
  font-size:10pt;
}

#cas #content #fm1 .row .btn-submit:hover,
#cas #content #fm1 .row .btn-reset:hover {
  cursor: pointer;
}
#cas #content #sidebar {
  width: auto;
  display: none;
}
#cas #content #sidebar .sidebar-content {
  padding-left: 20px;
}
#cas #content #sidebar .sidebar-content p {
  margin-bottom: 1.4em;
}
#cas #content #sidebar .sidebar-content #list-languages ul {
  list-style: none;
}
#cas #content #sidebar .sidebar-content #list-languages ul li {
  display: inline-block;
  padding: 0px 10px;
  border-right: 1px solid #e2e2e2;
}
#cas #content #sidebar .sidebar-content #list-languages ul li:last-child {
  border: 0;
  line-height: 1.4em;
}
.forgotdiv {
  display: inline;
  font-size: 10px;
  color: #666;
  padding-left: 5px;
}
.forgotpwd {
  color: #22FFBB;
  font-size:8pt;
  font-family: Montserrat-Regular;
}
.required {
  background-color: #fff;
}

/* footer */
#cas #footer {
  padding: 20px;
  background-color: #fff;
  margin: 0 auto;
  padding-top: 10px;
  max-width: 640px;
  height: 70px;
  display:none;
}

/* < 660 */
@media only screen and (max-width: 799px) {
  #cas #footer {
  }
}

/* < 699 */
@media only screen and (max-width: 399px) {
  #cas #header #app-name {
    font-size: 1em;
  }

  #cas #content #fm1 {
    background: url(/images/login-3d2399dcb5cba1e5cdadf128f8aa0a8a.jpg);
    max-width: 650px;
    background-repeat: no-repeat;
    padding-top: 20px;
  }
  #content #fm1:after {
    padding-top: 0px;
  }
  #cas #content #msg.success p {
    max-width: 300px;
  }
  /* #fm1 h2 {
    font-size: 1px;
  } */

  /* #fm1 h2:after {
    content: "";
  } */

  /* #fm1 h2:before {
    content: "For security reasons, please logout and exit your web browser when you are done accessing services that require authentication!";
    white-space: pre-wrap;
    display: inline-block;
    max-width: 400px;
    min-width: 300px;
    color: #666;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 5px;
  } */

  #content #fm1:after {
    content: "WARNING\AThis is a PCCW Global restricted system and shall only be used for authorized PCCW Global business purposes. Access to and usage of this system is restricted to those persons who have been explicitly authorized to do so by an approved representative of PCCW Global. It shall only be used in the manner authorized and intended by an approved representative of PCCW Global. The ability to use or access this system or its resources does not constitute authorization to do so.\A\A All usage of this system and its resources is subject to monitoring. No person has the right, either implied or explicit, to expect privacy of communications, data or activities held on, transmitted or performed on this system. Confidentiality will be maintained in that dissemination of any information will be restricted on a need-to-know basis.\A\A Continuation of the log-in process signifies your understanding and acceptance of these conditions, as well as your agreement to abide by all relevant policies, standards and procedures which are currently in force within PCCW Global. Information on relevant policies, standards and procedures can be found one the PCCW Global Intranet.";
    white-space: pre-wrap;
    padding-top: 50px;
    float: right;
    font-family: "Times New Roman", Times, serif;
    color: #16263F;
    font-size: 11px;
  }
  #cas #content #msg.success {
    background: url(/images/logout2-2fdf125bff6d68b59b35bf8e7a4c9a67.jpg);
    background-size: cover;
    padding-left: 20px;
    max-width: 600px;
    padding-top: 100px;
    height: 250px;
    font-size: 12px;
    margin-right: 0px;
  }

  #cas #content #fm1 #login {
    float: none;
    width: 100%;
  }
  #cas #content #fm1 .row .fl-label {
  }
  #cas #content #fm1 .row input[type="text"],
  #cas #content #fm1 .row input[type="password"] {
    width: 180px;
  }
  #cas #content #fm1 .row .btn-submitx {
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
    background: #00498f;
    color: white;
    font-weight: bold;
    width: 290px;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .forgotpwdx {
    margin-top: 20px;
    display: block;
    text-align: center;
    background-color: #254117;
    color: #ffffff;
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 0;
    width: 250px;
    padding-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: thin solid #254117;
  }
  .forgotdiv {
    display: inline;
    padding-left: 5px;
    font-size: 10px;
    color: #666;
  }
  #cas #content #fm1 .row .btn-reset {
  }
  #cas #content #sidebar {
    margin-top: 20px;
  }
  #cas #content #sidebar .sidebar-content {
    padding: 0;
  }
}