/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
    body {
    
    }
    /* Default link styling */
    a:link { color:#0271fb;text-decoration: none; }
    a:visited { color:#bd02fb;text-decoration: none; }
    a:hover, a:focus { color:#000;text-decoration: none; }
    a:active { color:#fb0e02;text-decoration: none; }
   
    
    
    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
  html {
    height: 100%;
}
   body {
   font-family: 'Lato', sans-serif;
   background: rgb(1,37,46);
   background: linear-gradient(140deg, rgba(1,37,46,1) 0%, rgba(2,19,23,1) 24%, rgba(29,62,70,1) 100%);
   color: white;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  background-size: contain; 
    }


  #wrapper {
  
  width: 500px;
  background: rgb(1,37,46);
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border: 1px solid rgba(11,115,119,.5);
  border-radius: 5px;
  text-align: center;
  padding: 15px;
  }
  
.logos {
   margin-top: 30px;
   margin-bottom: 1px;

}


.control_logo {

margin-top: -60px;

}

  #wrapper2 {
  
  width: 500px;
  background: rgb(1,37,46);
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  border: 1px solid rgba(11,115,119,.5);
  border-radius: 5px;
  text-align:left;
  padding: 15px;
  position: relative;
  }
  
  .iconimg {
  margin: none;
  padding:none;
  float: right;
  position: relative;
  top:-120px;
  
  }
    
.xraybutton {
    border: 1px solid rgba(11,115,119,.5);
    text-align: center;
    width: 55%;
    padding: 0;
    height: 25px;
    position: relative;
    top: -10px;
    border-radius: 5px;
    padding-top:5px;
    color: rgba(11,115,119,1);
}    
    
.comps {

width:100%;
height: 125px;

position: relative;

}    

.comp1 {

    margin-bottom: 126px;
    position: relative;
    bottom: -60px;


}

.width30 {
	width=30px;
}

.logout {
position: relative;
top: -40px;
float: right;
width:25%


}

.tableset {
width: 100%;
position: relative;
top:-150px;
}

.tableset td {
width: 33%;
}


.pretableset {
width: 100%;
position: relative;
top:-120px;
}





.actionbuttons {
    text-align: center;
    width: 100%;
    padding: 0px;
    height: 40px;
    border-radius: 5px;
    margin-bottom:7px;
    color: white;
    font-weight: 300;
    position: relative;
    
}

.actionbuttons strong {
position: relative;
top: 8px;


}

.greenaction {
background-color: rgba(92,196,136,1);

}
.redaction {
background-color: rgba(196,92,92,1);
}
.orangeaction {
background-color: rgba(196,164,92,1);
}    
    
.just {
text-align: right;

    }
    
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}