.navbar-header{margin-bottom:-0px;}
.navbar.navbar-inverse
{
padding-top:0px!important;
margin-top:-20px;

z-index: 1!important;
}
.container-fluid>.navbar-header {
  margin-left:0 !important;
}
html, body {
  position: relative!important;
  height: 100%;
}
body {
 
  
  font-size: 14px;
  
  margin: 0!important;
  padding: 0!important;
}
.uoc_navbar_correct {
padding:0!important;

}

.center {
border: 5px solid #FFFF00;
display: flex;
justify-content: center;
}

.numeric 
{
    background-color: #f1f1f1;
    color: black;
}
#uoc_top_strip {
    background-color: black;
    height: 50px;
    width: 100%;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #1a6ecc!important;

}
* {
  font-size:15px;
  font-family: "Segoe UI","Source Sans Pro","Calibri","Candara","Arial","sans-serif";
}
.next 
{
    background-color: #4CAF50;
    color: white;
}
html, body {
  position: relative;
  height: 100%;
}
.round 
{
    border-radius: 50%;
} 
  
.auto
  {
    margin-top: 40px;
  }
  
.auto:checked ~ .rotate
  {
    animation: rotate-clockwise 6s steps(21) infinite;
  }

@keyframes rotate-clockwise 
  {  
    0% {background-position: 0 0; } 
    100% {background-position: -672px 0; } 

  }

  .titlepage 
  {
    position: relative;
    font-size: 9.4rem;
    top: 33%;
    opacity: 0;
    color: #000000;
    animation-name: fadeIn;
    animation-delay: 0.2s;
    animation-duration: 3s;
    animation-fill-mode: forwards;
  }

  @keyframes fadeIn 
  {
    from 
    {
      opacity: 0;
    }
    to 
    {
      opacity: 1;
    }
  }





.marginit 
{
  margin: 5px!important;
}

.padme 
  {
    margin-left:5px!important;
    margin-right:5px!important;
  }
.inventoryform
  {
    margin-top: 30px!important;
    margin-left: 30px!important;
    margin-right: 30px!important;
  }

#myInput 
  {
    width: 100%; 
    font-size: 16px; 
    padding: 12px 20px 12px 40px; 
    border: 1px solid #ddd; 
    margin-bottom: 12px; 
  }



.panel-heading .accordion-toggle:after 
  {
      font: normal normal normal 15px/2 FontAwesome;
      content: "\f054";
      float: right;        
      color: white;        
      transform: rotate(90deg) ;
      transition: all linear 0.25s;
  }


.panel-heading .accordion-toggle.collapsed:after 
  {
      transform: rotate(0deg) ;
  }

.panel 
  {
    margin-bottom:5px!important;
  }

.leftmargin
  {
  
    float:right!important;
  }

.endofinput 
  {
    float:right!important;
    margin-top:2em;
    margin-left:5em;
    position: absolute ;
    top: 1;
    right: 1;
    width: 8.4em;
  }
.alignright
{
  position:right!important;
}
.smmargin
  {
    margin-left: 0.5em!important;
    
  }
  .xsmargin
  {
    margin-left: 0.2em!important;
    
  }


.popover{
    max-width: 75%!important;
  
}
.popover-content {
  
  font-size: 12px!important;
}
.smmargin2
  {
    margin-left:1.9em!important;
  }

.table tr 
{
  cursor: pointer !important;
}

.hiddenRow 
{
  padding: 0 4px !important;
  background-color: #eeeeee!important;
  font-size: 13px;
}

.reducetopmargin
{
  margin:auto!important;

}

.reducetopmargin2
{
  margin-top: -1.5em!important;
}
  
.alignment2
{
  margin-left:10px;
}

.collapse-row.collapsed + tr 
{
  display: none;
}

.zindexfix 
{
  z-index: 0;
}
.table tr {
  cursor: pointer !important;
}
.hiddenRow {
  padding: 0 4px !important;
  background-color: #eeeeee;
  font-size: 13px;
}

.floatright {
  float:right;
  margin-right:5px;
  margin-left:10px;
  border-radius:5px;
  max-width: 350px;
  max-height: 350px;
  min-width:150px;
  min-height:150px;
}

.rounded5
{
  border-radius:5px!important;
}
.rounded3
{
  border-radius:3px!important;
}
#icon
{
  margin-top:-10px;
  margin-left:-7px;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.4em 30px;
  font-size: 1em;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

@media only screen and (min-width: 800px)
{
	.thumbnails{
		z-index:999;
		float:right;
		display:block;
	}

	.stalls {
		width:75%;
	}
}
@media only screen and (max-width: 799px)
{
	.thumbnails {
		visibility:hidden!important;
		display:none!important;
		
	}
	.stalls {
	width:100%;
	}
}

@media only screen and (min-width: 1100px) and (max-width:1450px)
{
	.thumbnails{
		z-index:999;
		float:right;
		display:block;
	}
	.stalls {
	width:65%;
	}
	
}