body {
  font-family: 'Roboto', sans-serif;
  margin-top: 70px;
  min-width: 750px
}

.bs-header {
  background-color: #3c5343;
  border-bottom: 1px solid rgba(226, 226, 226, 0.2);
  font-size: 20px;
  height: 70px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  color: #fff;
  text-align: center;
}

.bs-header a {
  color: #fff;
  line-height: 70px;
}

.bs-header a:hover,
.bs-header a:focus {
  color: #e4b74d;
  text-decoration: none;
}

.logo-container {
  margin-right: 30px;
}

.default-lable{
  display: inline-block;
  color: #e4ba56;
  font-size: 30px;
  line-height: 70px;
}

.experimetns-info {
  margin-left: 25px;
}


.user-data-info {
  margin: 0 25px 0 25px;
}

.user-data-info span {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 70px;
}

.team {
  display: table-cell;
  height: 70px;
  vertical-align: middle
}

.team div {
  width: 260px;
  height: 65px
}

.team-north-img {
  background: url('/images/north_img.png') no-repeat
}

.team-south-img {
  background: url('/images/south_img.png') no-repeat
}

.team-east-img {
  background: url('/images/east_img.png') no-repeat
}

.team-west-img {
  background: url('/images/west_img.png') no-repeat
}

.logo {
  background: url('/images/marpro-head_logo.png') no-repeat;
  background-size: 180px 60px;
  display: block;
  height: 60px;
  margin-top: 5px;
  width: 180px;
}

.wrap {
  background-color: rgba(0, 0, 0, .2);
  border: 1px solid #89c29b;
  border-radius: 4px
}
/* 
.nav-tabs {
  border-bottom: 0;
  margin: 3px
}

.nav-tabs li a {
  background-color: #e4ba56;
  border-top: 1px solid #b68b24;
  border-bottom: 1px solid #b68b24;
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-radius: 0;
  color: #242424;
  line-height: normal;
  padding: 10px 15px;
  margin-right: 1px
}

.nav-tabs li.active a,
.nav-tabs li:hover a,
.nav-tabs li.active a:hover,
.nav-tabs li:hover a:hover,
.nav-tabs li.active a:focus,
.nav-tabs li:hover a:focus {
  color: #fff;
  background-color: #46350d;
  border: 1px solid #7b5b0f
}

.nav-tabs li:first-child a {
  border-left: 1px solid #b68b24;
  border-radius: 3px 0 0 3px
}

.nav-tabs li:first-child.active a {
  border-left: 1px solid #7b5b0f
}

.nav-tabs li:last-child a {
  border-right: 1px solid #b68b24;
  border-radius: 0 3px 3px 0
} */

.btn-default {
  background-color: #e4ba56;
  border: solid 1px #7b5b0f;
  color: #242424
}

.btn-default.btn-save {
  background-image: url('/images/ico-002.png');
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding-left: 30px
}

.btn-default.btn-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis
}

.form-control {
  background-color: #e4ba56;
  border: solid 1px #7b5b0f;
  border-radius: 4px;
  color: #242424
}

.title {
  color: #fff
}

.table {
  border-radius: 4px;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff
}

.table.table-striped tbody tr:hover {
  background-color: #eaff00
}

.table.table-striped tbody tr:last-child td:last-child {
  border-radius: 0 0 4px 0
}

.table.table-striped tbody tr:last-child td:first-child {
  border-radius: 0 0 0 4px
}

.table.table-bordered {
  border: none
}

.table.table-bordered thead tr td {
  border: 3px solid #2e3e33
}

.table.table-bordered thead tr td:first-child {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent
}

.table.table-bordered thead tr td:last-child {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent
}

.table.table-bordered tbody tr td {
  border: 3px solid #2e3e33
}

.table.table-bordered tbody tr td:first-child {
  border-left: 1px solid transparent
}

.table.table-bordered tbody tr td:last-child {
  border-right: 1px solid transparent
}

.table.table-bordered tbody tr:last-child td {
  border-bottom: 0
}

.note {
  border: 1px solid #2f4035;
  border-radius: 4px;
  min-height: 200px;
  padding: 15px
}

.note h3 {
  color: #fff;
  font-weight: 400;
  margin: 0
}

.note .note-save {
  background: url('/images/ico-003.png');
  display: block;
  height: 20px;
  width: 20px
}

.note .form-note.form-control {
  background-color: transparent;
  border: none;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  color: #fff;
  font-weight: 400;
  padding: 6px 0;
  max-width: 100%
}

.team-mark {
  border-radius: 4px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .95), 0 0 3px rgba(0, 0, 0, .35);
  display: block;
  float: left;
  height: 22px;
  margin-right: 10px;
  margin-top: -4px;
  width: 22px
}

.team-mark.esco-team {
  background-color: #17c000
}

