/* Reset Styles */
html {
  width: 100%;
  height: 100%;
}

body {
  background-color: #EFEFEF;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 12px;
  font-family: Arial, Sans-serif; 
  margin: 0;
  padding: 0;
  width: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

h5 {
  font-size: 12px;
  margin-bottom: 15px;
  margin-top: 6px;
}

/* --------- Form Layout --------- */
#divContent {
  cursor: default;
  text-align: center;
  width: 100%;
}

.login-row {
  margin: 0 auto;
  width: 260px;
}

.login-field {
  display: block;
  margin-bottom: 12px;
}
.login-field:last-child {
  margin-bottom: 0;
}

.login-label, .login-input {
  display: inline-block;
}

.login-label {
  min-width: 70px;
  text-align: right;
}

.login-input {
  text-align: left;
  width: 160px;
}

/* --------- Form Elements --------- */
.login-container {
  background-color: #EFEFEF;
  border-radius: 5px;
  border: 1px solid #C2C5C5;
  margin: 35px auto 0 auto;
  margin-top: 35px;
  max-width: 400px;
  text-align: center; 
}
.login-container button {
  background: #36a41e url(../vueworks-custom/images/ui-bg_highlight-soft_65_36a41e_1x100.png) 50% 50% repeat-x;
  border-color: #287916;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 11px;
  margin-right: .1em;
  overflow: visible;
  padding: .4em 1em;
  position: relative;
  width: 100%;
}
.login-container label {
  font-weight: normal;
  margin-bottom: 4px;
}
.login-container .login-remember {
  padding: 0;
}
.login-container input:focus {
  background-color: rgba(32, 170, 226, 0.2);
}
.login-container input[type="text"], .login-container input[type="password"], .login-container select {
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  padding: 0.2em 0.2em 0.2em 2px;
  width: 100%;
}
.login-container input[type="text"]:invalid, .login-container input[type="password"]:invalid, .login-container select:invalid {
  border: solid 1px #ff0000;
  box-shadow: none;
}

.login-img img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

/* --------- VUEWorks Sections --------- */
.login-info {
  color: #717171;
  padding: 15px 0;
}
.login-info li {
  padding-bottom: 3px;
}
.login-info li:last-child {
  padding-bottom: 0;
}

.login-copywrite {
  color: #717171;
  font-size: 10px;
  padding: 30px 0 15px 0;
}

/* --------- Status Classes --------- */
.emphasize {
  font-size: 15px;
  font-weight: bold;
}

.alert-danger {
  background: none;
  border: none;
  color: #ff0000;
  margin-top: 15px;
}
.alert-danger p {
  font-size: 11px;
}

.external-box {clear:both; margin:15px 0 0 0; width:100%; padding:0 20px; box-sizing:border-box;}
.external-box H3{margin:10px 0; font-size:16px;}
.external-box .btn-holder{display: flex; justify-content:center; flex-wrap:wrap; margin:0; list-style:none; clear:both; width:100%; padding:10px;}
.external-box .btn-holder LI{padding:5px;}
.external-box .btn-link{display:inline-block; padding:5px 8px; border:1px solid #287916; border-radius:4px; background: linear-gradient(180deg, #73c063, #36a41e); color:#fff; text-decoration:none;}
.external-box .btn-link:hover{background: linear-gradient(0deg, #73c063, #287916); color:#fff; text-decoration:none;}