@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,100);

html {
  min-height: 100%;
}

body {
  background: #F1F4F9;
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.btn {
  border-radius: 2px;
}

/** Auth views **/
body.auth > .logo {
  width: 390px;
  margin: 30px auto;
}

body.auth > .content {
  width: 400px;
  margin: 30px auto;
  background-color: #485a6a;
  padding: 10px 30px 30px 30px;
  border-radius: 8px;
}

body.auth ul.errorlist {
  margin: 5px 0 15px 0;
  padding: 10px;
  list-style: none;
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  border-radius: 3px;
}

body.auth ul.errorlist li {
  padding: 0;
}

body.auth > .content > h1 {
  text-align: center;
  color: #f2f6f9;
  margin: 10px 0 20px 0;
}

/** Page Header **/
.page-header.navbar {
  width: 100%;
  padding: 0 20px 0 20px;
  margin: 0;
  border: 0;
  height: 65px;
  min-height: 65px;
  background: #fff;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 0px 2px 2px rgba(0, 0, 0, 0.098), 0px 0px 5px 1px rgba(0, 0, 0, 0.084);
}

.page-header-logo {
  height: 65px;
  float: left;
}

.page-header-logo > h1 {
  font-size: 20px;
  line-height: 65px;
  padding: 0;
  margin: 0;
}

.page-header-top-right {
  height: 65px;
  float: right;
}

.page-header-menu .navbar-nav > li > a {
    line-height: 41px;
    padding-bottom: 12px;
    padding-top: 12px;
    color: #65a4da;
}

.page-header-menu .navbar-nav > li > a:hover {
    background: #f5f7fa;
}

.page-header-menu .navbar-nav > li.active > a {
    border-bottom: 3px solid #5C9ACF;
    background: #f2f6f9;
    padding-bottom: 12px;
}

.page-header-menu .navbar-nav > li.username {
    line-height: 41px;
    padding-bottom: 12px;
    padding-top: 12px;
    margin-right: 8px;
}

.page-header-menu .dropdown.dropdown-user {
    margin-left: 15px;
}

.page-header-menu .dropdown.dropdown-user > a i {
  font-size: 16px;
  margin-right: 3px;
  top: 2px;
  background: #5c9acf;
  padding: 7px;
  border-radius: 50%;
  color: #fff;
}

.page-header-menu .dropdown.dropdown-user .dropdown-menu {
  background: #697882;
  border: 0;
  padding: 0;
  width: 170px;
}

.page-header-menu .dropdown.dropdown-user .dropdown-menu > li a {
  color: #d4dadf;
  padding: 7px 20px 7px 11px;
}

.page-header-menu .dropdown.dropdown-user .dropdown-menu > li a:hover {
  background: #82919a;
}

.page-header-menu .dropdown.dropdown-user .dropdown-menu > li a i {
  margin-right: 5px;
}

.page-header-menu .dropdown.dropdown-user .dropdown-menu > li.divider {
  margin: 4px 0;
  background-color: #82919a;
}

/** Page Container **/
.page-container {
    margin: 0;
    padding: 20px 35px 0 35px;
    position: relative;
}

.page-container:before, .page-container:after {
    content: " ";
    display: table;
}

.page-container:after {
    clear: both;
}

.page-header-fixed .page-container {
    margin-top: 75px;
}

/** Portlet - General **/
.portlet {
  background-color: #fff;
  margin-bottom: 18px;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
}

.portlet > .portlet-header {
  padding: 15px 20px;
}

.portlet > .portlet-header.portlet-header-blue {
  background: #12AFCB;
  color: #fff;
}

.portlet > .portlet-header.portlet-header-green {
  background: #22BAA0;
  color: #fff;
}

.portlet > .portlet-header > h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
}

.portlet > .portlet-header > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  color: #666;
  padding: 10px 0;
}

