﻿/* Add here all your css styles (customizations) */
/*------------------------------------
  Boxed layout
------------------------------------*/
.g-layout-boxed,
.g-layout-semiboxed {
  background-color: #f7f7f7; }

.u-outer-space-v1 .g-layout-boxed::after,
.u-outer-space-v2 .g-layout-boxed::after,
.u-outer-space-v1 .g-layout-semiboxed::after,
.u-outer-space-v2 .g-layout-semiboxed::after {
  border-bottom-color: #f7f7f7; }

.g-layout-boxed main,
.g-layout-semiboxed main {
  position: relative;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

@media (max-width: 992px) {
  .u-searchform-mobile {
    position: static !important;
    box-shadow: none;
    width: auto;
    left: auto;
    right: auto;
    top: auto;
    width: 100%; }
  .js-header-fix-moment .u-searchform-mobile {
    display: none !important; } }

@media (min-width: 1200px) {
  .g-layout-boxed main {
    width: 1140px; } }

@media (min-width: 1400px) {
  .g-layout-semiboxed main {
    width: 1340px; } }

@media (min-width: 768px) {
  .u-outer-space-v1 {
    margin: 20px; } }

@media (min-width: 768px) {
  .u-outer-space-v2 {
    margin: 40px; } }

.g-bg-custom-green {
  background-color: #5e8ca0 !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.75rem; }

.h2, h2 {
  font-size: 1.525rem;
  font-weight: bold; }

.content p img {
  margin: 0 10px; }

.bg-abstract {
  background-image: url("../../../content/assets/img/bg/mirrored-squares.html"); }

.fa-pull-right, .pull-right, .fa-pull-right li, .pull-right li, .loginbar li {
  list-style-type: none; }

.loginbar {
  margin-top: 8px;
  margin-left: 15px; }

.u-link-v5 .fa-angle-right {
  display: block;
  float: left;
  margin: 4px 0 6px 8px; }

.img-responsive.full-width {
  width: 100%; }

.input-validation-error,
.input-validation-error:focus {
  border-color: #e64b3b !important; }

.field-validation-error {
  color: #e64b3b !important; }

.validation-summary-errors {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin: 0 0 0.75rem 0 !important;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.validation-summary-errors ul {
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none; }

.dropdown-menu {
  padding: 15px;
  border-radius: 0; }

.user-logged:hover {
  text-decoration: none; }

.block-wrap > .row {
  margin-bottom: 20px; }

.block-wrap > .row .image {
  text-align: center;
  min-height: 75px; }

.block-wrap > .row .image > img {
  margin: 15px; }

.block-wrap div[class^="col-"] > div {
  border: 1px solid #ddd; }

.block-wrap .link {
  background-color: #eee;
  padding: 2px 0; }

@media screen and (min-width: 992px) {
  .min-height-article {
    min-height: 280px; }
  .masonry-grid-item > article {
    height: 100%; } }

.highlighted {
  font-weight: bold;
  background: #F0F0F0; }

.table-striped tbody td {
  padding: 0.25rem 0.75rem; }

/* loader for jobs list loading - copied from stengl*/
.ajax-preloader {
  display: block;
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  height: 100px;
  margin: 15px 0; }

@keyframes lds-rolling {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

.lds-rolling {
  position: relative;
  display: inline-block; }

.lds-rolling div, .lds-rolling div:after {
  position: absolute;
  width: 90px;
  height: 90px;
  border: 10px solid #213769;
  border-top-color: transparent;
  border-radius: 50%; }

.lds-rolling div {
  animation: lds-rolling 1s linear infinite;
  top: 100px;
  left: 100px; }

.lds-rolling div:after {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.lds-rolling {
  width: 100px !important;
  height: 100px !important;
  -ms-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
  transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px); }

.hidden {
  display: none; }

.dropdown-menu li {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.alert > ul {
  margin-bottom: 0; }

.alert .fa {
  margin-right: 3px; }

ul.ui-autocomplete {
  position: absolute;
  z-index: 100;
  background: white;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.09), -2px 2px 3px rgba(0, 0, 0, 0.09);
  border-radius: 0 0 0.25rem 0.25rem !important;
  text-align: left;
  list-style: none;
  padding-left: 0; }
  ul.ui-autocomplete li {
    margin: 1em;
    cursor: pointer; }
    ul.ui-autocomplete li .text {
      color: #ff8b34; }
    ul.ui-autocomplete li .category {
      color: lightgray; }
    ul.ui-autocomplete li .annotation {
      color: #555;
      word-wrap: normal; }
    ul.ui-autocomplete li.ui-state-focus {
      background-color: #ff8b34; }
      ul.ui-autocomplete li.ui-state-focus .text {
        color: white; }
      
.alert-success {
    background-color: #0b9444;
    border-color: #008000;
    border-width: 2px;
    color: #fff;
    font-size: 1.5rem;
    padding: 1.5rem 1.25rem;
}