.team-mark.pingo-team {
  background-color: #998802
}

.team-mark.kimber-team {
  background-color: #466ac7
}

.team-mark.brambles-team {
  background-color: #b03a7e
}

.wrap-input {
  background-color: #fff
}

.wrap-input h3 {
  margin: 15px 0
}

.table-input {
  font-weight: 700;
  width: 100%
}

.table-input>tbody>tr>td,
.table-input>tbody>tr>th {
  padding: 5px
}

.table-input>thead>tr>td,
.table-input>thead>tr>th {
  padding: 15px;
  text-align: center
}

.table-input.table-gray {
  background-color: #f2f2f2
}

.table-input.table-gray thead {
  background-color: #cbcbcb
}

.table-input.table-gray.table-bordered>tbody>tr>td,
.table-input.table-gray.table-bordered>tbody>tr>th,
.table-input.table-gray.table-bordered>thead>tr>td,
.table-input.table-gray.table-bordered>thead>tr>th {
  border: 1px solid #a9a9a9
}

.table-input.table-gray.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e4e4e4
}

.table-input.table-gray .form-control {
  border: 1px solid #bcbcbc
}

.table-input.table-blue {
  background-color: #d1e4ea
}

.table-input.table-blue thead {
  background-color: #8dcbdb
}

.table-input.table-blue.table-bordered>tbody>tr>td,
.table-input.table-blue.table-bordered>tbody>tr>th,
.table-input.table-blue.table-bordered>thead>tr>td,
.table-input.table-blue.table-bordered>thead>tr>th {
  border: 1px solid #4895a9
}

.table-input.table-blue.table-striped tbody tr:nth-of-type(odd) {
  background-color: #eaf2f5
}

.table-input.table-blue .form-control {
  border: 1px solid #85c1d0;
  color: #257286
}

.table-input.table-blue .form-control:focus {
  color: #000
}

.table-input.table-blue .input-group {
  border: 1px solid #4895a9;
  border-right-width: 0;
  padding: 5px
}

.table-input.table-blue .input-group:last-child {
  border-right-width: 1px
}

.table-input.table-green {
  background-color: #d4e1ba
}

.table-input.table-green thead {
  background-color: #c0d496
}

.table-input.table-green.table-bordered>tbody>tr>td,
.table-input.table-green.table-bordered>tbody>tr>th,
.table-input.table-green.table-bordered>thead>tr>td,
.table-input.table-green.table-bordered>thead>tr>th {
  border: 1px solid #89a354
}

.table-input.table-green.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e6ebdd
}

.table-input.table-green .form-control {
  border: 1px solid #89a354;
  color: #4d651b
}

.table-input.table-green .form-control:focus {
  color: #000
}

.table-input .form-control {
  background-color: rgba(255, 255, 255, .5)
}

.table-input .form-control:focus {
  border: 1px solid #9f9822;
  background-color: rgba(255, 223, 97, .5)
}

.color-w {
  color: #fff
}

.fs-20 {
  font-size: 20px
}

.fs-0 {
  font-size: 0
}

.cr-p {
  cursor: pointer
}

#sevad {
  left: 0;
  width: 100%
}

#sevad,
#scroll-table {
  position: fixed;
  top: 70px;
  z-index: 1
}

#scroll-table {
  left: 46px
}

.app-show-hide td:first-child {
  background: url('/images/ico-004.png') 10px 50% no-repeat;
  padding-left: 40px
}

.app-show-hide.minus td:first-child {
  background-image: url('/images/ico-005.png')
}

.sub-td td:first-child {
  padding-left: 40px
}

.d-n {
  display: none
}

.tt-u {
  text-transform: uppercase
}

.mr-15 {
  margin: 15px
}

.mr-15x0 {
  margin: 15px 0
}

.mr-30x0 {
  margin: 30px 0
}

.mrt-15 {
  margin-top: 15px
}

.mrt-70 {
  margin-top: 70px
}

.mrr-15 {
  margin-right: 15px
}

.mrr-30 {
  margin-right: 30px
}

.mrb-0 {
  margin-bottom: 0
}

.mrb-15 {
  margin-bottom: 15px
}

.mrb-30 {
  margin-bottom: 30px
}

.pdb-15 {
  padding-bottom: 15px
}

.pdl-40 {
  padding-left: 40px
}

.h-0 {
  height: 0
}

.w-50 {
  width: 50px
}

.w-70 {
  width: 70px
}

.w-100 {
  width: 100px
}

.w-150 {
  width: 150px
}

.w-210 {
  width: 210px
}

.w-221 {
  width: 221px
}

.text-red {
  color: #8c0d4d
}

.text-green {
  color: #2da50f
}

.net-profit-color-bg {
  background-color: #A6CCB2 !important
}

@media (max-width:992px) {
  .mr-t-sm-30 {
    margin-top: 30px
  }
}