.portlet > .portlet-header > .caption > .subject {
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.portlet > .portlet-header > .caption > .body-stats {
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 13px;
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}

.portlet > .portlet-header > .actions {
  float: right;
  display: inline-block;
  padding: 6px 0 14px 0;
}

.portlet > .portlet-header > .actions > .btn,
.portlet > .portlet-header > .actions > .btn.btn-sm,
.portlet > .portlet-header > .actions > .btn-group > .btn,
.portlet > .portlet-header > .actions > .btn-group > .btn.btn-sm {
  padding: 3px 13px;
  font-size: 13px;
  line-height: 17px;
}

.portlet > .portlet-header > .actions > .btn > i,
.portlet > .portlet-header > .actions > .btn.btn-sm > i,
.portlet > .portlet-header > .actions > .btn-group > .btn > i,
.portlet > .portlet-header > .actions > .btn-group > .btn.btn-sm > i {
  font-size: 13px;
  top: 1px;
  font-weight: 800;
  margin: 0 2px 0 0;
}


.portlet > .portlet-header > .actions > .nav.nav-tabs {
  margin: 0 15px 0 0;
  border: 0;
  background: none;
  display: inline-block;
  float: left;
}

.portlet > .portlet-header > .actions > .nav.nav-tabs > li {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.portlet > .portlet-header > .actions > .nav.nav-tabs > li > a {
  background: none;
  margin: 0;
  border: 0;
  font-size: 13px;
  color: #666;
  padding: 5px 13px 11px 13px;
}

.portlet > .portlet-header > .actions > .nav.nav-tabs > li.active {
  border-bottom: 4px solid #697882;
  position: relative;
}

.portlet > .portlet-header > .actions > .nav.nav-tabs > li:hover:not(.active) {
  border-bottom: 4px solid #9eadb7;
  position: relative;
}

.portlet > .portlet-body {
  clear: both;
  padding: 12px 20px 15px 20px;
}

.portlet > .portlet-body > .alert {
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0;
}

.portlet > .portlet-body > .missing-data > .action {
  clear: both;
}

.portlet .portlet-footer {
  background: #f6f8fa;
  padding: 5px 20px;
  font-size: 10px;
  color: #a0a2a3;
  box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.09);
}


/* Record markup */
.task-data .fact {
  padding: 3px 0;
  font-size: 14px;
  border-bottom: 1px solid #eff1f3;
}

.task-data .fact:last-child {
  border-bottom: none;
}

.task-data .fact > .fact-name {
  font-weight: 600;
}

.task-data .fact > .fact-value > .value-unknown {
  color: #b6b8b9;
}

.task-data .fact > .fact-value > .value-differs {
  color: #b94b4b;
}

.task-data .stored-task-run {
  margin-bottom: 20px;
}

/* */
.candidate-match {
  margin-bottom: 20px;
}

.candidate-matches label {
  display: block;
  font-weight: normal;
  cursor: pointer;
  padding: 10px 15px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 0px 1px 1px rgba(0, 0, 0, 0.098), 0px 0px 1px 1px rgba(0, 0, 0, 0.084);
}


.candidate-matches input {
  display: none;
}

.candidate-matches input[type="radio"]:checked + label {
  background: #cdefd9;
}

.candidate-matches input[type="radio"]:not(:checked) + label:hover {
  background: #f2f2f2;
}

input.other-input {
  margin-top: 5px;
}

/* Sticky footer */
body.sticky-footer {
  margin-bottom: 60px;
}

body.sticky-footer > footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f2f2f2;
  line-height: 60px;
  text-align: right;
  border-top: 1px solid #ccc;
}

body.sticky-footer > footer form {
  display: inline-block;
}

.form-horizontal .control-label {
  padding-top: 14px;
}

table#results {
  background: #fffffe
  font-size: 10px;
}

div#match_results {
  padding: 10px;
}

table#results td, table#results th, table.fixedHeader-floating th {
  font-size: 12px;
  padding: 4px;
  margin: 10px;
}

table.fixedHeader-floating {
  position: fixed;
}