@import url(//fonts.googleapis.com/css?family=PT+Sans:400,400italic,700);

/*************
 * General
 */

* {
  font-family: "PT Sans", sans-serif;
}

html, body {
  background: #fff;
  color: #474747;
  line-height: 1.5;
  font-size: 16px;
}

header.header .container-fluid a,
header.header .container-fluid .header-text {
  display: none;
}

header.header nav {
  display: none;
  z-index: 1;
}

footer.footer {
  display: none;
}

div.portal {
  padding-bottom: 10px;
  padding-top: 10px;
}

.main-flexer {
  background-color: #ffffff;
}

.main-heading {
  border: 0;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 2em;
}

.card-icon {
  color: #ffffff;
  background-color: #912e27;
  background-size: 100%;
}

.card {
  background: #f8f7f4;
  border-top: 2px solid #912e27;
  border-bottom: 1px solid #bfbbaf;
  border-radius: 0;
}

.card:link, .card:visited {
  color: #474747;
}

.message-modal-body,
.prompt-modal-body,
.session_security_modal {
  flex: 0 0 500px;
  max-width: 95%;
  background-color: #00b7ee;
  color: white;
  text-align: center;
  margin: 100px auto auto;
  padding: 35px 35px 20px;
}
.card:hover, .card:active {
  color: #a1332b;
  box-shadow: 0 0 5px 0 rgba(7,40,68,.25);
}

/*************
 * Navigation
 */

.left-content {
  display: none;
  background-color: #912e27;
}

.left-content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #bfbbaf;
  margin: 1em 0;
  padding: 0;
}

.menu-item-link:link, .menu-item-link:visited {
  color: white;
}
.menu-item-link:hover, .menu-item-link:active {
  color: #bfbbaf;
}

.menu .menu-item:first-child .menu-item-icon {
  background-image: url('//portal.coredata.is/static/img/gildi/lanakjor.png');
}

.menu .menu-item:nth-child(2) .menu-item-icon {
  background-image: url('//portal.coredata.is/static/img/gildi/stefnur.png');
}

.menu-item-icon {
  background-image: none;
}

.user-menu {
  background: #912e27;
}

.user-menu-item {
  display: none;
}

.user-menu-item.logout {
  display: block;
}

.user-menu-item.logout {
  border-top: none;
}

.user-menu-username {
  color: #912e27;
}
.user-menu-icon {
  background-color: #912e27;
}

.user-menu-item-link:hover {
  background: #3b9e93;
}

.menu-item.active {
  background: #3b9e93;
}

.login-lock,
.login-heading {
  color: #912e27;
}

/*************
 * Popups
 */

.message-modal-body,
.session_security_modal {
  background-color: #f8f7f4;
  border: 1px solid #bfbbaf;
  border-top: 3px solid #912e27;
  color: #474747;
}

.prompt-modal-input-group:first-child {
  border-color: #bfbbaf;
}
.prompt-modal-input {
  border: 1px solid #d4d4d4;
}
.prompt-modal-input:focus {
  box-shadow: #aaa 0 0 5px 2px;
  outline: none;
}

.message-modal-digit {
  color: #912e27;
}

/*************
 * Forms
 */


fieldset {
  margin: 0 0 10px;
  padding: 10px 0 0;
}
fieldset:last-child {
  border-top: none;
}
legend {
  width: auto;
  padding: 0 10px 0 0;
}

.form-control, .paperform textarea.form-control, .paperform input.form-control {
  border: 1px solid #d4d4d4;
  border-radius: 0;
}
.form-control:focus {
  outline: none;
  box-shadow: #aaa 0 0 5px 1px;
}

.paperform textarea.form-control {
  height: 100px;
}

.paperform textarea.form-control:focus,
.paperform textarea.form-control.valid {
  margin-top: 0;
  padding-top: 25px;
}

.paperform textarea.form-control + label {
  left: 1px;
  width: calc(100% - 2px);
}
.paperform textarea.form-control + label > span {
  top: -53px;
}

.paperform textarea.form-control:focus + label > span,
.paperform textarea.form-control.valid + label > span {
  top: -56px;
}

.form-check ~ label:before,
.js input.form-file ~ label {
  border-color: #912e27;
  color: #912e27;
}
.form-check ~ label:hover:before,
.js input.form-file ~ label:hover {
  border-color: #a1332b;
  color: #a1332b;
}

.form-check:not(.form-error) ~ label:before {
  border-color: #912e27;
}

input.form-check:focus ~ label::before,
.js input.form-file:focus ~ label {
  outline: none;
  box-shadow: #aaa 0 0 5px 2px;
}

/*************
 * Buttons
 */

 .button.button-main, .sign-button, .sign-button.sign-button-cancel {
  color: white;
  background-color: #912e27;
  border: none;
  border-radius: 0;
}

.button.button-main:focus, .sign-button:focus {
  outline: none;
  box-shadow: #aaa 0 0 5px 2px;
}

.button.button-main:hover, .sign-button:hover, .sign-button.sign-button-cancel:hover {
  background-color: #a1332b;
  color: white;
}
.sign-button:before, .sign-button.sign-button-cancel:before {
  background: #912e27;
}
.sign-button:hover:before, .sign-button.sign-button-cancel:hover:before {
  background: #a1332b;
}

/*************
 * Confirmation page
 */

.sign-message {
  color: #912e27;
}
.sign-message:before {
  background: #912e27;
}