body {
  font-size: 0.8rem;
  min-width: 320px;
}

header {
  background-color: #DDDDDD;
}
footer {
  background-color: #e3e3e3;
}

h1 {
  font-size: 1.7em;
  line-height: 2em;
}

h2 {
  font-size: 1.3em;
  line-height: 1.5em;
}

h3 {
  font-size: 1.2em;
  line-height: 1.4em;
  margin-top: 8px;
}

h4 {
  font-size: 1.1em;
  line-height: 1.3em;
}

h5 {
  font-size: 1.05em;
  line-height: 1.25em;
}

@media (min-width: 576px) {
  /* sm */
  header .logo {
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  /* md */
  header .logo {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  /* lg */
  header .logo {
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  /* xl */
  header .logo {
    margin-top: 5px;
  }
}

.list {
  list-style: outside none none;
}

.list-element-number {
  position: relative;
}

.list-element-number:before {
  position: absolute;
  left:15px;
  top: -5px;
  display: inline-block;
  font-size:25px;
  font-weight: bold;
}
.list-element-first:before {
  content:"1.";
}
.list-element-second:before {
  content:"2.";
}
.list-element-third:before {
  content:"3.";
}
.list-element-ok {
  background: rgba(0, 0, 0, 0) url(../pix/ok.png) no-repeat scroll;
}

.list-element-attention {
  background: rgba(0, 0, 0, 0) url(../pix/attention.png) no-repeat scroll;
}

.list-element-question {
  background: rgba(0, 0, 0, 0) url(../pix/questionmark.png) no-repeat scroll;
}

.btn-primary {
  background-color: #009A4D;
  border-color: #009A4D;
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: #DDD;
  border-color: #DDD;
}

.btn-primary:hover, .btn-primary.hover,
.btn-primary:active, .btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
  background-color: #006A2D;
  border-color: #006A2D;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 106, 54, 0.5);
}

.icon {
  width: 15px;
}
.icon-big {
  width:25px;
}

.edit-details .form-control {
  margin-top: 5px;
}

.loader {
  display: inline-block;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #AAA;
  border-bottom: 10px solid #AAA;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

input.ng-invalid.ng-touched {
  border-color: #dc3545;
}

input.ng-valid.ng-touched {
  border-color: #28a745;
}

select.invalid {
  border-color: #dc3545;
}

select.valid {
  border-color: #28a745;
}

textarea.invalid {
  border-color: #dc3545;
}

textarea.valid {
  border-color: #28a745;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.img-grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.text-smaller {
  font-size: smaller;
}