@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);


/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
/*height: 320px;*/  
/*margin: auto;*/
  max-width: 97%;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
.table-fill th {
    background: #1b1e24 none repeat scroll 0 0;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    color: #d5dde5;
    font-size: 18px;
    font-weight: 100;
    padding: 16px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.table-fill th:first-child {
  border-top-left-radius:3px;
}
 
.table-fill th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-fill tr {
  border-top: 1px solid #C1C3D1;
  border-bottom : 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.table-fill tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
.table-fill tr:first-child {
  border-top:none;
}

.table-fill tr:last-child {
  border-bottom:none;
}
 
.table-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.table-fill tr:nth-child(odd):hover td {
  background:#4E5066;
}

.table-fill tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.table-fill td {
    background: #ffffff none repeat scroll 0 0;
    border-right: 1px solid #c1c3d1;
    font-size: 16px;
    font-weight: 300;
    padding: 10px;
    text-align: left;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.table-fill td:last-child {
  border-right: 0px;
}

.table-fill th.text-left {
  text-align: left;
}

.table-fill th.text-center {
  text-align: center;
}

.table-fill th.text-right {
  text-align: right;
}

.table-fill td.text-left {
  text-align: left;
}

.table-fill td.text-center {
  text-align: center;
}

.table-fill td.text-right {
  text-align: right;
}

.form-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
/*height: 320px;*/  
/*margin: auto;*/
  max-width: 97%;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
.form-fill th {
    background: #1b1e24 none repeat scroll 0 0;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    color: #d5dde5;
    font-size: 18px;
    font-weight: 100;
    padding: 16px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.form-fill th:first-child {
  border-top-left-radius:3px;
}
 
.form-fill th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.form-fill tr {

  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.form-fill tr:hover td {
 /* background:#4E5066;*/
  /*color:#FFFFFF;*/
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
.form-fill tr:first-child {
  border-top:none;
}

.form-fill tr:last-child {
  border-bottom:none;
}
 
.form-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.form-fill tr:nth-child(odd):hover td {
  /*background:#4E5066;*/
}

.form-fill tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.form-fill tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.form-fill td {
    background: #ffffff none repeat scroll 0 0;
    
    font-size: 16px;
    font-weight: 300;
    padding: 10px;
    text-align: left;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.form-fill td:last-child {
  border-right: 0px;
}

.form-fill th.text-left {
  text-align: left;
}

.form-fill th.text-center {
  text-align: center;
}

.form-fill th.text-right {
  text-align: right;
}

.form-fill td.text-left {
  text-align: left;
}

.form-fill td.text-center {
  text-align: center;
}

.form-fill td.text-right {
  text-align: right;
}