.embed-container { position: relative; padding-bottom: 100%; height: 0; overflow: auto; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

iframe#gsa_results {
  width: 972px !important;
}

html {
  background: #E3E3E3 none repeat scroll 0 0;
}
html.framed {
  background: transparent none repeat scroll 0 0;
}
body {
  background: transparent none repeat scroll 0 0;
}
.mobile-only {display: none;}

#whitebox-shadow {
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
}
#whitebox.white, #epilogue.white {
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
}
#wrapper {
  background: #f1f1f1 none repeat scroll 0 0;
  min-height: 97%;
}
.shiftbox {
    position: relative;
}
.shiftbox > a {
    position: absolute;
}
.shiftbox > a.btn {
  border-bottom: 1px solid #ccc\9;
  border-left: 1px solid #ccc\9;
  border-top: 1px solid #ccc\9;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  display: inline-block;
  min-width: 156px;
  padding: 0.75em 0.5em;
}

.shiftbox > .ss-placeholder-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.configure-checkbox {
  left: -6px;
  position: absolute;
  top: 10px;
}
button.clear.btn.btn-small {
  margin: 10px;
}
#instructions {
text-align: center;
margin: 0 auto;
max-width: 60%;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tooltip > .tooltip-inner {
		font-size: 13px;
		padding: 1em;
		text-align: center;
		width: 135px;
}

a.btn.btn-primary.ss-active-child.tempsleepytime {
	animation: jiggle 0.2s infinite;
	-webkit-animation: jiggle 0.2s infinite;
	-moz-animation-duration: 0.2s;
	-moz-animation-name: jiggle;
	-moz-animation-iteration-count: infinite;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
}

@keyframes jiggle {
	0% {transform: rotate(-1deg); }
	50% {transform: rotate(1deg);	}
}

@-webkit-keyframes jiggle {
	0% {-webkit-transform: rotate(-1deg);	}
	50% {-webkit-transform: rotate(1deg);	}
}

@-moz-keyframes jiggle {
    0% { -moz-transform: rotate(-1deg);	}
	50% {-moz-transform: rotate(1deg);}
}
.ss-active-child + .tooltip > .tooltip-inner {
		background-color: #444;
		border: 1px solid #444;
		color: #FFFFFF;
}

.ss-active-child + .tooltip.bottom > .tooltip-arrow {
		border-bottom: 5px solid #444;
}
.disabled + .tooltip > .tooltip-inner {
		background-color: #E3BD06;
		background: repeat scroll 0 0 repeating-linear-gradient(45deg,#E3BD06,#E3BD06 10px,#EFCA66 10px,#EFCA66 20px);
		border: 1px solid #E3BD06;
		color: #000;
}
.btn.disabled:hover, .btn[disabled]:hover {
  cursor: not-allowed;
}
/*
.disabled + .tooltip > .tooltip-inner {
		background-color: #E3BD06;
		border: 1px solid #E3BD06;
		color: #000;
}
 */
.disabled + .tooltip.bottom > .tooltip-arrow {
		border-bottom: 5px solid #E3BD06;
}
.btn.btn-primary.green,
.btn.btn-primary.green:hover {
color: rgb(255, 255, 255) !important;
background-color: rgb(30, 107, 82) !important;
background-image: none;
text-shadow: none;
}
.btn.btn-primary.green:hover {
color: rgb(255, 255, 255) !important;
background-color: rgb(15, 88, 66) !important;
}
#footer {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0;
  width: 100%;
}
@media ( min-resolution: 3dppx) {
.shiftbox > a.btn {
  min-width: 60px;
  padding: 0.5em 0.5em;
  width: 120px;
}
}
@media (max-width: 414px) {
.shiftbox > a.btn {
  min-width: 60px;
  padding: 0.5em 0.5em;
  width: 136px;
}
}
@media (max-width: 375px) {
.shiftbox > a.btn {
  min-width: 60px;
  padding: 0.5em 0.5em;
  width: 120px;
}
}
/*
@media (max-width: 320px) {
.shiftbox > a.btn {
  min-width: 60px;
  padding: 0.5em 0.5em;
  width: 90px;
}
}
 */

@media (max-width: 414px) {
.mobile-only {display: inline;}

#dashboard {
  background-image: url("gripper.png");
  background-position: 100% 0;
  background-repeat: repeat-y;
  margin-left: -34px;
}
#html {
  background: #f1f1f1 none repeat scroll 0 0;
}
#wrapper {
  background: transparent none repeat scroll 0 0;
  min-height: 100%;
}
#instructions {
font-size: 85%;
text-align: center;
max-width: 60%;
margin-left:58px;
}

}

@media (max-width: 480px) {
  .nav-collapse, .btn > a, a[role="button"]  {
    -webkit-transform: none;
  }
}
/************************************************************ BEGIN System Report */

a.ss-active-child {
  border-color: rgb(102, 204, 0);
  border-style: none solid none none;
  border-width: 0 10px 0 0;
}

a.disabled{
  border-color: rgb(136, 136, 136);
  border-style: none solid none none;
  border-width: 0 10px 0 0;
}
.framed a.disabled {
  background-color: #bbbbbb;
}
/************************************************************ END System Report */