.bidding .add-request {
  background: #197ece;
  padding: 11px 20px 10px 15px;
  cursor: pointer; }
  .bidding .add-request i {
    vertical-align: middle;
    font-size: 20px;
    position: relative;
    top: -2px; }

.bidding .search-filters.label-break {
  width: 60px; }

.bidding .search-filters.label-break-none {
  padding: 10px; }

.bidding .search-filters.bgdark {
  background-color: #718b98; }

.bidding .canvas {
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 0px;
  top: 110px; }
  .bidding .canvas .canvas-wrapper {
    width: 100%;
    height: 100%;
    background-color: #ebf1f5;
    overflow: hidden; }
    .bidding .canvas .canvas-wrapper .canvas-30day-temp {
      height: 100%;
      overflow: hidden; }
      .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section-wrapper {
        overflow: auto;
        position: relative;
        height: 100%; }
      .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section {
        height: auto; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .number {
          width: 80px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .id {
          width: 150px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .name {
          width: 250px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .crewgroup {
          width: 120px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col {
          float: left;
          display: inline-block;
          font-weight: 400;
          padding: 20px 15px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col.week-view-day {
            width: 275px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col.month-view-day {
            width: 50px;
            height: 60px;
            font-size: 11px;
            padding: 16px 7px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col.number, .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col.id, .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col.name, .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .header-col.crewgroup {
            background-color: #a6bbc9; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .data-row {
          height: 50px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .data-row .number, .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .data-row .id, .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .data-row .name, .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .data-row .crewgroup {
            padding: 3px 5px;
            height: 50px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .day {
          position: absolute;
          top: 0px;
          bottom: 0px;
          border-right: 1px solid #ccd7dd;
          width: 275px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .day.month-day {
            width: 50px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .bidding-block {
          height: 49px;
          position: absolute;
          text-transform: uppercase;
          padding: 15px 0px;
          width: 49px;
          text-overflow: ellipsis;
          overflow: hidden;
          text-align: center;
          z-index: 1;
          cursor: pointer;
          font-size: 10px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .bidding-block.selected {
            border: 1px solid #2196f3;
            color: #2196f3; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .bidding-table-section .bidding-block.selecttoapprove {
            border: 1px solid #000; }
      .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section {
        min-width: 0px;
        height: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        position: absolute;
        left: 0px; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header {
          width: 230px;
          background: #a6bbc9;
          position: fixed; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header .number {
            width: 60px;
            font-weight: 400; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header .id {
            width: 170px;
            font-weight: 400; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header .name {
            width: 170px;
            font-weight: 400; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .top-header .crewgroup {
            width: 65px;
            font-weight: 500;
            text-align: center; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row {
          border-bottom: none;
          height: 40px;
          min-height: 40px;
          border-bottom: 1px solid #ccd7dd; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .number {
            width: 60px;
            padding: 10px 5px;
            height: 50px; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .id {
            width: 170px;
            height: 50px; }
            .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .id span {
              font-size: 0.8rem; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .name {
            width: 170px;
            padding: 10px 5px;
            height: 50px; }
            .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .name span {
              font-size: 0.8rem; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .left-section .data-row .crewgroup {
            width: 65px;
            height: 40px;
            padding: 10px 5px;
            text-align: center;
            border-right: none; }
      .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section {
        z-index: 5;
        padding-bottom: 0px;
        float: none;
        overflow: auto;
        position: absolute;
        right: 0px;
        left: 275px;
        top: 60px;
        width: unset; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table {
          position: relative; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .top-header {
            z-index: 5; }
            .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .top-header .day-view .month-view .day {
              padding: 12px 0px;
              line-height: 1.5;
              text-align: center;
              height: 60px;
              font-weight: 500; }
            .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .top-header .day-view .week-view .day {
              padding: 20px 0px;
              line-height: 1.5;
              text-align: center;
              height: 60px;
              font-weight: 500; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .data-col .month-view .day {
            position: absolute;
            top: 0px;
            bottom: 0px;
            z-index: 3;
            border-right: 1px solid #ccd7dd;
            width: 52px;
            background: #fff; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .data-col .week-view .day {
            position: absolute;
            top: 0px;
            bottom: 0px;
            z-index: 3;
            border-right: 1px solid #ccd7dd;
            width: 225px;
            background: #fff; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .right-section-table .data-row {
            border-bottom: none;
            height: 50px;
            min-height: 40px;
            border-bottom: 1px solid #ccd7dd; }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .is-selected {
          border: 2px solid #37474F;
          height: 38px;
          z-index: 10;
          -ms-box-shadow: -1px 7px 15px -1px rgba(0, 0, 0, 0.4);
          box-shadow: -1px 7px 15px -1px rgba(0, 0, 0, 0.4); }
        .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .bidding-block {
          height: 40px;
          position: absolute;
          margin-top: 0px;
          text-transform: uppercase;
          line-height: 2.7;
          text-overflow: ellipsis;
          overflow: hidden;
          text-align: center;
          z-index: 4;
          cursor: pointer; }
          .bidding .canvas .canvas-wrapper .canvas-30day-temp .right-section .bidding-block.selected {
            border: 1px solid #2196f3;
            color: #2196f3; }

.bidding .right-panel {
  position: fixed;
  right: -600px;
  width: 550px;
  top: 110px;
  bottom: 0px;
  z-index: 10;
  background-color: #fff;
  transition: all 0.5s linear;
  -ms-box-shadow: 2px 0px 10px 1px rgba(170, 170, 170, 0.7);
  box-shadow: 2px 0px 10px 1px rgba(170, 170, 170, 0.7); }
  .bidding .right-panel .right-panel-header {
    background-color: #39b54a;
    padding: 13px 15px;
    color: #fff;
    position: absolute;
    width: 100%;
    z-index: 1;
    text-transform: uppercase; }
  .bidding .right-panel .right-panel-body {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px; }
  .bidding .right-panel .close-btn {
    background-color: #39b54a;
    color: #fff;
    width: 50px;
    text-align: center;
    height: 46px;
    padding: 13px 10px;
    position: absolute;
    left: -50px;
    cursor: pointer;
    -ms-box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.2);
    box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.2);
    top: 0px; }
    .bidding .right-panel .close-btn i {
      color: #fff;
      font-size: 20px; }
  .bidding .right-panel.active-panel {
    right: 0px; }

.bidding .panel-inner-content {
  padding: 20px; }
  .bidding .panel-inner-content .selected {
    display: inline-block;
    float: left;
    margin-right: 20px; }
    .bidding .panel-inner-content .selected .selected-data {
      display: inline-block;
      float: left;
      margin-right: 20px; }
      .bidding .panel-inner-content .selected .selected-data .selected-date {
        color: #70acdc; }
      .bidding .panel-inner-content .selected .selected-data .selected-block {
        background: #e9e9e9; }
        .bidding .panel-inner-content .selected .selected-data .selected-block .block-status {
          display: inline-block;
          padding: 5px 10px;
          height: 30px; }
        .bidding .panel-inner-content .selected .selected-data .selected-block .close-btn {
          height: 30px;
          color: #fff;
          background: #919191;
          color: #fff;
          padding: 7px;
          cursor: pointer; }
          .bidding .panel-inner-content .selected .selected-data .selected-block .close-btn i {
            font-size: 16px; }
  .bidding .panel-inner-content .approve-btns .btn {
    font-size: 0.8rem;
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    padding: 6px 20px; }
    .bidding .panel-inner-content .approve-btns .btn.save-btn {
      background: #2196f3; }

.bidding .bottom-content {
  position: fixed;
  width: 100%;
  bottom: -410px;
  left: 70px;
  z-index: 5;
  transition: all 0.3s linear;
  border-top: 5px solid #2196f3; }
  .bidding .bottom-content.open {
    height: 400px;
    background: #fff;
    bottom: 0px;
    -ms-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2); }

.bidding .bidding-selected-table-wrapper {
  overflow: auto;
  position: relative;
  height: auto;
  max-height: 350px;
  min-height: 340px; }

.bidding .bidding-selected-table {
  position: relative;
  height: auto; }

.bidding .bidding-selected-header {
  display: inline-block;
  float: left;
  font-weight: 400;
  padding: 20px 15px;
  border-right: 1px solid #ccd7dd; }
  .bidding .bidding-selected-header.bidding-selected-no {
    width: 60px;
    background-color: #a6bbc9; }
  .bidding .bidding-selected-header.bidding-selected-crewid {
    width: 170px;
    background-color: #a6bbc9; }
  .bidding .bidding-selected-header.bidding-selected-crewname {
    width: 250px;
    background-color: #a6bbc9; }
  .bidding .bidding-selected-header.bidding-selected-group {
    width: 120px;
    background-color: #a6bbc9; }
  .bidding .bidding-selected-header.bidding-selected-weekviewday {
    width: 275px; }
  .bidding .bidding-selected-header.bidding-selected-monthviewday {
    width: 50px;
    padding: 10px 10px;
    height: 60px;
    font-size: 11px; }

.bidding .bidding-selected-topheader {
  background-color: #d6e1e8;
  min-height: 60px;
  position: relative;
  width: 100%; }

.bidding .bidding-selected-body-col {
  display: inline-block;
  float: left;
  padding: 10px 15px;
  height: 50px;
  border-right: 1px solid #ccd7dd; }
  .bidding .bidding-selected-body-col.bidding-selected-no {
    width: 60px; }
  .bidding .bidding-selected-body-col.bidding-selected-crewid {
    width: 170px; }
  .bidding .bidding-selected-body-col.bidding-selected-crewname {
    width: 250px; }
  .bidding .bidding-selected-body-col.bidding-selected-group {
    width: 120px; }

.bidding .bidding-selected-day {
  position: absolute;
  top: 0px;
  bottom: 0px;
  border-right: 1px solid #ccd7dd;
  width: 275px; }
  .bidding .bidding-selected-day.monthview {
    width: 50px; }

.bidding .bidding-selected-data-row {
  width: 100%;
  min-height: 50px;
  /* background-color: #ebf1f5; */
  background-color: #fff;
  border-bottom: 1px solid #ccd7dd;
  font-size: 0.9rem; }

.bidding .bidding-selected-block {
  height: 49px;
  position: absolute;
  text-transform: uppercase;
  padding: 15px 0px;
  width: 49px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  cursor: pointer; }

.bidding .bidding-approve-status {
  display: inline-block;
  float: left;
  margin-top: 5px; }

.bidding .bidding-table-section .name-txt {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 10px; }

.bidding .bidding-table-section .profile-content {
  display: inline-block;
  font-size: 0.7rem;
  color: #757575; }

.data-col-boarder div {
  font-size: 10px !important; }

.profile-content {
  color: #757575; }

.bidding-selected-data-row .bidding-selected-crewid {
  font-size: 10px; }

.bidding-block {
  width: 49px;
  left: calc(180px + 50px);
  background: #66828C;
  color: #fff; }
  .bidding-block:active, .bidding-block:focus {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.legend {
  padding: 10px 20px 10px !important; }
  .legend ul li:nth-child(1) {
    padding-left: 0 !important;
    margin-right: 30px; }
    .legend ul li:nth-child(1):before {
      content: '';
      margin-right: 0em; }
  .legend ul li:nth-child(2):before {
    color: #66828C; }
  .legend ul li:nth-child(3):before {
    color: #55B96A; }
  .legend ul li:nth-child(4):before {
    color: #008BC5; }
  .legend ul li:before {
    content: '\2022';
    font-size: 30px;
    vertical-align: middle;
    margin-right: 0.5em; }