.spinner {
  --spinner-size: 5;
  --line-color: #0ebeff;
  --line-alpha: 1;
  --ring-color: #000000;
  --ring-alpha: .3;
  --ring-size: 10;

  font-size: calc(var(--spinner-size) * 1em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.spinner .line {
  fill: none;
  stroke: var(--line-color);
  stroke-width: var(--ring-size);
  opacity: var(--line-alpha);
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate3d(0, 0, 1, 0deg);
  animation:
    2156ms spinner-arc ease-in-out infinite,
    1829ms spinner-rotate linear infinite;
}
.spinner .ring {
  fill: none;
  stroke: var(--ring-color);
  stroke-width: var(--ring-size);
  opacity: var(--ring-alpha);
}
@keyframes spinner-rotate {
  to { transform: rotate3d(0, 0, 1, 360deg); }
}
@keyframes spinner-arc {
  from { stroke-dasharray: 0 150; stroke-dashoffset: 0; }
  to { stroke-dasharray: 100 150; stroke-dashoffset: -140; }
}

/* spinner motion based on https://codepen.io/supah/pen/BjYLdW */

.loader{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #eceaea;
  background-image: url('https://staging.logic-assets.reference-tool.com/c9277273-0946-40e9-9c5d-21fec802dd99/images/ajax-loader.gif');
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.scroll-loader {
  position: relative;
  width: 100%;
  height: 50px;
  background-image: url('https://staging.logic-assets.reference-tool.com/c9277273-0946-40e9-9c5d-21fec802dd99/images/ajax-loader.gif');
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10000000;
}

#map {
  height: 50%;
  max-height: 50%;
}

.projectimage-wrapper.project-image {
  width: 100%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  height: 100px;
}

.projectimage-wrapper.project-image.image-container {
  text-align: center;
  padding: 10px 20px;
}

.projectImagesPreview {
    max-width: 90%;
    max-height: 233px;
    padding-bottom: 15px;
}

#hiddenpictures img {
    filter: grayscale(0.9);
}

#hiddenpictures img:hover {
    filter: grayscale(0);

}

.pagination {
  color: #5db1f9;
}

.pagination ul {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.pagination li {
  border: 1px solid white;
  margin: 0 5px;
  transition: 0.3s;
}

.pagination li.active {
  background: white;
}

.pagination li a {
  color: #aaaaaa;
  padding: 7px 16px;
  display: inline-block;
}

.pagination li.active, .pagination li:hover {
  background: #0880e8;
  border: 1px solid #0880e8;
}

.pagination li.active a, .pagination li:hover a {
  color: #fff;
}

.pagination li.disabled {
  background: #fff;
  border: 1px solid white;
}

.pagination li.disabled i {
  color: #f1f1f1;
  padding: 10px 16px;
  display: inline-block;
}

.error{
	color: #dc3545 !important;
}

.selectbox{width: 100%;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 30px!important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px!important;
    user-select: none;
    -webkit-user-select: none;
	border: 1px solid #aaa;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.hover-shadow:hover {
    box-shadow: 5px 5px 5px 5px #aaaaaa;
}

iframe {
	width: 100%;
}

#losys_projectbox_body, #losys_project_listing, #iFrameResultContainer, #results {
    background-color: transparent;
}

@media screen and (min-width: 568px) {
    .modal-dialog {
        max-width: min(85%, 1000px)
    }
}