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


/*** Table Styles **/

.spbtbl-style {
  border-collapse: collapse !important;
  padding: 5px !important;
  width: auto !important;
}
.spbtbl-style th {
  background: #1b1e24 !important;
  border-right: 1px solid rgba(215, 215, 215, 0.2) !important;
  padding: 10px 15px !important;
  vertical-align: middle !important;
  font-weight:700 !important;
}
.spbtbl-style tr {
  border:0px solid #fff !important;
}
.spbtbl-style th input.text_input, .spbtbl-style th {
  text-align:left !important;
  font-size:15px !important;
  font-weight: 600 !important;
  color:#F5F7F9 !important;
  width:auto !important;
}
.spbtbl-style tr textarea, .spbtbl-style tr {
  color:#666B85 !important;
  font-size:16px !important;
  font-weight:normal !important;

}
.spbtbl-style tr:nth-child(odd) td {
  background:#eee !important;
}

table.spbtbl-style {
  width:auto !important;
  max-width: 100% !important;
}
.spbtbl-wrapper {
  overflow-y: auto !important;
  display: inline-block !important;
  -webkit-overflow-scrolling: touch !important;
  max-width: 100% !important;
}
.spbtbl-style td {
  background:#FFFFFF !important;
  padding:10px 15px !important;
  text-align:left !important;
  vertical-align:middle !important;
  font-weight:400 !important;
  font-size:14px !important;
}
.spbtbl-blockmode {
  display: block !important;
}
.spbtbl-floatmode {
  float: left !important;
}
.spbtbl-inlinemode {
  display: inline-block !important;
}



.spbtbl-fullwidth, .spbtbl-fullwidth table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}


.spbtbl-style.spbtbl-color-purple {
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
}
.spbtbl-style.spbtbl-color-purple th {
  background:#6c7ae0 !important;  
}
.spbtbl-style.spbtbl-color-purple tr:nth-child(odd) td {
  background:#f8f7ff !important;  
}
.spbtbl-style.spbtbl-color-purple tr td,
.spbtbl-style.spbtbl-color-purple tr th {
  border:0px solid #fff !important;
}


.spbtbl-style.spbtbl-color-blue th {
  background:#297fb9 !important;
}
.spbtbl-style.spbtbl-color-blue {
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
}
.spbtbl-style.spbtbl-color-blue tr td,
.spbtbl-style.spbtbl-color-blue tr th {
  border:0px solid #fff !important;
}


.spbtbl-style.spbtbl-color-red th {
  background:#eb6052 !important;
}
.spbtbl-style.spbtbl-color-red {
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
}
.spbtbl-style.spbtbl-color-red tr td,
.spbtbl-style.spbtbl-color-red tr th {
  border:0px solid #fff !important;
}


.spbtbl-style.spbtbl-color-white th, 
.spbtbl-style.spbtbl-color-white tr th textarea {
  background:#fff !important;
  color:#333 !important;
}
.spbtbl-style.spbtbl-color-white {
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
}
.spbtbl-style.spbtbl-color-white tr td, 
.spbtbl-style.spbtbl-color-white tr th {
  border:0px solid #fff !important;

}
.spbtbl-style.spbtbl-color-white tr:nth-child(odd) td {
  background:#fff !important;  
}
.spbtbl-style.spbtbl-color-white tr th {
  background: #fff !important;
  color: #333 !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.09) !important;
}

.spbtbl-style.spbtbl-color-white tr td {
  border-bottom: 1px solid #eee !important;
}


.spbtbl-style.spbtbl-color-dark tr td textarea ,
.spbtbl-style.spbtbl-color-dark tr td,
.spbtbl-style.spbtbl-color-dark tr th {
  border:0px solid #fff !important;
  background: #191919 !important;
  color: #b9b9b9 !important;
}
.spbtbl-style.spbtbl-color-dark tr th {
  background:#000 !important;
  color: #e2e2e2 !important;
}