/* layout */
.system-name {
    color: #1B3469;
    text-align:center;
    font-size: 25px;   
    /*font-family: 'Sakkal Majalla';*/    
    margin-top: 5%
}

/* Amend the width of the display container */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 80%;
}

.center{
    text-align:center;
}

.welcome {
    color: #682A2A;
    text-decoration:underline
}

img.logo{   
   margin-top:0px;  
   margin-left: 10%;    
}

img.info{   
   width:15px;  
   height:15px;    
}

img.menu_img{   
   margin-top:0px;  
   /*margin-left: 10%;  
   width: auto;
   height: 100px;*/
}

menu {
    text-align:right;
    
}

body {
}

.green-status {
    color: #009900;
    font-weight:bold;
}

.red-status {
    color: #f00;
    font-weight:bold;
}

.purple-status {
    color: #900ef6;
    font-weight:bold;
}

.blue-status {
    color: #086aa3;
    font-weight:bold;
}

.grey-status {
    color: #808080;
    font-weight:bold;
}

.orange-status {
    color: #EC6022;
    font-weight:bold;
}

.grey-light-background {
    background-color: #fafafa;
}

.blue-background {
    background-color: #c5e9fe;
}

.orange-background {
    background-color: #fba681;
}

.orange-lighter-background {
    background-color: #ffd9aa;
}

.padding {
    padding: 10px;
}

.green-light-background {
    background-color: #cce6cc;
    padding:6px;
}

.green-lighter-background {
    background-color: #e9fce9;
    padding:6px;
}

.blue-lighter-background {
    background-color: #adc7dd;
    padding:6px;
}

.purple-light-background {
    background-color: #eddefa;
    padding: 10px;
}

.purple-text {
    color: #900ef6;
    font-weight: bold;
}

.grey-lighter-background {
    background-color: #dcdcdc;
    padding:6px;
}

.blue-text {
    color: #086aa3;
    
}

.green-text {
    color: #009900;
    font-weight:bold;
}

.green-border {
    border:3px solid #009900;
    padding:3px;
}

.light-table-green-border {
    border:2px solid #009900;
    padding:5px;
}

.light-green-border {
    border:2px solid #009900;
    padding:10px;
}

.orange-text {
    color: #EC6022;
    font-weight:bold;
}

.orange-border {
    border:3px solid #EC6022;
    padding:10px;
}

.grey-text {
    color: #808080;
    font-weight:bold;
}

.grey-text-lighter {
    color: #808080;
    font-weight:lighter;
    text-align:center;
}

.grey-border {
    border:3px solid #808080;
    padding:10px;
}

.nested-grey-border {
    border:2px solid #808080;
    padding:5px;
}

.red-text {
    color: #f00;    
    font-weight:bold;    
}

.red-box {
    border:3px solid #f00;    
    font-weight:bold;      
    padding:6px;  
   

}

.grey-und-text {
    color: #808080;    
    font-weight:bold; 
    text-decoration:underline   
}

.nested-orange-border {
    border:2px solid #EC6022;
    padding:5px;
}

.vertical-Line-left {
    border-left: thin solid #000000;
    padding: 5px;
}

.vertical-Line-right {
    border-right: 3px solid #000000;
    padding: 15px;
}

.left-pad-basic {
    padding-left:7px;
}

.left-pad-additional {
    padding-left:20px;
    font-size:smaller;
}

.smaller-text {
    font-size: x-small;
    font-weight: bold;
}

.bold-text {    
    font-weight: bold;
}

.larger-text {
    font-size: x-large;
    font-weight: bold;
}

.llarger-text {
    font-size: large;
    font-weight: bold;
}

.col1 {
    width: 6%;
}

.col2 {
    width: 15%;
}

.col3 {
    width: 2%;
}

input[type="submit"].dashboard{
  width: 200px;
  height: 100px;
  color: #A83A3F;
  text-align: center;
  font-size: 22px; 
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e4e4e4;
  *background-color: #e4e4e4;
  background-image: #e4e4e4;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #e4e4e4);
  background-image: -o-linear-gradient(top, #e4e4e4, #e4e4e4);
  background-image: linear-gradient(to bottom, #e4e4e4, #e4e4e4);
  background-repeat: repeat-x;
  border-color: #e4e4e4 #e4e4e4 #e4e4e4;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


#hover-content {
    display:none;
}
#hover-parent:hover #hover-content {
    display:block;
}