/* -- Primary style -- */

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    /* important for the full-width image to work */
    height: 100%;
    font-family:
        "Open Sans",
        Arial,
        Meiryo,
        "Microsoft YaHei",
        sans-serif;
}

:lang(ja) {
    font-family: Meiryo, Arial, "Microsoft YaHei", sans-serif;
}

:lang(zh) {
    font-family: "Microsoft YaHei", Arial, Meiryo, sans-serif;
}

:lang(en),
:lang(fr),
:lang(de),
:lang(es),
:lang(it),
:lang(pt) {
    font-family: Arial, Meiryo, "Microsoft YaHei", sans-serif;
}

/* Other languages (fallback) */
:lang(*) {
    font-family: sans-serif;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

/* -- Background --  */

body {
    background: url("../img/office-blur.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

#hg-container {
    position: relative;
    height: 100%;
}

div.container {
    /*background: rgba(0,0,0,0.5);
	min-height: 100%;*/
}

#banner {
    width: 100%;
    height: 255px;
    background: url("../img/office-banner.jpg") no-repeat;
}

.spacer {
    height: 100px;
}

/* -- /Background -- */

/* -- Cards -- */

.card {
    background-color: rgba(141, 166, 186, .5);
    color: white;
}

/* -- /Cards -- */

/* -- Form -- */

.btn-login {
    background-color: #457ba0;
    color: white;
}

input[type=text],
input[type=password] {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: white;
}

::placeholder {
    color: #ffffff !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

/* -- /Form -- */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Open_Sans/static/OpenSans-Regular.ttf') format('ttf'),
}