/*
 * Cora main stylesheet
 *
 * @author Cora Team
 * @copyright Credit Data CRB Ltd
 * @year 2018
 */
/*
 * Variables for CORA LESS styles
 *
 * All common variables for the less files MUST be defined in this file
 * and referenced in the appropriate stylesheet file
 */
/*
 * CORA login page stylesheet
 */
:root {
    --cora-primary: hsl(108, 44%, 49%);
}

body.login {
  background: #7CBD35;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYlWPI3RXyP3dXyP/cncHPUNgwDBVjQFGEJonMZ8CQRDcdymfAKoHFKagmEm01XoVkWU20ZwhaTUSAAwBqTvMFAIRH6wAAAABJRU5ErkJggg==) repeat;
  background-size: 4rem;
}

#crb-login {
  background-image: linear-gradient(to bottom, #fff 0, #f5f5f5 70%, #f3f3f3 100%);
  background: #fff;
  width: 400px;
  margin: 50px auto;
  padding: 25px;
  border: 1px solid #25252570;
  border-radius: 1.5rem;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px
}

#crb-login .login-actions {
    padding:0.4rem 0;
}

#crb-login .login-actions .Forgotten-password {
    padding: 1rem 0;
}

#crb-login input[type=submit] {
    width: 100%;
    padding:1rem;
    border-radius: 0.8rem;
    background-color: var(--cora-primary);
}

#crb-login .copright-footer {
    padding: 0 0 2rem 0;
}

#crb-login div[role=alert] {
    border-radius: 0.8rem;
    padding: 1rem;
    margin: 1rem 0;
    text-align: center;
}

#crb-login div[role=alert].error {
    background-color: #f2dede;
    color: #a94442;
    border: solid 1px #ebccd1;
}

#crb-login div[role=alert] button.close {
    display: none;
}

#crb-login a {
    text-decoration: none !important;
}

#crb-login .app-name {
  color: #7CBD35;
}
#crb-login a,
#crb-login a:visited,
#crb-login a:active {
  text-decoration: underline;
}
#crb-login input[type=password],
#crb-login input[type=text] {
  border-color: #89ca42;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0.8rem;
  min-height:4rem;
  background-color:  hsl(0, 0%, 98%);
}
.highlight {
  text-shadow: 0px -1px 0px rgba(232, 222, 232, 0.83367), 1px 1px 0px rgba(238, 238, 239, 0.6314);
}
.btn.login {
  background: #F5F5F5;
  color: #444;
  border: 1px solid #ddd;
}
.login.message {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/*** Shortcuts thing **/
.shortcuts-panel {
  display: block;
  padding: 10px 0;
  margin: 0;
}
.shortcuts-panel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.shortcuts-panel ul > li {
  display: inline-block;
  margin: 3px;
}
.shortcuts-panel ul > li > a {
  background-color: #fafcfb;
  display: block;
  padding: 6px 12px;
  font-size: 1em;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
  border: 1px solid rgba(100, 110, 106, 0.71);
  color: #788fab;
}
.shortcuts-panel ul > li > a,
.shortcuts-panel ul > li > a:active,
.shortcuts-panel ul > li > a:visited,
.shortcuts-panel ul > li > a:focus {
  text-decoration: none;
}
.shortcuts-panel ul > li > a:hover {
  background-color: rgba(243, 243, 243, 0.91);
}
.shortcuts-panel ul > li > a:focus {
  color: #fff;
  background-color: rgba(100, 181, 62, 0.81);
}
.shortcuts-panel ul > li > a > span {
  font-size: 1.1em;
}
/**
 * Styling for enquiries forms
 *
 */
.individualEnquiries.form {
  padding: 0;
}
.individualEnquiries.form .form-group {
  display: block;
  clear: both;
  border-bottom: 1px solid rgba(230, 230, 230, 0.25);
  padding: 10px 0;
}
.individualEnquiries.form .form-group label {
  width: 196px!important;
  float: left;
  display: inline-block;
  line-height: 16px;
  font-size: 1em;
}
.individualEnquiries.form .form-group input,
.individualEnquiries.form .form-group select,
.individualEnquiries.form .form-group textarea,
.individualEnquiries.form .form-group .form-control {
  display: inline-block;
  width: auto;
  min-width: 250px;
  border-radius: 0!important;
  -moz-border-radius: 0!important;
}
.individualEnquiries.form .section-title {
  display: block;
  clear: both;
  margin: 0 -15px 0 -15px;
  padding: 7px 15px;
  background: #eeeeee;
}
.clients.reports .report-row {
  float: left;
  border: 1px solid #ccc;
  margin-left: 10px;
  margin-top: 10px;
  min-width: 400px;
  max-width: 430px;
  width: 100%;
  height: 150px;
  padding: 5px;
}
.clients.reports .report-row .download a {
  display: inline-block;
}
.clients.reports .report-row.unread {
  background-color: #EFEFEF;
}
.clients.reports .report-row li {
  list-style: none;
  padding: 2px;
  display: block;
}
a:hover,
a:active {
  color: #7CBD35;
}
.cora-header {
  padding: 5px 15px;
  margin-bottom: 5px;
  background-color: #7CBD35;
}
.cora-header .app-title {
  color: #F2F5F1;
}
.cora-header .name {
  text-shadow: -1px -1px 0px rgba(198, 218, 200, 0.423), 1px 1px 0px rgba(100, 100, 100, 0.45);
}
.cora-header .name.muted {
  color: #486d1f;
}
.cora-header .version {
  font-size: 0.76em;
  color: #F2F5F1;
}
.cora-header .support-nav li {
  padding: 7px;
}
.cora-header .support-nav li > a {
  color: #F2F5F1;
  padding: 3px;
}
.cora-header .support-nav li > a:hover,
.cora-header .support-nav li > a:active,
.cora-header .support-nav li > a:visited,
.cora-header .support-nav li > a:focus {
  background-color: #3b5919;
}
.cora-header .support-nav li.dropdown .dropdown-menu li {
  padding: 0px 5px;
}
.cora-header .support-nav li.dropdown .dropdown-menu li a {
  color: #000000;
}
.cora-header .support-nav li.dropdown .dropdown-menu li a:hover,
.cora-header .support-nav li.dropdown .dropdown-menu li a:active,
.cora-header .support-nav li.dropdown .dropdown-menu li a:focus {
  color: #F2F5F1;
  background-color: #7CBD35;
}
#cora-navigation {
  background-color: #5DB546;
}
#cora-navigation .brand {
  color: #20300b;
}
#cora-navigation li {
  padding: 7px;
}
#cora-navigation li > a {
  color: #F2F5F1;
  padding: 3px;
}
#cora-navigation li > a:hover,
#cora-navigation li > a:active,
#cora-navigation li > a:visited,
#cora-navigation li > a:focus {
  background-color: #3b5919;
}
#cora-navigation li.dropdown .dropdown-menu li {
  padding: 0px 5px;
}
#cora-navigation li.dropdown .dropdown-menu li a {
  color: #000000;
}
#cora-navigation li.dropdown .dropdown-menu li a:hover,
#cora-navigation li.dropdown .dropdown-menu li a:active,
#cora-navigation li.dropdown .dropdown-menu li a:focus {
  color: #F2F5F1;
  background-color: #7CBD35;
}
input.file-input {
  padding: 0;
}
input.file-input.form-control {
  border: none;
}