@charset "utf-8";

#testMode {
  position: fixed;
  top: 0; left: 0;
  z-index: 5000;
}

#testModeButton {
	padding: 0 2px;	
}

#testMode button {
}

#testMode button.ok {
	background-color: green;
	border-color: green;
}
#testMode button.error {
	background-color: red;
	border-color: red;
}

#testMode form {
	padding-left: 15px;
}

#testModeContent {
	background-color: orange;
	border-color: red;
}

#testMode .glyphicon {
	color: #0F0F0F ;
    vertical-align: text-top;
}

/* debug bootstrap screen size https://getbootstrap.com/docs/3.3/css/ */
#debug-bt {text-transform: uppercase; color: white; font-size: 80%; }
#debug-bt .bt-sm, #debug-bt .bt-md, #debug-bt .bt-lg {display: none}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */                    
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { #debug-bt .bt-sm {display:inline;} #debug-bt .bt-xs {display:none;} }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { #debug-bt .bt-md {display:inline;} #debug-bt .bt-sm {display:none;} }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { #debug-bt .bt-lg {display:inline;} #debug-bt .bt-md {display:none;} }