/**
 * ShinyProxy
 *
 * Copyright (C) 2016-2020 Open Analytics
 *
 * ===========================================================================
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the Apache License as published by
 * The Apache Software Foundation, either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * Apache License for more details.
 *
 * You should have received a copy of the Apache License
 * along with this program.  If not, see <http://www.apache.org/licenses/>
 */
body > div { padding-top: 10px; }
body > div#navbar { padding-top: 0px; }
body {
	/*padding: 1rem 0;*/
	background: #f9f9fb;
	font-family: "Source Sans Pro";
}

#navbar + div { padding-top: 50px; }
#navbar + iframe { padding-top: 50px; }

#applist {
	margin-top: 10px;
	padding-top: 50px;
}

#new-version-banner {
	margin: 70px 20px 20px 20px;
	padding-top: 15px !important;
}

#new-version-banner[style*='display: block'] + #applist {
	margin-top: 10px;
	padding-top: 0px;
}

@media screen and (max-width: 768px) {
	#navbar + div { padding-top: 150px; }
	#navbar + iframe { padding-top: 150px; }
	#applist {
		padding-top: 150px;
	}
 	#new-version-banner {
		margin-top: 150px;
 	}
}

@media screen and (max-width: 360px) {
    #navbar + div { padding-top: 200px; }
    #navbar + iframe { padding-top: 200px; }
	#applist {
		padding-top: 10px;
	}
 	#new-version-banner {
		margin-top: 200px;
 	}
}

#shinyframe {
  border: none;
  display: block;
}

#admin {
	margin-left: 10px;
}

#admin th, td {
	padding: 5px;
}

#error {
	padding-left: 15px;
}

.loading {
	display: none;
	position: fixed;
	top: 150px;
	width: 100%;
	z-index: 9999;
}

.loading-txt {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 24px;
}

#new-version-btn {
	margin-left: 20px;

}

.btn-primary {
	color: #353962;
	font-weight: bold;
	background-color: #0000;
	border-color: #0000;
	box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.blobs {
  filter: url("#goo");
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes blob-left-top-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(-65px, 0);
  }
  62% {
    transform: scale(0.7) translate(-65px, -65px);
  }
  94% {
    transform: scale(1.1) translate(0, 0);
  }
}

@keyframes blob-left-top-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(-65px, 0);
  }
  62% {
    transform: scale(0.7) translate(-65px, -65px);
  }
  94% {
    transform: scale(1.1) translate(0, 0);
  }
}
@-webkit-keyframes blob-right-top-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(65px, 0);
  }
  64% {
    transform: scale(0.7) translate(65px, -65px);
  }
  96% {
    transform: scale(1.1) translate(0, 0);
  }
}
@keyframes blob-right-top-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(65px, 0);
  }
  64% {
    transform: scale(0.7) translate(65px, -65px);
  }
  96% {
    transform: scale(1.1) translate(0, 0);
  }
}
@-webkit-keyframes blob-left-bottom-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(-65px, 0);
  }
  66% {
    transform: scale(0.7) translate(-65px, 65px);
  }
  98% {
    transform: scale(1.1) translate(0, 0);
  }
}
@keyframes blob-left-bottom-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(-65px, 0);
  }
  66% {
    transform: scale(0.7) translate(-65px, 65px);
  }
  98% {
    transform: scale(1.1) translate(0, 0);
  }
}
@-webkit-keyframes blob-right-bottom-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(65px, 0);
  }
  68% {
    transform: scale(0.7) translate(65px, 65px);
  }
  100% {
    transform: scale(1.1) translate(0, 0);
  }
}
@keyframes blob-right-bottom-anim {
  0% {
    transform: scale(1.1) translate(0, 0);
  }
  33% {
    transform: scale(0.9) translate(65px, 0);
  }
  68% {
    transform: scale(0.7) translate(65px, 65px);
  }
  100% {
    transform: scale(1.1) translate(0, 0);
  }
}
.blob {
  position: absolute;
  background: #AD6AD5;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-top: 10px;
  margin-left: -25px;
  -webkit-animation: blob-left-top-anim cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
          animation: blob-left-top-anim cubic-bezier(0.77, 0, 0.175, 1) 4s infinite;
}
.blob:nth-child(2) {
  -webkit-animation-name: blob-right-top-anim;
          animation-name: blob-right-top-anim;
}
.blob:nth-child(3) {
  -webkit-animation-name: blob-left-bottom-anim;
          animation-name: blob-left-bottom-anim;
}
.blob:nth-child(4) {
  -webkit-animation-name: blob-right-bottom-anim;
          animation-name: blob-right-bottom-anim;
}