@import url('vendor/choices.css');
html {
  height: 100%;
}
body {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
body.login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  text-align: center;
  height: 100%;
}
body.login .form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
body.login .form-signin .checkbox {
  font-weight: 400;
}
body.login .form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
body.login .form-signin .form-control:focus {
  z-index: 2;
}
body.login .form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body.login .form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body .invoice-line {
  /*element.style {
            color: black;
            * font-weight: bold; *
            background: #d9d9d9;
            padding: 5px;
            border-radius: 5px;
        }*/
}
body .invoice-line input[type=text].form-control {
  color: black;
}
body .invoice-line .budget-swatch {
  position: relative;
  padding-left: 15px;
}
body .invoice-line .budget-swatch:before {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  left: 0;
  top: 2px;
  bottom: 2px;
  border-radius: 2px;
}
body .invoice-line .budget-swatch input {
  margin-left: 0;
}
body .invoice-line .budget-swatch.budget-swatch-actual:before {
  background: #cce5ff;
  border: 1px solid #b8daff;
}
body .invoice-line .budget-swatch.budget-swatch-rounded:before {
  background-color: #d4edda;
  border-color: #c3e6cb;
}
body .invoice-line .budget-swatch.budget-swatch-budgeted:before {
  background-color: #fff3cd;
  border-color: #ffeeba;
}
body .invoice-line .budget-swatch.budget-swatch-other:before {
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
body .invoice-line small.action-links {
  display: block;
  text-transform: uppercase;
  font-family: Calibri;
  margin-top: 8px;
  /*max-height: 0;
            overflow-y: hidden;*/
}
body .invoice-line small.action-links a {
  color: #9c9c9c;
  /*&.active {

                }*/
}
body .invoice-line:hover small {
  /*transition-property: all;
            transition-duration: .5s;
            transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
  /*transition: all ease-in-out 200ms;*/
  max-height: 100%;
}
body .invoice-line:hover small a {
  color: #000000 !important;
}
body .table .tr {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
}
body .table .td {
  padding: 10px 5px;
}
body .table .th {
  font-weight: bold;
}
body .invoice-table .tr .td.handle {
  cursor: move;
}
body .invoice-table .tr .td:nth-child(1),
body .invoice-table .tr .th:nth-child(1) {
  width: 20px;
}
body .invoice-table .tr .td:nth-child(2),
body .invoice-table .tr .th:nth-child(2) {
  width: 100%;
}
body .invoice-table .tr .td:nth-child(3),
body .invoice-table .tr .th:nth-child(3) {
  width: 10%;
}
body .invoice-table .tr .td:nth-child(4),
body .invoice-table .tr .th:nth-child(4) {
  width: 10%;
}
body .invoice-table .tr .td:nth-child(5),
body .invoice-table .tr .th:nth-child(5) {
  width: 10%;
}
.ghost {
  opacity: 0.8 !important;
}