/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/roboto-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v27-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/**
 * Body CSS
 */

html,
body {
  min-height: 100%;
  padding:0;
  margin:0;
/*  background-color: #E9E9E9;*/
}

* {
  font-family: Roboto;
}

h1, h2, h3, h4, h5 {
  font-weight: 400;
}

html,
body,
input,
textarea,
button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}


/**
 * Header CSS
 */

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

header ul.mui-list--inline {
  margin-bottom: 0;
}

/**
 * Content CSS
 */

#content-wrapper {
  /*min-height: 100%;*/

  /* sticky footer */
  box-sizing: border-box;
  margin-bottom: -100px;
  padding-bottom: 100px;
}


/**
 * Footer CSS
 */

footer {
  margin-top:45px;
  box-sizing: border-box;
  height: 100px;
  background-color: #eee;
  border-top: 1px solid #e0e0e0;
  padding-top: 35px;
}

footer a {
  color:#555555;
  text-decoration:none;
}

footer a:hover {
  text-decoration:underline;
}


.mui-error {
  border-color:#F44336 !important;
}

.mui-error-text {
  text-align:left;
}

.mui-nav-style {

}

.mui--appbar-underheight {
  background-color:transparent !important;
}

/* --------------------------- */

.mui-appbar {
    background-color: #888888;
    color: white;
    font-size: 16px;

}
.mui--appbar-height{
    color: white;
    vertical-align: middle;
}

.mui--appbar-underheight{
    background-color: #f3f3f3;
    height: 5px;

}


tr {
    vertical-align: middle;
}

.mui-btn--primary{
    text-decoration:none;
}

a {
    color: white;
    font-size: 16px;
}

.mui-textfield input:focus {
    border-bottom: 2px solid #3C5F03;
}

.mui--text-title{
    color: white;
}
.mui-list--inline, .mui--text-body2{
    color: white;
}

.logo-container{
    margin-top:0;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
}

.logo-container .mui-container {

}

.logo-left{
    height:50px;
    width:auto;
}
.logo-center{
    height:50px;
    width:auto;
}
.logo-right{
  height:50px;
  width:auto;
}

.bottombutton {
  position:relative;
  padding-bottom:10px;
}

.bottombutton a.bottom {
  left: 0; 
  right: 0;
  margin-left: 15px; 
  margin-right: 15px; 
  display:block; 
  position:absolute; 
  bottom:10px;
}

.bottomsplit-left {
  bottom:55px !important;
}

.bottomsplit-right {

}

.sigCanvas {
  width:100%;
  height:300px;
}