.common-page-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: -webkit-translate(-50%, -50%);
  transform: -moz-translate(-50%, -50%);
  transform: -ms-translate(-50%, -50%); }
  .common-page-container p {
    padding-left: 220px; }

.status-green {
  color: #9bb21e;
  font-size: 18px; }

.eddy-select {
  background-color: white;
  height: 40px;
  padding: 5px; }

.status-red {
  color: #fc9393;
  font-size: 18px; }

.date-picker {
  border: 1px solid black;
  background: url("../img/calendar.png") no-repeat 98% center;
  cursor: pointer;
  padding: 5px; }

.api-toast {
  z-index: 2000; }

.media-container {
  height: 200px;
  width: 400px; }

.table-ctn, .create-rate-card-list-ctn, .create-rate-card-table-header, .create-invoice-list-ctn {
  background-color: white;
  width: 100%; }
  .table-ctn select, .create-rate-card-list-ctn select, .create-rate-card-table-header select, .create-invoice-list-ctn select {
    background-color: transparent;
    border: none; }
    @media only screen and (max-width: 1024px) {
      .table-ctn select, .create-rate-card-list-ctn select, .create-rate-card-table-header select, .create-invoice-list-ctn select {
        width: 100%;
        text-overflow: ellipsis; } }
    @media only screen and (max-width: 1024px) and (orientation: landscape) {
      .table-ctn select, .create-rate-card-list-ctn select, .create-rate-card-table-header select, .create-invoice-list-ctn select {
        padding-left: 15px; } }
  .table-ctn input, .create-rate-card-list-ctn input, .create-rate-card-table-header input, .create-invoice-list-ctn input {
    background-color: transparent;
    border: none; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .table-ctn input, .create-rate-card-list-ctn input, .create-rate-card-table-header input, .create-invoice-list-ctn input {
        width: 100%;
        text-overflow: ellipsis; } }
  .table-ctn input:focus, .create-rate-card-list-ctn input:focus, .create-rate-card-table-header input:focus, .create-invoice-list-ctn input:focus {
    outline: none;
    border-bottom: 1px solid #aaa; }
  .table-ctn tr:nth-child(even), .create-rate-card-list-ctn tr:nth-child(even), .create-rate-card-table-header tr:nth-child(even), .create-invoice-list-ctn tr:nth-child(even) {
    background-color: #E8E7E2; }

input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 2;
  top: 3px;
  width: 20px;
  height: 20px; }
  input[type=checkbox] + label {
    position: relative;
    cursor: pointer;
    padding: 0; }
  input[type=checkbox] + label:before {
    position: relative;
    top: 4px;
    content: '';
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid #9197a1; }
  input[type=checkbox]:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 12px;
    background: black;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 black, 4px 0 0 black, 6px 0 0 black, 6px -2px 0 black, 6px -4px 0 black, 6px -6px 0 black, 6px -8px 0 black, 6px -10px 0 black;
    transform: rotate(45deg); }

.navigation-path {
  display: flex;
  flex-direction: row;
  background-color: white;
  align-items: baseline;
  margin: 20px;
  padding: 20px;
  font-size: 15px; }
  .navigation-path .project-name {
    font-weight: 500;
    font-size: 16px; }
  .navigation-path p {
    padding-right: 20px; }
  .navigation-path i {
    padding-right: 20px; }
  .navigation-path .dropdown {
    padding-right: 20px; }

.eddy-btn, .login-wrapper .login-form-ctn .login-box .login-form .eddy-login-btn, .confirmation-body-ctn .confirmation-button-comp .confirmation-button {
  font-size: 15px;
  color: white;
  background-color: #484848;
  border: none;
  padding: 2px 10px;
  border-radius: 2px;
  height: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .eddy-btn, .login-wrapper .login-form-ctn .login-box .login-form .eddy-login-btn, .confirmation-body-ctn .confirmation-button-comp .confirmation-button {
      width: auto;
      margin: 4px; } }

.save-close-btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 130px; }

.eddy-btn:hover, .login-wrapper .login-form-ctn .login-box .login-form .eddy-login-btn:hover, .confirmation-body-ctn .confirmation-button-comp .confirmation-button:hover {
  background-color: #777;
  cursor: pointer; }

.eddy-btn:disabled, .login-wrapper .login-form-ctn .login-box .login-form .eddy-login-btn:disabled, .confirmation-body-ctn .confirmation-button-comp .confirmation-button:disabled {
  background-color: #777;
  opacity: 0.8;
  cursor: default; }

.search-input input {
  width: 200px;
  background-size: 25px 20px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right center;
  background-image: url("../img/search-icon.png");
  background-size: 20px auto; }
.search-input input[type=text]:focus {
  border: 1px solid green; }
.search-input input[type=search]:focus {
  outline: 0;
  border-bottom: 1px solid #484848; }

.tooltip-color {
  background-color: rgba(246, 247, 169, 0.68);
  color: black; }

.grey-table-header {
  background: #ddd; }

body {
  background-color: #E8E7E2;
  margin: 0; }

*::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555; }

*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

a {
  color: black; }

a:hover {
  text-decoration: none; }

p {
  margin-bottom: 0; }

.spinner {
  margin: 100px auto;
  width: 70px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -35 0 0 -30px; }

.spinner > div {
  background-color: #484848;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }
.eddy-user-options-dropdown-toggle {
  margin: 0px;
  background: transparent;
  border: 0px;
  padding: 0px;
  cursor: pointer; }

.eddy-user-options-dropdown {
  padding: 0px;
  border-radius: 0px;
  margin-top: 10px; }
  .eddy-user-options-dropdown .dropdown-item {
    padding: 9px 9px 9px 30px; }
  .eddy-user-options-dropdown::before {
    position: absolute;
    top: -7px;
    right: 19px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 10px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .eddy-user-options-dropdown::after {
    position: absolute;
    top: -6px;
    right: 20px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 9px solid transparent;
    content: ''; }

.header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: #F6CC06;
  box-shadow: 0 0 5px 0 #000000; }
  .header .logo-container {
    background-color: white;
    min-width: 150px;
    width: 20%; }
    .header .logo-container img {
      height: auto;
      padding-top: 10px;
      padding-left: 20px;
      padding-right: 10px;
      max-height: 55px;
      width: 100%; }
  .header .header-nav-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%; }
    .header .header-nav-bar .header-left {
      width: 20%;
      min-width: 220px;
      max-width: 550px; }
    .header .header-nav-bar .header-right {
      width: 20%;
      min-width: 196px;
      max-width: 400px;
      padding-right: 20px; }
      .header .header-nav-bar .header-right ul {
        justify-content: flex-end; }
        .header .header-nav-bar .header-right ul .data-upload {
          position: absolute;
          top: 18px;
          right: 160px; }
      .header .header-nav-bar .header-right .dropdown .eddy-user-options-dropdown-toggle {
        width: 80px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        outline: none; }
        @media only screen and (max-width: 1024px) {
          .header .header-nav-bar .header-right .dropdown .eddy-user-options-dropdown-toggle {
            padding-left: 10px; } }
        .header .header-nav-bar .header-right .dropdown .eddy-user-options-dropdown-toggle p {
          max-width: 80%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .header .header-nav-bar .header-right .dropdown .eddy-user-options-dropdown-toggle .fa {
          padding: 0;
          margin: 0;
          padding-left: 10px; }
      .header .header-nav-bar .header-right .image {
        height: 30px;
        width: 30px;
        margin: 5px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 110px; }
    .header .header-nav-bar ul {
      list-style: none;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 0;
      margin-top: 1rem; }
      .header .header-nav-bar ul .active-link {
        border-bottom: 4px solid #000;
        margin-bottom: -16px; }
  .header .hamburger-btn {
    display: none; }

@media only screen and (max-width: 660px) {
  .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline; }
    .header .header-nav-bar {
      display: none; }
    .header .hamburger-btn {
      display: flex; } }
.active-workflow-link {
  text-decoration: underline; }

.map-ctn {
  padding: 30px; }
  .map-ctn .map-note {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    .map-ctn .map-note p {
      font-size: 12px; }
      .map-ctn .map-note p u {
        color: blue; }

#map-account-manager {
  height: 500px;
  width: 100%; }
  #map-account-manager .js-info-bubble-close {
    padding: 4px; }

.modal-dialog {
  max-width: none; }
  @media only screen and (max-width: 1024px) {
    .modal-dialog {
      max-width: 700px;
      margin: 200px auto; } }

.loader-hidden {
  display: none; }

.loader-active {
  display: block; }

.empty-box-ctn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  align-items: center;
  background-color: white;
  min-height: 260px; }
  .empty-box-ctn .empty-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .empty-box-ctn .empty-box h3, .empty-box-ctn .empty-box p {
      opacity: 0.5; }

.my-work-empty {
  height: 100%; }

.react-autosuggest__container {
  position: relative; }

.react-autosuggest__input {
  width: 170px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa; }

.react-autosuggest__input:focus {
  outline: none;
  border-bottom: 1px solid #aaa; }

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.react-autosuggest__suggestions-container {
  display: none; }

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  width: 160px;
  z-index: 1000;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 200px;
  overflow-y: auto; }

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px; }

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd; }

.field-type-checkbox {
  position: relative; }

.asset-dropdown-filters-container, .create-invoice-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px; }
  .asset-dropdown-filters-container .asset-sort-by-filters, .create-invoice-header .asset-sort-by-filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 30px; }
    .asset-dropdown-filters-container .asset-sort-by-filters .asset-label, .create-invoice-header .asset-sort-by-filters .asset-label {
      background-color: #F6CC06;
      padding: 5px;
      font-size: 16px; }
  .asset-dropdown-filters-container .asset-checkbox-filters, .create-invoice-header .asset-checkbox-filters, .create-invoice-header .invoice-asset-checkbox-filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px; }
  .asset-dropdown-filters-container .asset-select-dropdown, .create-invoice-header .asset-select-dropdown, .create-invoice-header .invoice-asset-select-dropdown {
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-right: 10px;
    align-items: baseline;
    position: relative; }
    .asset-dropdown-filters-container .asset-select-dropdown input[type=checkbox], .create-invoice-header .asset-select-dropdown input[type=checkbox], .create-invoice-header .invoice-asset-select-dropdown input[type=checkbox] {
      position: absolute;
      opacity: 0;
      z-index: 2;
      top: 4px;
      left: 10px;
      width: 20px;
      height: 20px; }
      .asset-dropdown-filters-container .asset-select-dropdown input[type=checkbox] + label, .create-invoice-header .asset-select-dropdown input[type=checkbox] + label, .create-invoice-header .invoice-asset-select-dropdown input[type=checkbox] + label {
        position: relative;
        cursor: pointer;
        padding: 0; }
      .asset-dropdown-filters-container .asset-select-dropdown input[type=checkbox] + label:before, .create-invoice-header .asset-select-dropdown input[type=checkbox] + label:before, .create-invoice-header .invoice-asset-select-dropdown input[type=checkbox] + label:before {
        position: relative;
        content: '';
        margin-right: 10px;
        display: inline-block;
        top: 4px;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #9197a1; }
      .asset-dropdown-filters-container .asset-select-dropdown input[type=checkbox]:checked + label:before, .create-invoice-header .asset-select-dropdown input[type=checkbox]:checked + label:before, .create-invoice-header .invoice-asset-select-dropdown input[type=checkbox]:checked + label:before {
        position: relative;
        content: '';
        margin-right: 10px;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #9bb21e;
        border: 1px solid #9bb21e; }
      .asset-dropdown-filters-container .asset-select-dropdown input[type=checkbox]:checked + label:after, .create-invoice-header .asset-select-dropdown input[type=checkbox]:checked + label:after, .create-invoice-header .invoice-asset-select-dropdown input[type=checkbox]:checked + label:after {
        content: '';
        position: absolute;
        left: 3px;
        top: 12px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 6px 0 0 white, 6px -2px 0 white, 6px -4px 0 white, 6px -6px 0 white, 6px -8px 0 white, 6px -10px 0 white;
        transform: rotate(45deg); }
    .asset-dropdown-filters-container .asset-select-dropdown i, .create-invoice-header .asset-select-dropdown i, .create-invoice-header .invoice-asset-select-dropdown i {
      padding-left: 5px;
      padding-right: 5px;
      margin-left: 5px; }
    .asset-dropdown-filters-container .asset-select-dropdown div, .create-invoice-header .asset-select-dropdown div, .create-invoice-header .invoice-asset-select-dropdown div {
      width: 1.5px;
      background-color: black;
      margin-left: 10px; }

.asset-assign-btn-container, .create-invoice-header .invoice-asset-assign-btn-container {
  font-size: 15px;
  padding-left: 10px;
  width: 17%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .asset-assign-btn-container .eddy-btn-disabled, .create-invoice-header .invoice-asset-assign-btn-container .eddy-btn-disabled {
    background-color: #777;
    opacity: 0.8;
    cursor: default;
    padding: 2px 15px;
    border-radius: 2px;
    outline: none; }
  .asset-assign-btn-container .enable-assign, .create-invoice-header .invoice-asset-assign-btn-container .enable-assign {
    margin: 0; }
  .asset-assign-btn-container .disable-assign, .create-invoice-header .invoice-asset-assign-btn-container .disable-assign {
    padding: 0 10px; }
  .asset-assign-btn-container button, .create-invoice-header .invoice-asset-assign-btn-container button {
    color: white;
    border: none;
    height: 35px; }

.asset-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-right: 10px;
  width: 350px;
  align-items: baseline;
  min-width: 120px; }

.sort-container {
  margin-right: -92px; }

.sort-container:after {
  width: 50px; }

.sort-container select {
  text-indent: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20%;
  background-size: 25px 20px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: right center;
  background-image: url("../img/sortIcon.png"); }

.sort-container select:focus {
  outline: 0; }

.asset-dropdown, .upload-asset-dropdown {
  color: black;
  border: 0 outset #F6CC06;
  width: 100px;
  height: 25px;
  font-size: 12px;
  padding-left: 6px; }

.asset-list-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-top: 0;
  padding-right: 20px;
  padding-left: 10px; }
  .asset-list-container hr {
    border: 0;
    clear: both;
    display: block;
    width: 96%;
    background-color: #777;
    height: 1px; }
  .asset-list-container .asset-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start; }
    .asset-list-container .asset-list .asset-card-container {
      width: 25%;
      background-color: #E8E7E2;
      padding-left: 10px;
      padding-bottom: 10px;
      min-width: 216px; }
      @media only screen and (max-width: 900px) and (min-width: 670px) {
        .asset-list-container .asset-list .asset-card-container {
          width: 33.33%; } }
      @media only screen and (max-width: 669px) and (min-width: 465px) {
        .asset-list-container .asset-list .asset-card-container {
          width: 50%; } }
      @media only screen and (max-width: 464px) {
        .asset-list-container .asset-list .asset-card-container {
          width: 100%; } }
      .asset-list-container .asset-list .asset-card-container .asset-card {
        padding: 20px;
        min-height: 360px;
        max-height: 360px;
        overflow-y: auto; }
        .asset-list-container .asset-list .asset-card-container .asset-card .asset-row-description-list {
          padding-left: 0; }
        .asset-list-container .asset-list .asset-card-container .asset-card .asset-upper-block {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          .asset-list-container .asset-list .asset-card-container .asset-card .asset-upper-block .asset-status-bar {
            width: 1.5%;
            height: 45px; }
          .asset-list-container .asset-list .asset-card-container .asset-card .asset-upper-block .asset-description {
            width: 96%;
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .asset-list-container .asset-list .asset-card-container .asset-card .asset-upper-block .asset-description .asset-name {
              font-size: 15px; }
            .asset-list-container .asset-list .asset-card-container .asset-card .asset-upper-block .asset-description .card-title {
              font-size: 16px; }
            .asset-list-container .asset-list .asset-card-container .asset-card .asset-upper-block .asset-description .asset-row-description-list li {
              opacity: 0.8; }
        .asset-list-container .asset-list .asset-card-container .asset-card .asset-lower-block {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding-bottom: 10px; }
          .asset-list-container .asset-list .asset-card-container .asset-card .asset-lower-block .asset-lower-block-description {
            padding-top: 13px;
            display: flex;
            flex-direction: column;
            justify-content: space-between; }
            .asset-list-container .asset-list .asset-card-container .asset-card .asset-lower-block .asset-lower-block-description p {
              margin: 0;
              font-size: 12px; }
            .asset-list-container .asset-list .asset-card-container .asset-card .asset-lower-block .asset-lower-block-description .asset-sub-heading {
              color: #777; }

.asset-dropdwon-no-assign {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0; }

.pagination-container {
  background-color: white;
  display: inline-block;
  text-align: center;
  padding: 10px;
  font-size: 16px; }
  .pagination-container a {
    text-decoration: none;
    color: black;
    cursor: pointer; }
  .pagination-container ul {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0; }
  .pagination-container .active {
    font-size: 18px; }
  .pagination-container li {
    outline: none;
    padding: 5px;
    display: inline-block;
    margin: 2px; }
  .pagination-container .next {
    margin-left: 20px; }
  .pagination-container .previous {
    margin-right: 20px; }

.assign-assets-model {
  width: 70%; }
  @media only screen and (max-width: 1024px) {
    .assign-assets-model {
      width: 90%; } }

.estimated-dates {
  display: flex;
  flex-direction: row;
  font-size: 15px; }
  .estimated-dates p {
    width: 50%; }

.asset-listview-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .asset-listview-container .asset-listview .asset-listview-row-container {
    padding: 0 20px 20px; }
    .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      @media only screen and (max-width: 1126px) {
        .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row {
          justify-content: flex-start;
          flex-wrap: wrap;
          background-color: white; } }
      .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        background-color: white;
        width: 20%;
        font-size: 16px;
        padding: 10px; }
        @media only screen and (max-width: 1023px) {
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name {
            width: 4%;
            min-width: inherit; } }
        .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .empty-div {
          width: 25px; }
        .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .status-bar {
          width: 1.5%;
          height: 35px; }
        .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name p {
          padding-left: 10px; }
        .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .checkbox-ctn input[type=checkbox] {
          position: absolute;
          opacity: 0;
          z-index: 2;
          left: 0;
          width: 20px;
          height: 20px; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .checkbox-ctn input[type=checkbox] + label {
            position: relative;
            cursor: pointer;
            padding: 0; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .checkbox-ctn input[type=checkbox] + label:before {
            position: relative;
            content: '';
            margin-right: 10px;
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #9197a1; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .checkbox-ctn input[type=checkbox]:checked + label:before {
            position: relative;
            content: '';
            margin-right: 10px;
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color: #9bb21e;
            border: 1px solid #9bb21e; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-name .checkbox-ctn input[type=checkbox]:checked + label:after {
            content: '';
            position: absolute;
            left: 3px;
            top: 12px;
            background: white;
            width: 2px;
            height: 2px;
            box-shadow: 2px 0 0 white, 4px 0 0 white, 6px 0 0 white, 6px -2px 0 white, 6px -4px 0 white, 6px -6px 0 white, 6px -8px 0 white, 6px -10px 0 white;
            transform: rotate(45deg); }
      .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-description {
        background-color: white;
        width: 25%;
        font-size: 12px;
        padding: 10px; }
        @media only screen and (max-width: 1023px) {
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-description {
            width: 20%;
            min-width: inherit; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-description .asset-row-description-list {
              padding-left: 5px; }
              .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-row-description .asset-row-description-list p {
                font-weight: 500; } }
      .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 55%;
        background-color: #DBDBDB;
        font-size: 12px;
        padding: 20px 10px 15px 10px; }
        @media only screen and (max-width: 1023px) {
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow {
            padding: 25px 20px;
            width: 76%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            min-width: inherit; } }
        .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            font-size: 16px;
            align-items: center; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header .workflow-count-badge {
              top: -34px !important;
              right: -11px !important; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header .workflow-header-logo {
              height: 30px; }
              .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header .workflow-header-logo img {
                width: 25px; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header .workflow-header-label {
              padding-left: 3px;
              padding-right: 3px; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header .workflow-status-bar {
              width: 70px;
              height: 1px;
              border: 1px solid black; }
              @media only screen and (max-width: 1024px) {
                .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-single-comp-header .workflow-status-bar {
                  width: 20px; } }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-description .scheduled {
            padding-left: 33px; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-description .scheduled p {
              margin-bottom: 0; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-description .in-progress {
            padding-left: 33px; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-description .completed-task {
            padding-left: 33px; }
            .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-description .completed-task .reconsile-required {
              text-transform: lowercase; }
          .asset-listview-container .asset-listview .asset-listview-row-container .asset-listview-row .asset-workflow .workflow-single-comp .workflow-description .reconcile-task {
            padding-left: 20px; }

.asset-line-seperator {
  width: 1px;
  background-color: black; }

.asset-row-description-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 16px; }
  .asset-row-description-list img {
    width: 18px;
    height: auto;
    padding-right: 7px; }
  .asset-row-description-list li {
    padding-bottom: 4px; }

.assign-model-label p {
  width: 40% !important; }

.dashboard-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .dashboard-container .dashboard-project-notifcations {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px; }
    .dashboard-container .dashboard-project-notifcations .dashboard-project-description {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      width: 69%;
      padding: 20px 0 0 0; }
      @media only screen and (max-width: 800px) {
        .dashboard-container .dashboard-project-notifcations .dashboard-project-description {
          width: 69%; } }
      .dashboard-container .dashboard-project-notifcations .dashboard-project-description .dashboard-project-number-container {
        width: 8%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 110px; }
        .dashboard-container .dashboard-project-notifcations .dashboard-project-description .dashboard-project-number-container .dashboard-project-number {
          margin-left: -5px; }
          .dashboard-container .dashboard-project-notifcations .dashboard-project-description .dashboard-project-number-container .dashboard-project-number p {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            margin-bottom: 0;
            background-color: #F6CC06;
            width: 80px;
            font-size: 12px;
            padding-left: 15px;
            padding-bottom: 12px;
            opacity: 0.8; }
            .dashboard-container .dashboard-project-notifcations .dashboard-project-description .dashboard-project-number-container .dashboard-project-number p span {
              color: white;
              font-size: 50px;
              font-weight: lighter;
              padding-left: 11px;
              margin-bottom: -10px; }
    .dashboard-container .dashboard-project-notifcations .heading {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 130px;
      background-color: #F6CC06;
      padding: 5px 0;
      font-weight: bold; }
    .dashboard-container .dashboard-project-notifcations .reviewer-project-summary {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      width: 70%; }
      .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container {
        width: 100%;
        padding-bottom: 0;
        justify-content: flex-end;
        padding-left: 0px; }
        .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-mywork-header {
          width: 100%;
          height: 45px; }
        .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container {
          width: 100%;
          min-height: 400px; }
          .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list {
            width: 100%; }
            .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card {
              height: 400px;
              position: relative; }
              .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content hr {
                margin-top: 0;
                margin-bottom: 10px; }
              .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info .asset-to-be-reviewed {
                display: flex;
                flex-direction: row;
                justify-content: flex-start; }
                .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info .asset-to-be-reviewed .no-of-assets {
                  font-size: 18px;
                  font-weight: 500;
                  opacity: 1;
                  padding-right: 10px; }
                .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info .asset-to-be-reviewed p {
                  opacity: 0.7; }
              .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info .asset-in-progess {
                display: flex;
                flex-direction: row;
                justify-content: flex-start; }
                .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info .asset-in-progess .no-of-assets {
                  font-size: 18px;
                  font-weight: 500;
                  opacity: 1;
                  padding-right: 10px; }
                .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info .asset-in-progess p {
                  opacity: 0.7; }
              .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                height: 90px;
                margin-top: 10px; }
                .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-bar-rep {
                  display: flex;
                  flex-direction: row;
                  justify-content: flex-start;
                  align-items: flex-end;
                  margin-right: 70px;
                  border-bottom: 1px solid #e9f4fb; }
                  .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-bar-rep .bar {
                    width: 5px;
                    margin: 5px;
                    border-top-right-radius: 5px;
                    border-top-left-radius: 5px;
                    margin-bottom: 0; }
                  .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-bar-rep .manhole-bar {
                    background-color: #1d97da; }
                  .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-bar-rep .lateral-bar {
                    background-color: #fbc94b; }
                  .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-bar-rep .pipeline-bar {
                    background-color: #8fe776; }
                .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-image-rep {
                  display: flex;
                  flex-direction: column;
                  justify-content: flex-start; }
                  .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-image-rep .asset-rep {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    margin-bottom: 10px; }
                    .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-chart .assets-image-rep .asset-rep img {
                      height: 20px;
                      width: 20px;
                      margin-right: 10px; }
              .dashboard-container .dashboard-project-notifcations .reviewer-project-summary .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .assets-reviewed-upcoming {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                background-color: #E8E7E2;
                position: absolute;
                bottom: 0;
                width: 100%;
                padding: 10px 30px;
                opacity: 0.7; }
    .dashboard-container .dashboard-project-notifcations .my-work {
      width: 69%;
      padding: 20px 10px 0 0; }
      .dashboard-container .dashboard-project-notifcations .my-work .switch-layout {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        background-color: white;
        padding: 10px 5px; }
        .dashboard-container .dashboard-project-notifcations .my-work .switch-layout .section {
          display: flex;
          flex-direction: row;
          justify-content: center;
          width: 5%;
          padding: 5px;
          background-color: white;
          border: none;
          outline: none;
          cursor: pointer; }
          @media only screen and (max-width: 1024px) {
            .dashboard-container .dashboard-project-notifcations .my-work .switch-layout .section {
              margin: 5px 10px; } }
        .dashboard-container .dashboard-project-notifcations .my-work .switch-layout .selected-view {
          background-color: #cccccc;
          outline: none;
          border: none; }
      .dashboard-container .dashboard-project-notifcations .my-work #map {
        width: 100%;
        height: 300px;
        border: 1px solid #cccccc;
        position: relative; }
        @media only screen and (max-width: 1024px) {
          .dashboard-container .dashboard-project-notifcations .my-work #map {
            height: 420px; } }
      .dashboard-container .dashboard-project-notifcations .my-work #asset-list {
        display: none;
        background-color: white;
        padding: 5px;
        margin-top: 1px; }
        @media only screen and (max-width: 1024px) {
          .dashboard-container .dashboard-project-notifcations .my-work #asset-list {
            overflow-x: auto;
            height: 420px; } }
        .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table {
          padding: 10px;
          width: 100%;
          background-color: white;
          padding: 5px; }
          .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table thead {
            display: block; }
            .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table thead tr {
              background-color: #DBDBDB; }
              .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table thead tr th {
                width: 12%;
                padding: 5px 15px; }
                @media only screen and (max-width: 1024px) {
                  .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table thead tr th {
                    width: 12%; } }
                .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table thead tr th div {
                  padding: 5px;
                  font-weight: 500;
                  opacity: 0.8; }
                  @media only screen and (max-width: 998px) {
                    .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table thead tr th div {
                      padding: 15px 5px; } }
          .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody {
            display: block;
            height: 233px;
            overflow-y: auto; }
            .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody tr {
              border-top: 1px solid #777; }
              .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody tr td {
                width: 12%;
                padding: 10px 15px;
                opacity: 0.7; }
                .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody tr td div a {
                  background-color: black;
                  padding: 5px 10px;
                  color: white;
                  border-radius: 3px; }
                @media only screen and (max-width: 998px) {
                  .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody tr td {
                    padding: 10px 5px; } }
                @media only screen and (max-width: 1024px) and (orientation: landscape) {
                  .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody tr td {
                    padding: 15px 4px; } }
            .dashboard-container .dashboard-project-notifcations .my-work #asset-list .create-crew-cheif-asset-list-table tbody tr:first-child {
              border-top: none; }
      .dashboard-container .dashboard-project-notifcations .my-work #marker-tooltip {
        display: none;
        position: absolute;
        background-color: black;
        width: 300px;
        height: 200px; }
    .dashboard-container .dashboard-project-notifcations .dashboard-notifications {
      width: 30%;
      background-color: white;
      margin-top: 54px; }
      @media only screen and (max-width: 800px) {
        .dashboard-container .dashboard-project-notifcations .dashboard-notifications {
          width: 30%; } }
      .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notifications-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
        border-bottom: 1px solid #DBDBDB;
        padding-top: 7px;
        padding-bottom: 7px; }
        .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notifications-header div {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          padding-top: 5px;
          padding-left: 15px; }
          .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notifications-header div p {
            font-size: 18px;
            padding-left: 6px;
            margin-bottom: 0;
            font-weight: 400; }
          .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notifications-header div i {
            font-size: 18px; }
        .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notifications-header a {
          font-size: 15px;
          padding-right: 25px; }
      .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list {
        height: 260px;
        overflow-y: auto; }
        @media only screen and (max-width: 997px) {
          .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list {
            height: 380px; } }
        @media only screen and (min-width: 998px) and (max-width: 1024px) {
          .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list {
            height: 320px; } }
        .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row-display {
          display: flex !important; }
        .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list #loadMore {
          text-align: center;
          padding-right: 7%;
          font-weight: lighter;
          cursor: pointer;
          font-size: 15px; }
        .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding-top: 5px;
          padding-bottom: 14px;
          padding-right: 51px;
          display: none; }
          @media only screen and (max-width: 800px) {
            .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row {
              padding-right: 12px; } }
          @media only screen and (max-width: 1100px) and (min-width: 801px) {
            .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row {
              padding-right: 15px; } }
          .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row .status-bar {
            width: 1.5%;
            height: 45px;
            background-color: #fc9393;
            margin-top: 5px; }
          .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row div {
            width: 93%;
            border-bottom: 1px solid #E8E7E2;
            padding-bottom: 5px; }
            .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row div p {
              margin-bottom: 0;
              font-size: 15px; }
            .dashboard-container .dashboard-project-notifcations .dashboard-notifications .dashboard-notification-list .dashboard-notification-row div .dashboard-time {
              font-size: 12px;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              font-weight: lighter;
              padding-top: 4px; }
  .dashboard-container .crew-chief-project-summary {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 20px;
    background-color: white; }
    .dashboard-container .crew-chief-project-summary .project-summary {
      width: 25%;
      background-color: #F6CC06;
      padding: 40px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 1024px) {
        .dashboard-container .crew-chief-project-summary .project-summary {
          padding: 0;
          justify-content: center; } }
      .dashboard-container .crew-chief-project-summary .project-summary .total-projects {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: black;
        padding: 10px; }
        .dashboard-container .crew-chief-project-summary .project-summary .total-projects strong {
          color: white;
          font-size: 50px;
          font-weight: 500; }
      .dashboard-container .crew-chief-project-summary .project-summary .assets-backlogs {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: black;
        align-items: center;
        padding: 10px;
        margin-top: 10px;
        font-size: 13px; }
        .dashboard-container .crew-chief-project-summary .project-summary .assets-backlogs .total-backlogs {
          background-color: #E8E7E2;
          padding: 0 5px;
          border-radius: 3px;
          font-size: 13px; }
        .dashboard-container .crew-chief-project-summary .project-summary .assets-backlogs .total-assets {
          margin-bottom: 10px; }
    .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table {
      width: 75%;
      background-color: white;
      padding: 0 50px;
      table-layout: fixed; }
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table td:first-child,
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table th:first-child {
        width: 26%; }
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table td:nth-child(2),
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table th:nth-child(2) {
        width: 27%; }
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table td:nth-child(3),
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table th:nth-child(3) {
        width: 40%; }
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table td:nth-child(4),
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table th:nth-child(4) {
        width: 15%; }
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table thead {
        display: block; }
        .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table thead tr {
          padding: 20px 30px;
          border-bottom: 2px solid #F6CC06; }
          .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table thead tr th {
            padding: 20px 50px; }
            @media only screen and (max-width: 1024px) {
              .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table thead tr th {
                padding: 5px 30px; } }
          .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table thead tr div {
            font-weight: 500;
            opacity: 0.8; }
            @media only screen and (max-width: 998px) {
              .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table thead tr div {
                padding: 15px 5px; } }
      .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody {
        display: block;
        height: 150px;
        overflow-y: auto; }
        .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr {
          padding: 20px 30px; }
          .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr td {
            padding: 5px 50px;
            opacity: 0.7; }
            .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr td .works {
              display: flex;
              flex-direction: row;
              justify-content: flex-start; }
              .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr td .works div {
                margin: 10px 10px 10px 0; }
              .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr td .works img {
                width: 20px;
                height: 20px;
                margin-right: 5px; }
            @media only screen and (max-width: 998px) {
              .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr td {
                padding: 5px 30px; } }
            @media only screen and (max-width: 1024px) and (orientation: landscape) {
              .dashboard-container .crew-chief-project-summary .create-crew-cheif-project-summary-table tbody tr td {
                padding: 15px 4px; } }
  .dashboard-container .dashboard-project-mywork-container {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header {
      width: 69%;
      height: 40px;
      align-items: flex-end;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .widget-title-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .widget-title {
        background-color: #F6CC06;
        padding: 3px 8px 0;
        font-weight: bold;
        height: 30px; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .new-project {
        padding: 0 5px;
        margin-left: 5px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .new-project span {
          margin-left: 5px; }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .new-project span a {
            color: black; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .new-project span a img {
              padding-bottom: 3px; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .slider-controls {
        padding-right: 2px;
        display: none; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .slider-controls .next,
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-mywork-header .slider-controls .prev {
          height: 30px;
          width: 30px;
          cursor: pointer; }
    .dashboard-container .dashboard-project-mywork-container .company-mywork-container {
      width: 100%; }
    .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      min-height: 400px; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .projects-empty {
        width: 70%;
        margin-right: 10px; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list {
        width: 69%;
        overflow-x: auto;
        overflow-y: hidden;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .empty-projects {
          position: absolute;
          width: 100%;
          display: flex;
          flex-direction: row; }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .empty-projects .card {
            height: 420px;
            min-width: 32%;
            padding: 10px;
            background-color: transparent;
            border: 2px dashed #ccc; }
            @media only screen and (max-width: 1023px) {
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .empty-projects .card {
                min-width: 49%; }
                .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .empty-projects .card .card:last-child {
                  display: none; } }
          @media only screen and (max-width: 1023px) {
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .empty-projects .card:last-child {
              display: none; } }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .empty-projects .am-card {
            height: 350px; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card {
          margin-right: 2%;
          height: 420px; }
          @media only screen and (min-width: 801px) {
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card {
              min-width: 32%;
              position: relative; } }
          @media only screen and (max-width: 800px) {
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card {
              min-width: 49%; } }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content {
            padding: 0 6%; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content hr {
              margin-top: 0;
              margin-bottom: 10px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .total-assets {
              color: #777;
              font-weight: bold;
              font-size: 15px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info {
              opacity: 0.7;
              position: absolute;
              width: 88%;
              height: 250px;
              overflow-y: auto; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .fa-assets {
                padding-bottom: 20px; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .total-invoice-price {
                padding-bottom: 20px; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .newly-shared {
                padding-bottom: 5px; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .new-invoices {
                padding-bottom: 5px; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .invoice-price {
                display: flex;
                flex-direction: row;
                justify-content: space-between; }
                .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .invoice-price .invoice {
                  display: flex;
                  flex-direction: column;
                  justify-content: flex-start; }
                  .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info .invoice-price .invoice .count {
                    font-weight: 600; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info span {
                padding-right: 20px; }
                .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .new-assets-info span img {
                  width: 15px;
                  height: 15px;
                  margin-right: 3px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .old-assets-info {
              display: flex;
              flex-direction: row;
              justify-content: center;
              position: absolute;
              bottom: 0;
              left: 0;
              padding: 10px 0;
              background-color: #EEEDE7;
              width: 100%; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .old-assets-info span {
                padding: 0 10px;
                font-size: 15px;
                opacity: 0.8; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .project-status {
              margin-top: 10px;
              display: flex;
              flex-direction: column;
              justify-content: space-between; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .project-status .status-bar {
                padding: 10px 0;
                padding-top: 5px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .progress-count {
              color: #27c3ea;
              font-size: 12px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .progress-label {
              color: #777;
              font-size: 12px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-card-content .progress-bar {
              height: 3px;
              background-color: #27c3ea; }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            max-height: 100px;
            padding-bottom: 2%;
            overflow-y: auto; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .schedule-indicator {
              width: 4px;
              background-color: #9bb21e; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .schedule-risk {
              background-color: #fc9393; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              padding-left: 5%;
              width: 100%; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-name {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                font-weight: bold; }
                .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-name .card-title {
                  margin-bottom: 0; }
                .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-name .dropdown {
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  cursor: pointer;
                  width: 35px;
                  text-align: right;
                  position: absolute;
                  left: 225px; }
                  @media only screen and (max-width: 1024px) {
                    .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-name .dropdown {
                      left: 80%; } }
                  .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-name .dropdown .dropdown-toggle::after {
                    content: none; }
                  .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-name .dropdown .dropdown-menu {
                    top: 20%;
                    box-shadow: 2px;
                    top: 14px;
                    left: -165px; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .company-name {
                font-size: 15px;
                color: black; }
              .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .card .project-summary .project-title .project-date {
                color: #777;
                font-size: 12px; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .am-fa-card {
          height: 350px;
          position: relative; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-project-list .fa-card {
          height: 420px;
          position: relative; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .comapny-dashboard-project-list {
        width: 100%; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .comapny-dashboard-project-list .empty-projects .card {
          min-width: 23.5%; }
          @media only screen and (max-width: 1023px) {
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .comapny-dashboard-project-list .empty-projects .card {
              min-width: 49%; } }
        @media only screen and (max-width: 1023px) {
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .comapny-dashboard-project-list .empty-projects .card:nth-last-child(-n+2) {
            display: none; } }
        @media only screen and (min-width: 801px) {
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .comapny-dashboard-project-list .card {
            min-width: 23.5%; } }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .comapny-dashboard-project-list .card:last-child {
          margin-right: 0; }
      .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container {
        width: 30%;
        height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .view-all {
          color: #27c3ea;
          text-align: right;
          font-size: 12px; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .nav {
          font-weight: bold;
          cursor: pointer; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .inactive {
          display: none; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .dashboard-mywork-container, .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .dashboard-recent-work-container {
          overflow: auto;
          height: 90%;
          padding: 20px; }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .dashboard-mywork-container .my-work-item, .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .dashboard-recent-work-container .my-work-item {
            color: #777;
            font-size: 12px; }
            .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .dashboard-mywork-container .my-work-item .time, .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .dashboard-recent-work-container .my-work-item .time {
              color: #777;
              text-align: right;
              height: 10px;
              font-size: 12px; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .mywork > span {
          border-left: none; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .recentwork > span {
          border-right: none; }
        .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .nav-item {
          width: 50%;
          text-align: center;
          background-color: #EEEDE7;
          cursor: pointer; }
          .dashboard-container .dashboard-project-mywork-container .dashboard-project-list-container .dashboard-mywork-recentwork-container .nav-item span {
            text-decoration: none;
            cursor: pointer; }
  .dashboard-container .crew-cheif-my-work-list .dashboard-project-mywork-header {
    width: 100%; }
  .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container {
    min-height: 200px; }
    .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list {
      width: 100%;
      position: relative; }
      .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .empty-projects {
        position: absolute;
        width: 100%;
        display: flex;
        flex-direction: row; }
        .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .empty-projects .card {
          height: 200px;
          min-width: 32%;
          padding: 10px;
          background-color: transparent;
          border: 2px dashed #ccc; }
          @media only screen and (max-width: 1024px) {
            .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .empty-projects .card {
              min-width: 49%; }
              .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .empty-projects .card .card:last-child {
                display: none; } }
      .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card {
        height: auto;
        padding: 10px; }
        .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-title {
          opacity: 0.8; }
          .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-title .card-title {
            margin-bottom: 0; }
          .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-title .project-date {
            margin-top: 10px; }
            .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-title .project-date .divider {
              margin: 0 10px; }
        .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-card-content {
          opacity: 0.8;
          font-size: 15px;
          padding-bottom: 10px;
          width: 80%; }
          .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-card-content hr {
            margin-top: 0;
            border-top: 2px solid #E8E7E2; }
          .dashboard-container .crew-cheif-my-work-list .dashboard-project-list-container .dashboard-project-list .card .project-card-content .assets-info div {
            display: flex;
            flex-direction: row;
            justify-content: space-between; }
  .dashboard-container .dashboard-analytics {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px; }
    .dashboard-container .dashboard-analytics .charts {
      width: 100%;
      min-height: 350px; }

.reviewer-recent-work {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px; }
  .reviewer-recent-work .reviewer-analystics {
    width: 70%; }
  .reviewer-recent-work .dashboard-mywork-recentwork-container {
    height: 418px;
    width: 30%;
    margin-top: 38px; }
    .reviewer-recent-work .dashboard-mywork-recentwork-container .view-all {
      text-align: right;
      padding: 5px;
      font-size: 15px; }
  .reviewer-recent-work .dashboard-recent-work-container {
    padding: 10px 20px;
    font-size: 15px;
    height: 90%;
    overflow: auto; }
    .reviewer-recent-work .dashboard-recent-work-container .my-work-item {
      color: #777;
      font-size: 12px; }
      .reviewer-recent-work .dashboard-recent-work-container .my-work-item .time {
        color: #777;
        text-align: right;
        height: 10px;
        font-size: 12px; }

.dashboard-project-description-list {
  width: 100%;
  background-color: white;
  padding: 20px; }
  .dashboard-project-description-list hr {
    border-top: 1px solid #DBDBDB; }
  .dashboard-project-description-list .dashboard-row-ctn .dashboard-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .dashboard-project-description-list .dashboard-row-ctn .dashboard-row img {
      width: 47px; }
    .dashboard-project-description-list .dashboard-row-ctn .dashboard-row .dashboard-desc-ctn {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%; }
      .dashboard-project-description-list .dashboard-row-ctn .dashboard-row .dashboard-desc-ctn .dashboard-row-comp {
        width: 15%;
        padding-left: 25px;
        max-width: 190px;
        min-width: 120px; }
        @media only screen and (max-width: 1100px) {
          .dashboard-project-description-list .dashboard-row-ctn .dashboard-row .dashboard-desc-ctn .dashboard-row-comp {
            width: 120px; } }
        .dashboard-project-description-list .dashboard-row-ctn .dashboard-row .dashboard-desc-ctn .dashboard-row-comp p {
          margin-bottom: 0;
          font-size: 12px; }
        .dashboard-project-description-list .dashboard-row-ctn .dashboard-row .dashboard-desc-ctn .dashboard-row-comp .dashboard-value {
          font-size: 30px;
          font-weight: lighter; }
          .dashboard-project-description-list .dashboard-row-ctn .dashboard-row .dashboard-desc-ctn .dashboard-row-comp .dashboard-value span {
            font-size: 12px; }

.transparent-background {
  background-color: white !important; }

.tootip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: white;
  margin: 10px; }
  .tootip .tooltip-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 5px;
    align-items: center; }
    .tootip .tooltip-info img {
      margin-right: 10px;
      width: 20px; }
    .tootip .tooltip-info .inspection-report {
      border: 1px solid #27c3ea;
      color: #27c3ea;
      background-color: transparent-background;
      padding: 5px 10px;
      width: 110px;
      margin: auto;
      height: auto; }

.dashboard-analytics {
  padding: 20px; }
  .dashboard-analytics .widget-title-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  .dashboard-analytics .widget-title {
    background-color: #F6CC06;
    padding: 3px 8px 0;
    font-weight: bold;
    height: 30px; }
  .dashboard-analytics .analytics-widget {
    width: 100%; }
    .dashboard-analytics .analytics-widget .charts-section {
      background: white;
      padding: 20px; }
      .dashboard-analytics .analytics-widget .charts-section h6 {
        font-weight: bold; }
      .dashboard-analytics .analytics-widget .charts-section #chart_div {
        width: 100%;
        min-height: 350px;
        padding: 0; }

.recentwork-only {
  padding: 10px 20px;
  font-size: 18px; }

.empty-new-invoices {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  background-color: #eee; }

.teams-container {
  padding: 20px; }
  .teams-container .nav-item {
    cursor: pointer;
    font-weight: bold; }
    .teams-container .nav-item .active {
      background-color: #F6CC06; }
  .teams-container .teams {
    min-height: 80%;
    padding: 30px; }
    .teams-container .teams .all-member-list .members {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap; }
      .teams-container .teams .all-member-list .members .member {
        height: 200px;
        margin-bottom: 10px;
        width: 30%; }
        @media only screen and (max-width: 1024px) {
          .teams-container .teams .all-member-list .members .member {
            width: 48%; } }
        .teams-container .teams .all-member-list .members .member .title {
          height: 30%;
          background-color: #E8E7E2;
          color: #777;
          display: flex;
          flex-direction: row;
          justify-content: flex-start; }
          .teams-container .teams .all-member-list .members .member .title .details {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 20px; }
            @media only screen and (max-width: 1024px) {
              .teams-container .teams .all-member-list .members .member .title .details {
                padding: 5px; } }
          .teams-container .teams .all-member-list .members .member .title .image {
            margin: 10px;
            border-radius: 50%;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: center;
            height: 40px;
            width: 40px; }
        .teams-container .teams .all-member-list .members .member .content {
          height: 70%;
          padding: 30px; }
          .teams-container .teams .all-member-list .members .member .content i {
            margin-right: 10px; }
          .teams-container .teams .all-member-list .members .member .content div {
            padding-left: 5px;
            color: #777; }
    .teams-container .teams .team {
      margin-bottom: 10px; }
      .teams-container .teams .team .card-header {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .teams-container .teams .team .card-header .member-thumbnails {
          display: flex;
          flex-direction: row;
          justify-content: flex-start; }
        .teams-container .teams .team .card-header span {
          font-weight: bold;
          color: black; }
        .teams-container .teams .team .card-header .image {
          height: 30px;
          width: 30px;
          margin: 5px;
          border-radius: 50%;
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-position: center; }
        .teams-container .teams .team .card-header .add-members {
          height: 30px;
          width: 30px;
          margin: 5px;
          color: #9bb21e; }
        .teams-container .teams .team .card-header i {
          padding-top: 0;
          cursor: pointer; }
      .teams-container .teams .team .members {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap; }
        @media only screen and (max-width: 1024px) {
          .teams-container .teams .team .members {
            display: flex;
            flex-direction: row;
            justify-content: space-between; } }
        .teams-container .teams .team .members .member {
          height: 200px;
          margin-bottom: 10px;
          width: 31%;
          margin-right: 1.1%;
          margin-left: 1.1%; }
          @media only screen and (max-width: 1024px) {
            .teams-container .teams .team .members .member {
              width: 48%;
              margin-left: 0;
              margin-right: 0; } }
          .teams-container .teams .team .members .member .title {
            height: 30%;
            background-color: #E8E7E2;
            color: #777;
            display: flex;
            flex-direction: row;
            justify-content: flex-start; }
            .teams-container .teams .team .members .member .title .details {
              display: flex;
              flex-direction: column;
              justify-content: center;
              padding: 20px; }
              @media only screen and (max-width: 1024px) {
                .teams-container .teams .team .members .member .title .details {
                  padding: 5px; } }
              @media only screen and (max-width: 1024px) {
                .teams-container .teams .team .members .member .title .details .name {
                  text-overflow: clip; } }
            .teams-container .teams .team .members .member .title .image {
              margin: 10px;
              border-radius: 50%;
              background-repeat: no-repeat;
              background-size: 100% auto;
              background-position: center;
              height: 40px;
              width: 40px; }
          .teams-container .teams .team .members .member .content {
            height: 70%;
            padding: 30px; }
            .teams-container .teams .team .members .member .content i {
              margin-right: 10px; }
            .teams-container .teams .team .members .member .content div {
              padding-left: 5px;
              color: #777; }

.add-member-team-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 20px;
  position: absolute;
  top: 65px;
  right: 20px; }

.newproject-list {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 90%;
  padding-left: 100px; }

.projects-summary-ctn {
  padding: 20px; }
  .projects-summary-ctn .project-summary-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .projects-summary-ctn .project-summary-header div {
      width: 120px;
      height: 30px;
      padding: 3px 0 0 18px;
      background-color: #F6CC06; }
    .projects-summary-ctn .project-summary-header a {
      font-size: 12px;
      padding-right: 3px; }
  .projects-summary-ctn .project-summary-scheduled-table thead tr div {
    padding: 15px 20px; }
    @media only screen and (max-width: 998px) {
      .projects-summary-ctn .project-summary-scheduled-table thead tr div {
        padding: 15px 5px; } }
  .projects-summary-ctn .project-summary-scheduled-table tbody tr td {
    padding: 15px 20px; }
    @media only screen and (max-width: 998px) {
      .projects-summary-ctn .project-summary-scheduled-table tbody tr td {
        padding: 10px 5px; } }
    @media only screen and (max-width: 1024px) and (orientation: landscape) {
      .projects-summary-ctn .project-summary-scheduled-table tbody tr td {
        padding: 15px 4px; } }

.view-all-assets {
  float: right;
  font-size: 15px;
  opacity: 0.7; }

.reviewed-list-view-all {
  padding-right: 20px; }

.project-summary-card-header-ctn {
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .project-summary-card-header-ctn .project-summary-card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 300px; }
    .project-summary-card-header-ctn .project-summary-card-header div p {
      font-size: 18px;
      font-weight: 580; }

.project-summary-header-btn {
  height: 30px !important; }

.scheduled-list-ctn .project-summary-scheduled-table tr:nth-child(even) {
  background-color: #E8E7E2; }
.scheduled-list-ctn .project-summary-scheduled-table tr td:last-child {
  width: 50%; }

.reviewed-list-row {
  padding: 10px 0 0;
  background-color: #E8E7E2; }

.summary-nav-bar {
  margin: 20px;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  .summary-nav-bar .dateslider {
    width: 80%;
    padding: 0 15px;
    display: flex;
    align-items: center; }
    .summary-nav-bar .dateslider .date {
      width: 11%;
      padding: 0 5px;
      color: #484848; }
      @media only screen and (max-width: 1024px) {
        .summary-nav-bar .dateslider .date {
          width: 15%; } }
      @media only screen and (max-width: 997px) {
        .summary-nav-bar .dateslider .date {
          width: 20%;
          font-size: 12px; } }
    .summary-nav-bar .dateslider .range {
      width: 80%; }
  .summary-nav-bar .breadcrumb {
    background-color: white;
    width: 20%;
    margin: 10px 0; }
    @media only screen and (max-width: 1024px) {
      .summary-nav-bar .breadcrumb {
        width: 30%; } }
    .summary-nav-bar .breadcrumb .project-name {
      font-size: 16px;
      font-weight: 500; }
    .summary-nav-bar .breadcrumb .dropdown {
      min-width: 15rem; }
    .summary-nav-bar .breadcrumb .dropdown-menu li {
      padding: 5px; }
  .summary-nav-bar .navigation-breadcrumb .navigation-dropdown {
    left: -17px; }
    .summary-nav-bar .navigation-breadcrumb .navigation-dropdown li {
      padding-left: 1rem;
      padding-right: 1rem; }
  .summary-nav-bar .navigation-breadcrumb .caret {
    padding-left: 10px; }
  .summary-nav-bar .navigation-breadcrumb .dropdown-toggle {
    opacity: 0.7; }

.financial-analyst-summary {
  position: relative; }
  .financial-analyst-summary .fa-view-all-assets {
    position: absolute;
    right: 0;
    top: -30px; }

.empty-assets {
  text-align: center;
  padding-top: 30px;
  opacity: 0.7;
  padding-bottom: 30px; }

.scouting-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px; }
  @media only screen and (max-width: 1024px) {
    .scouting-container {
      padding-right: 0; } }
  .scouting-container .scouting-description {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 75%; }
    @media only screen and (min-width: 2010px) {
      .scouting-container .scouting-description {
        width: 100%; } }
    @media only screen and (max-width: 1024px) {
      .scouting-container .scouting-description {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; } }
  .scouting-container .scouting-side-bar {
    width: 25%;
    max-width: 500px;
    background-color: white;
    border-left: 1px solid #E8E7E2; }
    @media only screen and (max-width: 1024px) {
      .scouting-container .scouting-side-bar {
        box-shadow: 0 0 40px #E8E7E2;
        width: 10%; } }

.scouting-form-container {
  width: 75%;
  background-color: white;
  padding: 20px; }
  @media only screen and (min-width: 1675px) {
    .scouting-form-container {
      width: 100%; } }
  @media only screen and (max-width: 1024px) {
    .scouting-form-container {
      width: 100%; } }
  .scouting-form-container .scouting-form-desc {
    font-size: 15px;
    padding-bottom: 20px;
    background-color: #E8E7E2;
    width: 100%;
    margin-bottom: 20px;
    min-height: auto;
    max-height: 200px;
    overflow-y: auto; }
    .scouting-form-container .scouting-form-desc ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .scouting-form-container .scouting-form-desc ul li {
        width: 25%;
        padding-left: 15px;
        margin-right: 0;
        padding-top: 20px; }
  .scouting-form-container .scouting-form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 10px; }
    .scouting-form-container .scouting-form .scouting-form-component-ctn {
      width: 33%;
      max-width: 420px;
      min-width: 190px; }
      .scouting-form-container .scouting-form .scouting-form-component-ctn .scouting-form-component {
        padding: 20px 20px 20px 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        .scouting-form-container .scouting-form .scouting-form-component-ctn .scouting-form-component input {
          width: 90%;
          height: 30px; }
        .scouting-form-container .scouting-form .scouting-form-component-ctn .scouting-form-component .date-picker {
          border: 1px solid #bababa; }
        .scouting-form-container .scouting-form .scouting-form-component-ctn .scouting-form-component select {
          width: 90%;
          height: 30px;
          background-color: white; }
        .scouting-form-container .scouting-form .scouting-form-component-ctn .scouting-form-component label {
          margin-bottom: 2px;
          font-size: 15px; }

.scouting-label {
  font-weight: 500;
  opacity: 0.8; }
  @media only screen and (max-width: 1024px) {
    .scouting-label {
      display: none; } }

.side-bar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #E8E7E2; }
  .side-bar .upper-sidebar-guidelines-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: white;
    margin-bottom: 1px;
    padding: 5px; }
    .side-bar .upper-sidebar-guidelines-container .approval-help {
      font-size: 11px;
      padding-left: 10px; }
    .side-bar .upper-sidebar-guidelines-container .upper-sidebar-guidelines {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 16%;
      align-items: center;
      min-width: 50px; }
      .side-bar .upper-sidebar-guidelines-container .upper-sidebar-guidelines .status-bar {
        width: 1.5px;
        height: 20px;
        background-color: black; }
      .side-bar .upper-sidebar-guidelines-container .upper-sidebar-guidelines .fa {
        padding-top: 4px; }

.recommendation-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  .recommendation-component .recommendation-header {
    padding: 20px 20px 10px;
    background-color: white;
    margin-bottom: 1px; }
  .recommendation-component form {
    margin-bottom: 0; }

.recommendation-sub-header .recommendation-sub-header-label {
  opacity: 0.8;
  padding: 10px 0; }

.recommendation-label {
  font-size: 18px;
  padding-bottom: 10px;
  opacity: 0.8; }

.recommendation-comment-box {
  max-height: 120px;
  font-size: 15px;
  overflow-y: scroll;
  background-color: rgba(232, 231, 226, 0.44);
  padding: 10px;
  min-height: 80px;
  opacity: 0.8; }

.checkbox-container {
  padding: 20px;
  background-color: white;
  font-size: 15px;
  margin-bottom: 1px; }
  .checkbox-container .checkbox {
    height: 40px; }
    @media only screen and (max-width: 800px) {
      .checkbox-container .checkbox {
        height: 50px; } }
    .checkbox-container .checkbox label {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center; }
      .checkbox-container .checkbox label input[type=checkbox] {
        position: relative;
        opacity: 0;
        z-index: 2;
        left: 20px;
        width: 20px;
        height: 20px; }
        .checkbox-container .checkbox label input[type=checkbox] + label {
          position: relative;
          cursor: pointer;
          padding: 0; }
        .checkbox-container .checkbox label input[type=checkbox] + label:before {
          position: relative;
          content: '';
          margin-right: 10px;
          display: inline-block;
          width: 20px;
          height: 20px;
          top: 4px;
          background: #fff;
          border: 1px solid #9197a1; }
        .checkbox-container .checkbox label input[type=checkbox]:checked + label:after {
          content: '';
          position: absolute;
          left: 3px;
          top: 12px;
          background: black;
          width: 2px;
          height: 2px;
          box-shadow: 2px 0 0 black, 4px 0 0 black, 6px 0 0 black, 6px -2px 0 black, 6px -4px 0 black, 6px -6px 0 black, 6px -8px 0 black, 6px -10px 0 black;
          transform: rotate(45deg); }
      .checkbox-container .checkbox label p {
        padding: 0 0 0 8px;
        margin-bottom: 0; }

.recommendation-comment-ctn {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  background-color: white; }
  .recommendation-comment-ctn .comment-sub-section {
    padding-top: 10px; }
  .recommendation-comment-ctn .recommendation-btn-group {
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%; }
    .recommendation-comment-ctn .recommendation-btn-group button {
      font-size: 12px; }
    @media only screen and (max-width: 1024px) {
      .recommendation-comment-ctn .recommendation-btn-group {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start; } }

.recommendation-text-area {
  height: 98px;
  background-color: rgba(232, 231, 226, 0.44);
  font-size: 15px;
  opacity: 0.8;
  width: 100%; }

.recommendation-comment-btn {
  width: 100%; }

@media only screen and (max-width: 800px) {
  .submit-btn {
    width: 30%; } }
@media only screen and (min-width: 800px) and (max-width: 1200px) {
  .submit-btn {
    width: 20%; } }

.recommendation-file-ctn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 80%;
  border: 1px solid black;
  opacity: 0.8; }
  @media only screen and (max-width: 800px) {
    .recommendation-file-ctn {
      width: 100%; } }
  .recommendation-file-ctn .recommendation-file {
    padding: 5px; }
  .recommendation-file-ctn .recommendation-exit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 10%;
    background-color: #DBDBDB; }
    .recommendation-file-ctn .recommendation-exit .fa {
      padding-top: 0; }

.review-guideline p, .invoice-comments-popover p {
  font-size: 16px; }
.review-guideline .review-guideline-description .guideline-label, .invoice-comments-popover .review-guideline-description .guideline-label, .invoice-comments-popover .invoice-comment-popover-description .guideline-label, .invoice-comments-popover .invoice-comment-popover-description .comment-label {
  background-color: #84C075;
  width: 80px;
  color: white;
  padding: 0 5px 0 15px; }
.review-guideline .review-guideline-description .empty-guideline, .invoice-comments-popover .review-guideline-description .empty-guideline, .invoice-comments-popover .invoice-comment-popover-description .empty-guideline {
  width: 200px; }
.review-guideline .review-guideline-description .bottom-border, .invoice-comments-popover .review-guideline-description .bottom-border, .invoice-comments-popover .invoice-comment-popover-description .bottom-border {
  border: 0.5px solid #84C075; }
.review-guideline .review-guideline-description ul, .invoice-comments-popover .review-guideline-description ul, .invoice-comments-popover .invoice-comment-popover-description ul {
  padding-top: 10px;
  max-height: 200px;
  overflow-y: auto; }
  .review-guideline .review-guideline-description ul li, .invoice-comments-popover .review-guideline-description ul li, .invoice-comments-popover .invoice-comment-popover-description ul li {
    color: #84C075; }
    .review-guideline .review-guideline-description ul li p, .invoice-comments-popover .review-guideline-description ul li p, .invoice-comments-popover .invoice-comment-popover-description ul li p {
      color: black;
      font-size: 12px; }

.pop-over-arrow-ctn {
  background: rgba(0, 0, 0, 0.5); }

.temp-popover {
  position: absolute;
  z-index: 1;
  top: 145px;
  left: 1040px;
  width: 300px;
  overflow: auto;
  background-color: white;
  border: 1px solid;
  box-shadow: 2px 2px 2px 2px #888888; }
  .temp-popover span {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 24px;
    padding-top: 0;
    padding-right: 34px;
    /* margin-top: -20px; */ }

.triangle {
  position: absolute; }

.scouting-form-ctn {
  padding-top: 20px;
  opacity: 0.8; }
  @media only screen and (max-width: 800px) {
    .scouting-form-ctn {
      height: 90%;
      overflow-y: auto; } }
  @media only screen and (max-width: 1024px) {
    .scouting-form-ctn {
      padding-top: 0; } }

.recommendation-panel-tablet {
  width: 10%;
  background-color: white;
  padding: 20px; }
  @media only screen and (min-width: 1025px) {
    .recommendation-panel-tablet {
      display: none; } }
  .recommendation-panel-tablet .fa {
    font-size: xx-large; }

.eddy-btn-on-click {
  opacity: 1 !important; }

.recommendation-panel-pos-tablet {
  width: 60% !important;
  position: absolute;
  right: 0;
  top: 100;
  background-color: white;
  box-shadow: 0 0 30px 0 #ccc;
  transition: all 2s ease-in; }
  .recommendation-panel-pos-tablet .fa-window-close {
    padding: 10px;
    float: right;
    font-size: x-large; }

.tab-scouting-dropdown {
  position: absolute;
  padding: 5px 10px;
  padding-top: 0; }
  @media only screen and (min-width: 1025px) {
    .tab-scouting-dropdown {
      display: none; } }
  .tab-scouting-dropdown .summary-nav-bar {
    background-color: white; }
    .tab-scouting-dropdown .summary-nav-bar img {
      width: 30px;
      height: 30px;
      background-color: #F6CC06;
      padding: 5px; }
    .tab-scouting-dropdown .summary-nav-bar .dropdown-toggle {
      font-weight: 500;
      opacity: 0.8; }
    .tab-scouting-dropdown .summary-nav-bar ul {
      list-style-type: none;
      margin-bottom: 0;
      padding: 0; }
    .tab-scouting-dropdown .summary-nav-bar .dropdown-menu li {
      padding: 10px;
      border-bottom: 1px solid #E8E7E2; }
    .tab-scouting-dropdown .summary-nav-bar .dropdown-menu a:last-child li {
      border-bottom: none; }

.modal-body {
  padding: 0 !important; }

.modal-body-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%; }

.modal-body-left-ctn {
  width: 35%;
  background-color: #E8E7E2;
  padding: 35px; }
  .modal-body-left-ctn .modal-selected-list-ctn {
    max-height: 300px;
    overflow-y: auto; }

.modal-body-right-ctn {
  width: 65%;
  padding: 35px; }

.close-modal-btn {
  padding-right: 15px;
  padding-top: 20px; }

.modal-heading {
  font-size: 18px; }

.assign-form-ctn {
  height: 360px;
  overflow-y: auto; }

.asset-assign-table-row-container {
  padding: 15px 5px; }

.asset-assign-table-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid black;
  padding: 7px 7px 5px;
  height: 40px; }

.fa {
  padding-top: 4px; }

.modal-select {
  background-color: white;
  width: 180px;
  height: 30px; }

.modal-input-box {
  margin-left: 45px; }

.modal-date-picker {
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #777;
  background: url("../img/calendar.png") no-repeat 98% center;
  cursor: pointer;
  padding: 5px;
  margin-left: 0; }

.modal-form-row {
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .modal-form-row p {
    margin-bottom: 4px;
    font-size: 15px;
    width: 50%; }
  .modal-form-row div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .modal-form-row div select {
      font-size: 15px;
      width: 80%; }
    .modal-form-row div input {
      width: 80%; }

.reschedule-modal {
  width: 700px; }
  .reschedule-modal .reschedule-modal-content .reschedule-body {
    padding: 10px 20px; }
    .reschedule-modal .reschedule-modal-content .reschedule-body .modal-save-btn {
      padding-top: 20px; }

.asset-spec-ctn {
  padding-top: 15px; }
  @media only screen and (max-width: 1024px) {
    .asset-spec-ctn {
      padding-top: 0; } }
  .asset-spec-ctn .asset-spec-heading {
    margin-bottom: 0;
    font-size: 16px;
    opacity: 0.8;
    font-weight: 500; }
    @media only screen and (max-width: 800px) {
      .asset-spec-ctn .asset-spec-heading {
        padding-left: 0; } }
    @media only screen and (max-width: 1024px) {
      .asset-spec-ctn .asset-spec-heading {
        display: none; } }
  .asset-spec-ctn .asset-spec-list {
    list-style: none;
    font-size: 15px;
    opacity: 0.8;
    padding-top: 10px;
    padding-left: 0;
    min-height: auto;
    max-height: 160px;
    overflow-y: auto; }
    @media only screen and (max-width: 800px) {
      .asset-spec-ctn .asset-spec-list {
        padding-left: 10px; } }
    .asset-spec-ctn .asset-spec-list li {
      padding: 2px; }

.my-work {
  padding: 20px 10px 10px; }
  .my-work .asset-dropdown-filters-container, .my-work .create-invoice-header {
    padding-bottom: 0; }
    .my-work .asset-dropdown-filters-container .asset-label-container, .my-work .create-invoice-header .asset-label-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .my-work .asset-dropdown-filters-container .asset-label-container .asset-label, .my-work .create-invoice-header .asset-label-container .asset-label {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 5px 15px;
        padding-right: 0; }
        .my-work .asset-dropdown-filters-container .asset-label-container .asset-label .projects-filter, .my-work .create-invoice-header .asset-label-container .asset-label .projects-filter {
          margin-left: 40px;
          border-left: 1px solid #777; }
          .my-work .asset-dropdown-filters-container .asset-label-container .asset-label .projects-filter select, .my-work .create-invoice-header .asset-label-container .asset-label .projects-filter select {
            padding: 0 5px;
            padding-bottom: 5px;
            background-color: #F6CC06;
            color: #484848;
            font-size: 15px;
            width: 120px; }
          .my-work .asset-dropdown-filters-container .asset-label-container .asset-label .projects-filter select:focus, .my-work .create-invoice-header .asset-label-container .asset-label .projects-filter select:focus {
            outline: 0; }
      .my-work .asset-dropdown-filters-container .asset-label-container .modal-body-ctn, .my-work .create-invoice-header .asset-label-container .modal-body-ctn {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        .my-work .asset-dropdown-filters-container .asset-label-container .modal-body-ctn ul, .my-work .create-invoice-header .asset-label-container .modal-body-ctn ul {
          margin-top: 0px;
          color: #777; }
      .my-work .asset-dropdown-filters-container .asset-label-container .filter-icon, .my-work .create-invoice-header .asset-label-container .filter-icon {
        cursor: pointer; }

.filter-modal {
  position: absolute;
  top: 146px;
  right: -84px;
  transform: translate(-50%, -50%) !important; }
  .filter-modal .modal-content {
    height: 200px; }
  .filter-modal .modal-body-ctn {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .filter-modal .modal-body-ctn ul {
      margin-top: 10px;
      color: #777; }
  .filter-modal .modal-header {
    color: #777;
    height: 38px; }
    .filter-modal .modal-header i {
      cursor: pointer; }
  .filter-modal .modal-content {
    width: 240px;
    padding: 0;
    font-size: 12px;
    margin: 0;
    border-radius: 0; }
    .filter-modal .modal-content .modal-body {
      text-align: left; }
  .filter-modal .my-work-filter {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px; }
    .filter-modal .my-work-filter .checkbox-ctn {
      margin-right: 5px;
      position: relative; }

.create-new-project-modal {
  background-color: #E8E7E2;
  width: 1000px !important; }
  @media only screen and (max-width: 1024px) {
    .create-new-project-modal {
      width: 700px !important; } }

.create-rate-card-ctn {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .create-rate-card-ctn .add-row-header-ctn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .create-rate-card-ctn .add-row-header-ctn .add-row-btn-ctn {
      cursor: pointer;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .create-rate-card-ctn .add-row-header-ctn .add-row-btn-ctn i {
        padding-right: 5px; }

.add-table-heading {
  background-color: #F6CC06;
  padding: 5px 10px; }

.add-table-input-box-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }

.subcontractor-input-box-ctn {
  padding: 2px 20px 5px 10px;
  background-color: white; }
  .subcontractor-input-box-ctn select {
    background-color: white;
    border: none;
    border-bottom: 1px solid;
    width: 200px;
    height: 30px; }
    .subcontractor-input-box-ctn select option {
      background-color: white; }

.create-rate-card-list-ctn {
  min-height: 250px;
  height: 320px;
  max-height: 320px; }

.create-rate-card-table-header {
  min-height: auto;
  height: auto; }
  .create-rate-card-table-header table th {
    width: 19%; }
  .create-rate-card-table-header table th:first-child {
    width: 18%; }
  .create-rate-card-table-header table tbody tr td {
    width: 18%; }
    .create-rate-card-table-header table tbody tr td .react-autosuggest__container {
      width: 100%; }
      .create-rate-card-table-header table tbody tr td .react-autosuggest__container input {
        padding-left: 0; }
  .create-rate-card-table-header table tbody tr td:nth-child(4) {
    width: 21%; }

.create-rate-card-list-table, .create-invoice-list-ctn .create-invoice-list-table {
  padding-top: 10px;
  /*
   *padding: $padding-base*2;
   */
  width: 100%; }
  .create-rate-card-list-table thead tr, .create-invoice-list-ctn .create-invoice-list-table thead tr {
    background-color: #DBDBDB; }
    .create-rate-card-list-table thead tr div, .create-invoice-list-ctn .create-invoice-list-table thead tr div {
      padding: 15px 10px; }
      @media only screen and (max-width: 998px) {
        .create-rate-card-list-table thead tr div, .create-invoice-list-ctn .create-invoice-list-table thead tr div {
          padding: 15px 5px; } }
  .create-rate-card-list-table tbody tr td, .create-invoice-list-ctn .create-invoice-list-table tbody tr td {
    padding: 15px 10px; }
    @media only screen and (max-width: 998px) {
      .create-rate-card-list-table tbody tr td, .create-invoice-list-ctn .create-invoice-list-table tbody tr td {
        padding: 10px 5px; } }
    @media only screen and (max-width: 1024px) and (orientation: landscape) {
      .create-rate-card-list-table tbody tr td, .create-invoice-list-ctn .create-invoice-list-table tbody tr td {
        padding: 15px 4px; } }
    .create-rate-card-list-table tbody tr td .to-be-scheduled, .create-invoice-list-ctn .create-invoice-list-table tbody tr td .to-be-scheduled {
      position: relative; }
  .create-rate-card-list-table tbody .hightlight-row, .create-invoice-list-ctn .create-invoice-list-table tbody .hightlight-row {
    background-color: #F6CC06;
    font-size: 16px; }
    .create-rate-card-list-table tbody .hightlight-row td, .create-invoice-list-ctn .create-invoice-list-table tbody .hightlight-row td {
      padding-top: 18px;
      padding-bottom: 18px; }
  .create-rate-card-list-table tbody .highlight-danger-row, .create-invoice-list-ctn .create-invoice-list-table tbody .highlight-danger-row {
    font-size: 16px; }
    .create-rate-card-list-table tbody .highlight-danger-row p, .create-invoice-list-ctn .create-invoice-list-table tbody .highlight-danger-row p {
      color: #fe0007;
      font-size: 12px; }
    .create-rate-card-list-table tbody .highlight-danger-row td, .create-invoice-list-ctn .create-invoice-list-table tbody .highlight-danger-row td {
      padding-top: 18px;
      padding-bottom: 18px; }

.edit-rate-class tbody tr td div {
  text-align: left; }
.edit-rate-class tbody tr td .row-edit-ctn {
  justify-content: space-around; }
.edit-rate-class tbody .hightlight-row {
  font-size: 18px; }
  .edit-rate-class tbody .hightlight-row td .row-edit-ctn {
    justify-content: space-around; }

.row-edit-ctn {
  width: 70px; }
  .row-edit-ctn .fa-pencil {
    margin-right: 10px; }
    @media only screen and (min-width: 767px) and (max-width: 1024px) {
      .row-edit-ctn .fa-pencil {
        margin-left: 2px; } }
  .row-edit-ctn .fa {
    cursor: pointer; }

.create-rate-card-save-ctn {
  margin-top: 20px; }

.create-new-project-page-ctn {
  padding: 30px 20px 0; }

.create-new-project-header p {
  background-color: #F6CC06;
  width: 120px;
  padding: 5px 10px; }

.create-project-form-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px;
  background-color: white; }
  .create-project-form-ctn .create-project-left-ctn {
    width: 50%; }
    .create-project-form-ctn .create-project-left-ctn .create-project-comp {
      padding: 10px 25px 0; }
      .create-project-form-ctn .create-project-left-ctn .create-project-comp .estimated-date {
        padding: 30px 0 5px; }
      .create-project-form-ctn .create-project-left-ctn .create-project-comp .create-project-date-ctn {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .create-project-form-ctn .create-project-left-ctn .create-project-comp .create-project-date-ctn .from-date {
          width: 45%; }
          @media only screen and (max-width: 1024px) {
            .create-project-form-ctn .create-project-left-ctn .create-project-comp .create-project-date-ctn .from-date div {
              width: 150px !important; } }
        .create-project-form-ctn .create-project-left-ctn .create-project-comp .create-project-date-ctn .end-date {
          width: 45%; }
          @media only screen and (max-width: 1024px) {
            .create-project-form-ctn .create-project-left-ctn .create-project-comp .create-project-date-ctn .end-date div {
              width: 150px !important; } }
      .create-project-form-ctn .create-project-left-ctn .create-project-comp .add-team {
        padding-left: 10px; }
      .create-project-form-ctn .create-project-left-ctn .create-project-comp .input-box-material-ui {
        width: 60% !important; }
        .create-project-form-ctn .create-project-left-ctn .create-project-comp .input-box-material-ui label {
          font-size: 15px;
          font-weight: 300; }
  .create-project-form-ctn .create-project-right-ctn {
    width: 50%; }
    .create-project-form-ctn .create-project-right-ctn .upload-project-ctn {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 20px; }
      .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-title {
        font-size: 15px;
        padding-bottom: 10px;
        opacity: 0.8; }
      .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 300px;
        align-items: center; }
        .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details .upload-icon {
          width: 220px; }
          .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details .upload-icon label {
            cursor: pointer; }
          .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details .upload-icon .filename {
            border-bottom: 1px solid #777;
            width: 170px;
            margin-left: 15px;
            margin-bottom: 7px; }
        .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details .rateCard-upload {
          display: none;
          margin-left: 20px;
          width: 200px;
          font-size: 16px;
          opacity: 0;
          z-index: 999;
          position: absolute; }
        .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details input {
          border: none;
          border-bottom: 1px solid #777;
          margin: 0 6% 0 3%;
          padding: 0 10px;
          width: 150px;
          opacity: 0.8; }
        .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details div {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          cursor: pointer; }
          .create-project-form-ctn .create-project-right-ctn .upload-project-ctn .upload-project-details div p {
            font-size: 15px;
            padding-left: 5px;
            opacity: 0.8; }

.add-temp-comp {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  cursor: pointer; }
  .add-temp-comp svg {
    width: 30px; }

.highlight-box {
  border: 1px solid red !important; }

.rate-card-table {
  display: block; }
  .rate-card-table thead {
    display: block; }
  .rate-card-table tbody {
    display: block;
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto; }
  .rate-card-table th {
    width: 21%; }
  .rate-card-table th:nth-child(2) {
    width: 14%; }
  .rate-card-table th:nth-child(3) {
    width: 18%; }
  .rate-card-table th:nth-child(4) {
    width: 22%; }
  .rate-card-table th:nth-child(5) {
    width: 20%; }
  .rate-card-table th:last-child {
    width: 135px; }
  .rate-card-table td {
    width: 21%; }
    .rate-card-table td .react-autosuggest__container {
      width: 150px; }
      .rate-card-table td .react-autosuggest__container input {
        padding-left: 0; }
  .rate-card-table tbody tr td:nth-child(2) {
    width: 16%; }
  .rate-card-table tbody tr td:nth-child(3) {
    width: 21%; }
    .rate-card-table tbody tr td:nth-child(3) input {
      width: 120px; }
  .rate-card-table tbody tr td:nth-child(4) {
    width: 21%; }
    .rate-card-table tbody tr td:nth-child(4) input {
      width: 120px; }
  .rate-card-table tbody tr td:nth-child(5) {
    width: 15%; }
  .rate-card-table tbody tr td:last-child {
    width: 130px; }

.add-asset-table {
  display: block; }
  .add-asset-table thead {
    display: block; }
  .add-asset-table tbody {
    display: block;
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto; }
  .add-asset-table th {
    width: 20%; }
  .add-asset-table td {
    width: 21%; }
    .add-asset-table td .react-autosuggest__container {
      width: 150px;
      padding-left: 5px; }
      .add-asset-table td .react-autosuggest__container input {
        padding-left: 0; }
  .add-asset-table tbody tr td:first-child {
    width: 21%; }
  .add-asset-table tbody tr td:nth-child(2) {
    width: 15%; }
  .add-asset-table tbody tr td:nth-child(5) {
    width: 15%; }

.create-project-save-btn-ctn {
  padding: 20px 0 0 25px; }

.create-project-image-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px; }
  .create-project-image-ctn .image-ctn {
    height: 30px;
    width: 30px;
    margin: 5px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center; }
  .create-project-image-ctn .more-ctn {
    padding-left: 5px; }

.unsolicited {
  border-left: 2px solid red; }

.add-asset-inspection-table {
  display: block; }
  .add-asset-inspection-table thead {
    display: block; }
    .add-asset-inspection-table thead th {
      width: 50%; }
  .add-asset-inspection-table tbody {
    display: block;
    min-height: 250px;
    max-height: 250px;
    overflow-y: auto; }
    .add-asset-inspection-table tbody td {
      width: 47%; }
    .add-asset-inspection-table tbody td:last-child {
      width: 100px; }

.count-badge {
  top: -10px !important;
  right: -11px !important; }

.create-icon-ctn {
  height: 30px; }

.add-team-modal {
  width: 800px !important; }

.modal-body {
  height: 500px; }

.project-team-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%; }
  .project-team-ctn .project-team-members-left-ctn {
    width: 65%;
    height: 90%;
    background-color: white;
    padding: 20px;
    padding-left: 40px; }
    .project-team-ctn .project-team-members-left-ctn .project-team-header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: baseline;
      padding-bottom: 30px; }
      .project-team-ctn .project-team-members-left-ctn .project-team-header p {
        font-size: 16px;
        font-weight: 400;
        width: 50%; }
      .project-team-ctn .project-team-members-left-ctn .project-team-header .member-search-ctn .member-search input {
        width: 90px;
        height: 20px;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid black;
        font-size: 16px;
        background-color: white;
        background-image: url("../img/search-icon.png");
        background-position: 0 2px;
        background-repeat: no-repeat;
        padding: 12px 20px 12px 40px;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
        background-size: 21px auto;
        outline: none; }
      .project-team-ctn .project-team-members-left-ctn .project-team-header .member-search-ctn .member-search input:focus {
        width: 95%; }
    .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn {
      padding: 30px 0 0;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap;
      height: 80%;
      overflow-y: auto; }
      .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 50%;
        padding: 0 10px 20px 0;
        position: relative; }
        .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: baseline;
          padding: 5px 0 15px; }
          .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .select-team-member-checkbox {
            position: relative; }
          .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .team-project-number-ctn {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 100px; }
            .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .team-project-number-ctn .project-role {
              font-size: 12px;
              font-weight: lighter; }
            .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .team-project-number-ctn .team-member-name {
              display: block;
              width: 100%;
              overflow-x: hidden;
              text-overflow: ellipsis; }
            .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .team-project-number-ctn .project-number {
              font-size: 15px;
              font-weight: lighter; }
            .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .team-project-number-ctn .external-company-name {
              width: 100%;
              font-size: 15px;
              width: 100%;
              font-weight: lighter;
              overflow-x: hidden;
              text-overflow: ellipsis; }
              .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-member-header .team-project-number-ctn .external-company-name .external-company .fa-briefcase {
                padding-right: 5px; }
        .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-role-dropdown {
          padding-right: 10px;
          padding-left: 20px; }
          .project-team-ctn .project-team-members-left-ctn .project-team-members-ctn .team-member-component .team-role-dropdown select {
            width: 100%;
            height: 35px;
            background-color: white;
            font-size: 15px;
            font-weight: lighter; }
  .project-team-ctn .project-team-members-right-ctn {
    height: 100%;
    width: 35%;
    background-color: #E8E7E2;
    padding: 72px 20px 20px; }
    .project-team-ctn .project-team-members-right-ctn .selected-members-list-ctn {
      padding-top: 10px;
      height: 78%;
      overflow-y: auto;
      margin-bottom: 20px; }
      .project-team-ctn .project-team-members-right-ctn .selected-members-list-ctn .selected-members-component-ctn {
        padding: 13px 0 0; }
        .project-team-ctn .project-team-members-right-ctn .selected-members-list-ctn .selected-members-component-ctn .selected-members-component {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          border: 1px solid;
          width: 190px;
          padding: 10px 0 5px; }
          .project-team-ctn .project-team-members-right-ctn .selected-members-list-ctn .selected-members-component-ctn .selected-members-component i {
            padding: 5px; }

.selected-members-label {
  font-size: 15px; }

.team-image-ctn {
  padding: 0 10px; }
  .team-image-ctn img {
    width: 30px;
    height: 30px;
    border-radius: 50%; }

.selected-members-name {
  overflow: hidden; }

.tooltip-inner::before {
  border-top-color: rgba(246, 247, 169, 0.68) !important;
  border-bottom-color: rgba(246, 247, 169, 0.68) !important; }

.scouting-dropdown {
  width: 25%;
  background-color: #DBDBDB;
  min-width: 190px;
  max-width: 275px; }
  @media only screen and (max-width: 1024px) {
    .scouting-dropdown {
      display: none; } }
  .scouting-dropdown ul {
    list-style: none;
    padding: 0; }
    .scouting-dropdown ul a {
      text-decoration: none; }
    .scouting-dropdown ul a:hover {
      color: black; }
    .scouting-dropdown ul li {
      height: 60px;
      width: 100%;
      padding-top: 20px; }
      .scouting-dropdown ul li hr {
        margin-left: 10%;
        margin-right: 10%; }
      .scouting-dropdown ul li p {
        text-decoration: none;
        padding-left: 14%;
        opacity: 0.8; }
      .scouting-dropdown ul li p:hover {
        color: black; }
    .scouting-dropdown ul li:hover {
      background-color: #cccccc; }
    .scouting-dropdown ul .li-active {
      background-color: #F6CC06 !important;
      border-left: 4px solid #777; }

.scouting-form-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  @media only screen and (max-width: 1024px) {
    .scouting-form-container {
      padding-top: 50px; } }
  .scouting-form-container .title {
    opacity: 0.8;
    font-weight: 500; }
    @media only screen and (max-width: 1024px) {
      .scouting-form-container .title {
        display: none; } }
  .scouting-form-container .pricebin-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .scouting-form-container .pricebin-details .pricebin-details-spec {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      padding: 20px 0 14px;
      opacity: 0.8;
      font-size: 15px; }
      .scouting-form-container .pricebin-details .pricebin-details-spec .asset-spec {
        width: 50%; }
    .scouting-form-container .pricebin-details hr {
      border-top: 1px solid #E8E7E2;
      width: 100%; }

.user-profile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px; }
  .user-profile .user-profile-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #F6CC06;
    color: black;
    width: 120px;
    padding: 5px; }
  .user-profile .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
    padding: 50px; }
    .user-profile .content .profile-name {
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
      .user-profile .content .profile-name .profile-picture {
        width: 150px;
        height: 150px;
        border-radius: 100px;
        box-shadow: 0 0 5px #DBDBDB;
        position: relative;
        border-radius: 100px;
        background-size: cover;
        background-repeat: no-repeat;
        border: 5px solid white; }
        .user-profile .content .profile-name .profile-picture .upload-photo {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 40px;
          height: 40px;
          background-color: #F6CC06;
          border-radius: 50px;
          background-size: 75%;
          background-repeat: no-repeat;
          background-position: center;
          transform: translate(100px, 100px);
          position: absolute;
          bottom: 100;
          right: 100;
          cursor: pointer; }
          .user-profile .content .profile-name .profile-picture .upload-photo .camera-icon {
            width: 25px;
            height: 25px; }
        .user-profile .content .profile-name .profile-picture .upload-btn {
          opacity: 0;
          z-index: 100;
          position: absolute;
          bottom: 0;
          right: 0;
          width: 40px;
          height: 40px;
          overflow: hidden; }
      .user-profile .content .profile-name p {
        margin: auto 30px;
        font-size: 18px;
        color: #383e44;
        height: 27px; }
    .user-profile .content .profile-info {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%; }
      .user-profile .content .profile-info .editable-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 40%; }
        .user-profile .content .profile-info .editable-info label {
          opacity: 0.5;
          font-size: 15px;
          margin-top: 30px; }
        .user-profile .content .profile-info .editable-info input {
          border: none;
          border: 1px solid white;
          border-bottom: 1px solid #484848;
          opacity: 0.7;
          padding-left: 5px; }
        .user-profile .content .profile-info .editable-info input:focus {
          outline: none; }
      .user-profile .content .profile-info .noneditable-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 40%; }
        .user-profile .content .profile-info .noneditable-info label {
          opacity: 0.5;
          font-size: 15px;
          margin-top: 30px; }
        .user-profile .content .profile-info .noneditable-info p {
          border: none;
          border-bottom: 1px solid #000;
          opacity: 0.7;
          padding-left: 5px;
          height: 27px; }
    .user-profile .content .btn-save-profile {
      margin-top: 50px;
      background-color: #484848;
      padding: 5px 30px;
      color: white;
      border: none;
      cursor: pointer; }

.signup-template p {
  color: black; }

.invoice-modal {
  max-width: 98%;
  height: 600px; }
  .invoice-modal .modal-content {
    height: 100%; }

.invoice-modal-body-ctn .invoice-modal-header-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  .invoice-modal-body-ctn .invoice-modal-header-ctn .invoice-modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 170px;
    background-color: #F6CC06;
    padding: 5px;
    padding-left: 13px; }
    .invoice-modal-body-ctn .invoice-modal-header-ctn .invoice-modal-header p {
      font-size: 18px;
      font-weight: 400; }
  .invoice-modal-body-ctn .invoice-modal-header-ctn .invoice-print-img {
    padding-left: 10px; }

.invoice-ctn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: white;
  padding: 10px 20px 10px 0; }
  .invoice-ctn .invoice-summary-ctn {
    width: 32%;
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
    .invoice-ctn .invoice-summary-ctn .invoice-summary {
      height: 60 0;
      padding: 0 30px 10px 20px; }
      .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-header {
        padding: 5px;
        padding-left: 0; }
        .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-header .invoice-summary-body-ctn {
          padding: 10px 0 0; }
          .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-header .invoice-summary-body-ctn .invoice-summary-body {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            background-color: white; }
            .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-header .invoice-summary-body-ctn .invoice-summary-body .invoice-summary-comp {
              display: flex;
              flex-direction: column;
              justify-content: flex-start;
              width: 110px; }
              .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-header .invoice-summary-body-ctn .invoice-summary-body .invoice-summary-comp .invoice-summary-comp-value {
                font-size: 24px;
                opacity: 0.8; }
              .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-header .invoice-summary-body-ctn .invoice-summary-body .invoice-summary-comp .invoice-summary-comp-label {
                font-size: 15px;
                opacity: 0.8; }
      .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn {
        padding-right: 40px; }
        .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table {
          padding-top: 5px; }
          .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-summary-body-list {
            width: 100%;
            background-color: white;
            font-size: 15px;
            font-weight: 400;
            opacity: 0.8; }
            .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-summary-body-list tr td {
              padding: 10px 10px 10px 0; }
            .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-summary-body-list tr td:nth-child(2) u {
              cursor: pointer; }
          .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-total-row {
            font-weight: 400;
            font-size: 15px; }
            .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-total-row tr td:first-child {
              width: 186px; }
            .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-total-row tr {
              border-top: 1px solid #E8E7E2;
              font-weight: 400; }
          .invoice-ctn .invoice-summary-ctn .invoice-summary .invoice-summary-body-list-ctn .invoice-summary-table .invoice-upper-table {
            max-height: 150px;
            overflow-y: auto; }
  .invoice-ctn .invoice-asset-list-ctn {
    width: 68%;
    padding: 0 0 0 30px; }
    .invoice-ctn .invoice-asset-list-ctn .asset-header {
      padding: 20px 0 10px; }
    .invoice-ctn .invoice-asset-list-ctn .invoice-asset-table-ctn {
      height: 560px;
      overflow-y: auto; }
      .invoice-ctn .invoice-asset-list-ctn .invoice-asset-table-ctn .invoice-asset-table-header tr {
        height: 10px; }

.invoice-asset-table {
  width: 100%;
  table-layout: fixed; }
  .invoice-asset-table thead tr {
    height: 20px;
    background-color: white !important; }
    .invoice-asset-table thead tr th {
      font-weight: 400;
      font-size: 15px; }
    .invoice-asset-table thead tr th:first-child {
      width: 40px;
      padding: 10px; }
    .invoice-asset-table thead tr th:nth-child(2) {
      width: 130px; }
    .invoice-asset-table thead tr th:nth-child(3) {
      width: 180px;
      word-wrap: break-word; }
    .invoice-asset-table thead tr th:nth-child(4) {
      width: 175px; }
    .invoice-asset-table thead tr th:nth-child(5) {
      width: 120px;
      padding-right: 10px; }
    .invoice-asset-table thead tr th:nth-child(6) {
      width: 110px;
      word-wrap: break-word;
      padding-right: 10px; }
  .invoice-asset-table tbody {
    font-weight: 300;
    font-size: 15px; }
    .invoice-asset-table tbody tr {
      height: 65px; }
    .invoice-asset-table tbody tr:nth-child(odd) {
      background-color: #EEEDE7; }
    .invoice-asset-table tbody tr td:first-child {
      width: 40px;
      padding: 0 10px; }
      .invoice-asset-table tbody tr td:first-child input {
        top: 24px;
        left: 0; }
    .invoice-asset-table tbody tr td:nth-child(2) {
      width: 150px;
      word-wrap: break-word;
      padding-right: 70px; }
    .invoice-asset-table tbody tr td:nth-child(3) {
      width: 170px;
      word-wrap: break-word;
      padding-right: 45px; }
    .invoice-asset-table tbody tr td:nth-child(4) {
      width: 170px;
      word-wrap: break-word;
      padding-right: 70px; }
    .invoice-asset-table tbody tr td:nth-child(5) {
      width: 120px;
      word-wrap: break-word;
      padding-right: 10px; }
    .invoice-asset-table tbody tr td:nth-child(6) {
      width: 110px;
      word-wrap: break-word;
      padding-right: 10px; }

.invoice-summary-header-label {
  font-size: 18px;
  font-weight: 400;
  opacity: 0.8; }

.paginate-invoice-ctn {
  display: flex;
  flex-direction: row;
  justify-content: space-around; }
  .paginate-invoice-ctn .pagination {
    margin: 0; }
  .paginate-invoice-ctn a {
    text-decoration: none;
    color: black;
    cursor: pointer; }
  .paginate-invoice-ctn ul {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px; }
  .paginate-invoice-ctn .active {
    font-size: 18px; }
  .paginate-invoice-ctn li {
    outline: none;
    padding: 5px;
    display: inline-block;
    margin: 2px; }
  .paginate-invoice-ctn .next {
    margin-left: 20px; }
  .paginate-invoice-ctn .previous {
    margin-right: 20px; }

.invoice-page-ctn {
  padding: 20px; }

.invoice-btn-ctn {
  padding-top: 14px; }
  .invoice-btn-ctn .invoice-comment-ctn {
    padding: 25px 0 10px; }
    .invoice-btn-ctn .invoice-comment-ctn p {
      padding-bottom: 6px; }
    .invoice-btn-ctn .invoice-comment-ctn textarea {
      border-radius: 4px;
      padding-top: 14px; }
      .invoice-btn-ctn .invoice-comment-ctn textarea .invoice-comment-ctn {
        padding: 25px 0px 10px 0px; }
        .invoice-btn-ctn .invoice-comment-ctn textarea .invoice-comment-ctn p {
          padding-bottom: 6px; }
        .invoice-btn-ctn .invoice-comment-ctn textarea .invoice-comment-ctn .invoice-summary-text-area {
          border-radius: 4px;
          width: 360px;
          height: 70px; }

.inspection-report {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 700px; }
  @media only screen and (max-width: 1024px) {
    .inspection-report {
      padding: 0 10px; } }

.inspection-report-react-ctn {
  width: 108%; }

.inspection-report-ctn {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .inspection-report-ctn .inspection-report-accordion-ctn {
    background-color: white;
    padding: 20px 20px 0;
    width: 70%;
    min-height: 500px; }
    @media only screen and (max-width: 1024px) {
      .inspection-report-ctn .inspection-report-accordion-ctn {
        width: 90%; } }
  .inspection-report-ctn .inspection-side-bar-ctn {
    width: 30%;
    background-color: white;
    border-left: 1px solid #E8E7E2; }
    @media only screen and (max-width: 1024px) {
      .inspection-report-ctn .inspection-side-bar-ctn {
        width: 10%;
        background-color: white;
        box-shadow: 0 0 40px #E8E7E2; } }

#inspection-accordion-ctn {
  padding-top: 20px;
  padding-top: 20px;
  max-height: 600px;
  overflow-y: scroll; }
  #inspection-accordion-ctn::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 6px white; }
  #inspection-accordion-ctn::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 6px white; }

.inspection-field-ctn {
  max-height: 90%;
  overflow-y: auto; }

.inspection-accordion-card-block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 10px; }

.inspection-report-comp {
  width: 200px;
  padding: 5px 30px 15px 0; }
  .inspection-report-comp .inspection-report-comp-header p {
    font-size: 15px;
    padding-bottom: 5px;
    font-weight: 400;
    opacity: 0.8;
    width: 190px;
    overflow: hidden; }
    .inspection-report-comp .inspection-report-comp-header p a {
      margin-left: 4px;
      color: #fc9393; }
  .inspection-report-comp .inspection-report-comp-header a {
    margin-left: 4px;
    color: #ff3131; }
  .inspection-report-comp .inspection-report-comp-body input[type='text'], .inspection-report-comp .inspection-report-comp-body input[type='number'] {
    font-size: 15px;
    opacity: 0.7;
    font-weight: 400;
    padding: 5px;
    height: 35px;
    width: 190px; }
  .inspection-report-comp .inspection-report-comp-body select {
    height: 35px;
    width: 190px;
    background: none;
    font-size: 15px;
    opacity: 0.7;
    font-weight: 400;
    padding: 5px; }

.accordion-card {
  border: none;
  padding-bottom: 30px; }
  @media only screen and (max-width: 1024px) {
    .accordion-card {
      margin-top: 20px; } }
  .accordion-card .accordion-header .accordion-sub-header .accordion-toggle {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    cursor: pointer; }
    .accordion-card .accordion-header .accordion-sub-header .accordion-toggle .header-accordion-toggle {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      width: 90%; }
      .accordion-card .accordion-header .accordion-sub-header .accordion-toggle .header-accordion-toggle .accordion-line {
        width: 84%;
        border-top: 1px solid #E8E7E2;
        margin: 15px; }
      .accordion-card .accordion-header .accordion-sub-header .accordion-toggle .header-accordion-toggle p {
        opacity: 0.8;
        font-weight: 500; }
    .accordion-card .accordion-header .accordion-sub-header .accordion-toggle .arrow-toggle {
      position: absolute;
      right: 40; }
      .accordion-card .accordion-header .accordion-sub-header .accordion-toggle .arrow-toggle .fa {
        opacity: 0.7; }

.export-inspection-report {
  height: 35px;
  margin-left: 50%;
  width: 70px; }

.save-inspection-report {
  height: 35px;
  margin-left: 5%;
  width: 70px; }

.export-modal {
  width: 40%;
  max-height: 20%; }

.export-modal-body-ctn {
  height: 300px;
  margin-top: 35%; }

.import-modal-body-ctn {
  height: 250px;
  margin-top: 30%; }

.export-modal-body {
  padding: 15px; }
  .export-modal-body .export-description {
    margin-top: 8%; }
  .export-modal-body .import-button {
    margin-top: 8%;
    text-align: center; }
  .export-modal-body .export-link {
    text-align: center; }
    .export-modal-body .export-link textarea {
      margin-top: 20px;
      background-color: #E8E7E2;
      text-align: center;
      line-height: 15px;
      padding-top: 13px;
      width: 90%;
      color: #555; }
    .export-modal-body .export-link input {
      margin-top: 20px;
      text-align: center;
      width: 90%;
      color: #555; }

.scouting-form-container {
  overflow-y: auto; }
  .scouting-form-container .media-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 220px;
    width: 100%; }
    .scouting-form-container .media-container .pdf-Links {
      margin-top: 5px; }
      .scouting-form-container .media-container .pdf-Links ul {
        list-style-type: none;
        padding-left: 0; }
      .scouting-form-container .media-container .pdf-Links .pdf-link {
        font-size: 13px;
        margin-left: 2%;
        color: black;
        opacity: 0.4; }
    .scouting-form-container .media-container .empty-media {
      font-size: 13px;
      margin-left: 2%;
      color: black;
      opacity: 0.4; }
    .scouting-form-container .media-container .media-thumbs {
      width: 40%;
      background-color: #E8E7E2;
      overflow-y: auto;
      padding: 2%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .scouting-form-container .media-container .media-thumbs img {
        width: 80px;
        height: 60px;
        margin: 5px; }
      .scouting-form-container .media-container .media-thumbs span {
        font-size: 15px;
        margin-left: 2%;
        color: black;
        opacity: 0.6; }
      .scouting-form-container .media-container .media-thumbs .video-thumbs-container {
        margin-bottom: 3%; }
        .scouting-form-container .media-container .media-thumbs .video-thumbs-container .video-thumb {
          position: relative;
          display: inline-block; }
          .scouting-form-container .media-container .media-thumbs .video-thumbs-container .video-thumb img {
            width: 80px;
            height: 60px;
            margin: 5px; }
          .scouting-form-container .media-container .media-thumbs .video-thumbs-container .video-thumb i {
            position: absolute;
            left: 40%;
            top: 22%;
            z-index: 100;
            color: #F6CC06; }
      .scouting-form-container .media-container .media-thumbs .image-thumbs {
        margin-bottom: 3%; }
    .scouting-form-container .media-container .media-player {
      width: 58%;
      background-color: #E8E7E2; }
      .scouting-form-container .media-container .media-player .video {
        width: 100%;
        height: 100%; }
      .scouting-form-container .media-container .media-player img {
        width: 100%;
        height: 100%; }
  .scouting-form-container h6 {
    opacity: 0.8;
    margin-top: 5%;
    /*font-weight: bold;*/ }
  .scouting-form-container .obv-data-table {
    width: 100%;
    margin-top: 1%;
    height: 300px;
    overflow: auto;
    text-align: center;
    position: relative;
    border: 1px solid #E8E7E2;
    background-color: white; }
    .scouting-form-container .obv-data-table span {
      position: absolute;
      top: 40%;
      left: 35%;
      color: #DBDBDB; }
    .scouting-form-container .obv-data-table table {
      border-collapse: collapse;
      width: 100%;
      height: 100%; }
      .scouting-form-container .obv-data-table table tbody {
        overflow: auto;
        height: 100px; }
      .scouting-form-container .obv-data-table table th {
        width: 72px; }
      .scouting-form-container .obv-data-table table table thead {
        display: block; }
    .scouting-form-container .obv-data-table input {
      width: 85px;
      padding: 5px;
      border: none;
      background: none; }
    .scouting-form-container .obv-data-table input:focus {
      outline: 0;
      border-bottom: 1px solid #484848; }
    .scouting-form-container .obv-data-table td,
    .scouting-form-container .obv-data-table th {
      text-align: left;
      padding: 8px; }
    .scouting-form-container .obv-data-table tr:nth-child(even) {
      background-color: #f2f2f2; }
    .scouting-form-container .obv-data-table th {
      background-color: #E8E7E2;
      color: black; }

.selected-thumb {
  border: 3px inset #F6CC06; }

.vjs-afterglow-skin,
.vjs-afterglow-skin .vjs-control-bar {
  color: #F6CC06 !important; }

.vjs-afterglow-skin .vjs-play-progress {
  background-color: #F6CC06 !important; }

.obv-dropdown {
  background: none;
  font-size: 15px;
  opacity: 0.7;
  font-weight: 400;
  padding: 5px; }

.create-invoice-header {
  padding: 0 0 2px; }
  .create-invoice-header .invoice-asset-select-dropdown {
    align-items: center; }
  .create-invoice-header .invoice-asset-checkbox-filters {
    height: 50px; }
  .create-invoice-header .invoice-asset-assign-btn-container .recommendation-btn {
    margin: 0; }
  .create-invoice-header .create-invoice-asset-filter {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 20px; }
  .create-invoice-header select {
    padding: 5px;
    background-color: white;
    color: #484848;
    font-size: 15px; }
  .create-invoice-header select:focus {
    outline: 0; }
  .create-invoice-header ul {
    margin-top: 1px; }

.create-invoice-filter-modal-ctn ul {
  margin-top: 0; }

.create-invoice-list-ctn tr:nth-child(even) {
  background-color: #EEEDE7; }
.create-invoice-list-ctn .create-invoice-list-table {
  margin-bottom: 1px; }

.checkbox-ctn {
  position: relative; }

.invoice-comments-popover .invoice-comment-popover-description .comment-label {
  width: 60%; }

.no-work {
  text-align: center;
  padding-top: 20px;
  font-weight: bolder; }

.login-wrapper {
  min-height: 700px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .login-wrapper .login-logo-ctn {
    width: 65%;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .login-wrapper .login-logo-ctn .login-logo {
      height: 400px;
      width: 400px;
      background: url("/static/img/logo_with_header.png");
      background-size: cover;
      background-repeat: no-repeat; }
  .login-wrapper .login-form-ctn {
    width: 35%;
    background-color: #484848;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .login-wrapper .login-form-ctn .login-box {
      min-height: 400px;
      width: 350px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .login-wrapper .login-form-ctn .login-box .login-form {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 15px; }
        .login-wrapper .login-form-ctn .login-box .login-form input:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #484848 inset;
          -webkit-text-fill-color: white !important; }
        .login-wrapper .login-form-ctn .login-box .login-form .has-float-label {
          margin-top: 40px;
          color: white; }
          .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box {
            background: none;
            width: 100%;
            border-bottom: 1px solid white;
            color: white;
            font-size: 16px;
            outline: none;
            padding-bottom: 5px; }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box:focus {
              border-color: rgba(255, 255, 255, 0.7); }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box::placeholder {
              color: transparent; }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box::-webkit-input-placeholder {
              color: transparent; }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box::-moz-placeholder {
              /* Firefox 18- */
              color: transparent; }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box::-moz-placeholder {
              /* Firefox 19+ */
              color: transparent; }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box::-ms-input-placeholder {
              color: transparent; }
            .login-wrapper .login-form-ctn .login-box .login-form .has-float-label .eddy-input-box:placeholder-shown:not(:focus) + * {
              font-size: 120%;
              top: 0.4em; }
          .login-wrapper .login-form-ctn .login-box .login-form .has-float-label label {
            color: white;
            opacity: 0.7; }
        .login-wrapper .login-form-ctn .login-box .login-form .eddy-select {
          height: 40px;
          font-size: 16px;
          outline: none;
          border: none;
          color: white; }
          .login-wrapper .login-form-ctn .login-box .login-form .eddy-select option {
            background-color: #484848; }
        .login-wrapper .login-form-ctn .login-box .login-form .eddy-login-btn {
          color: #484848;
          background-color: #F6CC06;
          font-size: 16px;
          font-weight: bold;
          height: 50px;
          width: 180px;
          margin-top: 60px; }
        .login-wrapper .login-form-ctn .login-box .login-form ::-webkit-input-placeholder {
          color: white;
          font-weight: 400;
          font-size: 14px; }
        .login-wrapper .login-form-ctn .login-box .login-form ::-moz-placeholder {
          /* Firefox 19+ */
          color: pink; }
        .login-wrapper .login-form-ctn .login-box .login-form :-ms-input-placeholder {
          /* IE 10+ */
          color: pink; }
        .login-wrapper .login-form-ctn .login-box .login-form :-moz-placeholder {
          /* Firefox 18- */
          color: pink; }
      .login-wrapper .login-form-ctn .login-box .forgot-password-ctn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 25px; }
        .login-wrapper .login-form-ctn .login-box .forgot-password-ctn a {
          font-size: 12px;
          font-weight: 600;
          opacity: 0.8;
          text-decoration: none; }

.alert-container {
  background-color: #FEFAE7;
  padding: 10px;
  text-align: center; }
  .alert-container div {
    display: flex;
    align-items: center;
    justify-content: center; }
    .alert-container div p {
      color: #fe0007;
      font-size: 15px; }

.activation-link-ctn textarea {
  margin: 0px;
  width: 98%;
  height: 100px; }

.forgot-password-text {
  margin-top: 20px; }
  .forgot-password-text a {
    color: #777;
    text-decoration: none;
    cursor: pointer; }
  .forgot-password-text a:hover {
    color: white; }

.eddy-confirmation-box {
  width: 500px;
  margin: 200px auto; }

.eddy-confirmation-box-body {
  height: 200px; }
  .eddy-confirmation-box-body .modal-header {
    background-color: #F6CC06; }
    .eddy-confirmation-box-body .modal-header h4 {
      font-size: 18px; }

.confirmation-body-ctn {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  justify-content: center;
  align-items: center; }
  .confirmation-body-ctn .confirmation-heading p {
    font-size: 18px; }
  .confirmation-body-ctn .confirmation-button-comp {
    width: 20%;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }

#summary-nav-bar {
  display: none; }

.settings {
  margin: 20px; }
  .settings .settings-option {
    background-color: #F6CC06;
    padding: 10px 15px;
    width: 262px;
    font-weight: 500;
    opacity: 0.8; }
    .settings .settings-option select {
      background-color: transparent;
      border: none;
      font-weight: normal;
      font-size: 15px; }
      .settings .settings-option select option {
        background-color: white; }
  .settings #set-high-risk-limit {
    background-color: white;
    padding: 20px;
    height: 500px;
    font-size: 15px; }
    .settings #set-high-risk-limit input, .settings #set-high-risk-limit select {
      background-color: white;
      padding: 5px 10px;
      border: 1px solid #DBDBDB;
      outline: none;
      opacity: 0.8; }
    .settings #set-high-risk-limit input {
      width: 60px; }
    .settings #set-high-risk-limit .set-high-risk-card {
      width: 30%;
      background-color: #EEEDE7;
      margin-top: 30px; }
      .settings #set-high-risk-limit .set-high-risk-card .heading {
        padding: 10px 20px;
        background-color: #DBDBDB;
        font-weight: 500;
        opacity: 0.8; }
      .settings #set-high-risk-limit .set-high-risk-card .limit {
        background-color: #EEEDE7;
        padding: 10px 20px;
        font-size: 15px;
        opacity: 0.8; }
      .settings #set-high-risk-limit .set-high-risk-card .save-btn {
        padding: 20px;
        opacity: 0.8; }
  .settings #set-backlog-alert {
    background-color: white;
    padding: 20px;
    height: 500px; }
    .settings #set-backlog-alert .set-backlog-alert-content {
      width: 50%;
      opacity: 0.8; }
      .settings #set-backlog-alert .set-backlog-alert-content .description {
        padding: 20px 0;
        opacity: 0.8;
        font-size: 15px; }
      .settings #set-backlog-alert .set-backlog-alert-content .heading {
        font-weight: 500; }
      .settings #set-backlog-alert .set-backlog-alert-content .project {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding-bottom: 30px;
        font-size: 15px; }
        .settings #set-backlog-alert .set-backlog-alert-content .project p {
          width: 40%;
          opacity: 0.8; }
        .settings #set-backlog-alert .set-backlog-alert-content .project input {
          background-color: white;
          padding: 5px 10px;
          border: 1px solid #DBDBDB;
          margin-right: 5px;
          width: 100px;
          outline: none;
          opacity: 0.8;
          height: 30px; }

.print-invoice {
  font-family: sans-serif; }

.print-invoice h2 {
  font-size: 18px;
  opacity: 0.7; }

.print-invoice .invoice-summary {
  font-size: 16px;
  opacity: 0.7;
  font-weight: 600;
  padding: 10px 0; }

#invoice-summary-table {
  width: 500px;
  table-layout: fixed;
  opacity: 0.7;
  border-collapse: collapse; }

#invoice-summary-table tr {
  height: 30px;
  background-color: #fff; }

#invoice-summary-table tr td {
  font-weight: 400;
  font-size: 15px; }

#invoice-summary-table tr:last-child {
  border-top: 1px solid #ccc; }

.print-invoice .Invoice-list {
  width: 100%;
  table-layout: fixed;
  opacity: 0.7;
  border-collapse: collapse;
  margin-top: 30px; }

.print-invoice .Invoice-list tr {
  height: 30px;
  background-color: #fff; }

.print-invoice .Invoice-list tr:nth-child(odd) {
  background-color: #EEEDE7; }

.print-invoice .Invoice-list tr:first-child td {
  font-weight: bold; }

.print-invoice .Invoice-list tr td {
  font-weight: 400;
  font-size: 15px;
  padding: 10px; }

.member-add-ctn {
  padding: 15px 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 600px; }
  .member-add-ctn .member-add-box {
    background-color: white;
    width: 40%;
    padding: 20px;
    height: 100%; }
    .member-add-ctn .member-add-box .member-add-form {
      border-right: 1px solid grey;
      height: 100%; }
      .member-add-ctn .member-add-box .member-add-form .member-add-input-box .member-add-input-field {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-right: 15px;
        height: 100px; }
        .member-add-ctn .member-add-box .member-add-form .member-add-input-box .member-add-input-field label {
          opacity: 0.8; }
        .member-add-ctn .member-add-box .member-add-form .member-add-input-box .member-add-input-field input {
          height: 35px;
          padding-left: 2px; }
        .member-add-ctn .member-add-box .member-add-form .member-add-input-box .member-add-input-field select {
          background: none;
          height: 35px; }
  .member-add-ctn .unverified-user-ctn {
    background-color: white;
    width: 60%;
    padding: 20px; }
    .member-add-ctn .unverified-user-ctn .unverified-user-box {
      max-height: 530px;
      min-height: 530px;
      overflow-y: auto;
      padding: 10px;
      width: 70%; }
      .member-add-ctn .unverified-user-ctn .unverified-user-box p {
        font-weight: 400; }
      .member-add-ctn .unverified-user-ctn .unverified-user-box ol {
        opacity: 0.7;
        padding-left: 15px; }

.custom-error-message {
  color: #ff3131;
  font-size: 13px;
  margin-bottom: 15px; }

.upload-assets-ctn {
  padding: 15px 10px; }
  .upload-assets-ctn .upload-asset-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .upload-assets-ctn .upload-asset-header .upload-asset-right-ctn {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100px;
      padding-right: 15px; }
      .upload-assets-ctn .upload-asset-header .upload-asset-right-ctn i {
        cursor: pointer; }
      .upload-assets-ctn .upload-asset-header .upload-asset-right-ctn .upload-icon input {
        display: none; }

.upload-asset-ctn {
  margin-bottom: 10px;
  display: block; }

.upload-assets-table {
  width: 100%;
  table-layout: fixed;
  display: block; }
  .upload-assets-table thead {
    display: block; }
    .upload-assets-table thead tr {
      height: 65px;
      background-color: #EEEDE7 !important; }
      .upload-assets-table thead tr th {
        font-weight: 400;
        font-size: 15px; }
      .upload-assets-table thead tr th:nth-child(1) {
        padding: 10px; }
      .upload-assets-table thead tr th:nth-child(2) {
        width: 15%;
        padding: 10px; }
      .upload-assets-table thead tr th:nth-child(3) {
        width: 15%;
        padding: 10px; }
      .upload-assets-table thead tr th:nth-child(4) {
        width: 20%;
        word-wrap: break-word;
        padding: 10px; }
      .upload-assets-table thead tr th:nth-child(5) {
        width: 25%; }
      .upload-assets-table thead tr th:nth-child(6) {
        width: 10%;
        padding-right: 10px; }
      .upload-assets-table thead tr th:nth-child(7) {
        width: 10%;
        word-wrap: break-word;
        padding-right: 10px; }
      .upload-assets-table thead tr th:nth-child(8) {
        width: 10%;
        word-wrap: break-word;
        padding-right: 10px; }
  .upload-assets-table tbody {
    font-weight: 300;
    font-size: 15px;
    display: block;
    height: 260px;
    overflow-y: auto; }
    .upload-assets-table tbody tr {
      height: 65px; }
    .upload-assets-table tbody tr:nth-child(even) {
      background-color: #EEEDE7; }
    .upload-assets-table tbody tr td:nth-child(1) {
      padding: 10px; }
    .upload-assets-table tbody tr td:nth-child(2) {
      width: 15%;
      padding: 10px; }
      .upload-assets-table tbody tr td:nth-child(2) input {
        top: 24px;
        left: 0; }
    .upload-assets-table tbody tr td:nth-child(3) {
      width: 15%;
      word-wrap: break-word;
      padding: 10px; }
    .upload-assets-table tbody tr td:nth-child(4) {
      width: 20%;
      word-wrap: break-word;
      padding: 10px; }
    .upload-assets-table tbody tr td:nth-child(5) {
      width: 25%;
      word-wrap: break-word;
      padding: 10px; }
    .upload-assets-table tbody tr td:nth-child(6) {
      width: 10%;
      word-wrap: break-word;
      padding: 10px; }
    .upload-assets-table tbody tr td:nth-child(7) {
      width: 10%;
      word-wrap: break-word;
      padding-right: 10px; }
    .upload-assets-table tbody tr td:nth-child(8) {
      width: 10%;
      word-wrap: break-word;
      padding-right: 10px; }

.upload-assets-modal {
  width: 530px; }

.upload-modal-column {
  width: 0px; }

.upload-asset-modal {
  padding: 20px 15px; }

.upload-asset-modal-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  height: 400px;
  overflow-y: auto; }

.upload-asset-modal-btn-ctn button {
  margin-right: 10px; }

.upload-modal-edit-column i {
  cursor: pointer;
  margin-right: 10px; }

.upload-asset-dropdown {
  background-color: #F6CC06;
  font-size: 15px; }

.set-guidelines {
  margin: 20px; }
  .set-guidelines .heading {
    background-color: #F6CC06;
    width: 144px;
    padding: 10px 20px; }
  .set-guidelines .add-set-guidelines {
    background-color: white;
    padding: 20px; }
    .set-guidelines .add-set-guidelines .title {
      padding-left: 0; }
    .set-guidelines .add-set-guidelines form {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
      .set-guidelines .add-set-guidelines form select {
        background-color: white;
        padding: 5px;
        opacity: 0.9;
        width: 150px; }
      .set-guidelines .add-set-guidelines form textarea {
        margin-top: 20px;
        margin-bottom: 20px;
        outline: none;
        background-color: #e5e4db;
        border: 1px solid #e5e4db; }
      .set-guidelines .add-set-guidelines form .add-upload-guidelines {
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
        .set-guidelines .add-set-guidelines form .add-upload-guidelines .upload {
          position: absolute;
          opacity: 0;
          z-index: 100; }
        .set-guidelines .add-set-guidelines form .add-upload-guidelines .upload-guidelines {
          padding-left: 20px;
          position: relative; }
          .set-guidelines .add-set-guidelines form .add-upload-guidelines .upload-guidelines .upload-btn {
            position: absolute;
            top: 0; }
  .set-guidelines .title {
    padding-left: 20px;
    opacity: 0.8; }
  .set-guidelines .guidelines {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .set-guidelines .guidelines .guildelines-card {
      width: 49%;
      margin: 20px;
      margin-left: 0; }
      .set-guidelines .guidelines .guildelines-card .heading-guidelines {
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
        .set-guidelines .guidelines .guildelines-card .heading-guidelines .bottom-border {
          width: 100%;
          border-bottom: 3px solid #e5e4db; }
        .set-guidelines .guidelines .guildelines-card .heading-guidelines p {
          background-color: #84c075;
          width: 100px;
          padding: 5px 10px; }
      .set-guidelines .guidelines .guildelines-card .guidelines-desc {
        font-size: 15px; }
        .set-guidelines .guidelines .guildelines-card .guidelines-desc li {
          color: #84C075; }
          .set-guidelines .guidelines .guildelines-card .guidelines-desc li p {
            color: black;
            padding: 10px 0;
            opacity: 0.7; }

.data-upload-container section {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .data-upload-container section .upload-area {
    width: 200px;
    min-height: 80px;
    border-width: 1px;
    border-color: #666666;
    border-style: dashed;
    border-radius: 5px;
    padding: 5px;
    display: flex; }
  .data-upload-container section .start-upload input {
    margin-top: 20%; }
  .data-upload-container section .file-list {
    width: 700px; }
    .data-upload-container section .file-list ul {
      list-style: none; }
    .data-upload-container section .file-list .file-name-item {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .data-upload-container section .file-list .file-name-item .file-name {
        color: #777; }
      .data-upload-container section .file-list .file-name-item .progress-container .progressbar {
        margin-top: 10px; }
.data-upload-container .data-process-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
.data-upload-container .data-process-response .response-area {
  margin-top: 1%;
  height: 200px;
  padding-top: 13px;
  padding-left: 0;
  color: #fc9393;
  background-color: #eee; }
  .data-upload-container .data-process-response .response-area ul {
    padding-left: 1%;
    padding-top: 0px;
    font-size: 13px;
    color: dimgray;
    overflow-y: scroll;
    overflow-x: auto;
    max-height: 100%; }
    .data-upload-container .data-process-response .response-area ul li {
      list-style: none; }

.inspection-spec-dropdown {
  height: 40px;
  width: 190px;
  background: none;
  font-size: 15px;
  opacity: 0.7;
  font-weight: 400;
  padding: 5px;
  margin-right: 10px; }

.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-innerBar {
  height: 1px;
  background-color: #484848; }
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-handle {
  top: -10px !important;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: black; }
.ui-rangeSlider .ui-rangeSlider-container .ui-rangeSlider-bar {
  height: 1px;
  background-color: #a5e5f3; }
.ui-rangeSlider .ui-rangeSlider-label {
  margin-top: 20px; }
  .ui-rangeSlider .ui-rangeSlider-label .ui-rangeSlider-label-value {
    color: #484848; }
.ui-rangeSlider .ui-rangeSlider-arrow {
  width: 1px;
  height: 16px;
  top: -8px;
  background-color: #484848; }

.project-analytics {
  margin: 20px; }
  .project-analytics .project-analytics-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .project-analytics .project-analytics-header p {
      width: 100px;
      height: 35px;
      padding: 5px 0px 0px 15px;
      background-color: #F6CC06;
      font-weight: bold; }
  .project-analytics .chart-container {
    border-bottom: 1px solid #777;
    flex: 0 1 100%; }
    .project-analytics .chart-container .chart-header {
      padding-top: 20px;
      display: flex;
      direction: row;
      background-color: white;
      justify-content: space-between; }
      .project-analytics .chart-container .chart-header .heading {
        margin-left: 50px;
        font-weight: 500; }
      .project-analytics .chart-container .chart-header select {
        margin-right: 50px;
        height: 30px;
        background-color: white; }
    .project-analytics .chart-container .chart {
      height: 450px;
      background-color: white; }
    .project-analytics .chart-container:last-child {
      border-bottom: none; }
  .project-analytics .multi {
    display: flex; }
  .project-analytics .chart-70 {
    width: 70%; }
  .project-analytics .chart-30 {
    width: 30%;
    border-left: 1px solid #777;
    background-color: white; }
  .project-analytics .work-status-chart {
    background-color: white;
    margin: 5% 0px 0px 50px;
    width: 70%;
    height: 400px; }
    .project-analytics .work-status-chart .total-assets {
      color: #777;
      font-size: 16px;
      margin-bottom: 10px; }
    .project-analytics .work-status-chart .work-status-chart-bar-container {
      display: block;
      height: 40px;
      margin-bottom: 10px; }
      .project-analytics .work-status-chart .work-status-chart-bar-container .progress {
        margin-top: 5px; }
        .project-analytics .work-status-chart .work-status-chart-bar-container .progress .progressbar {
          height: 3px;
          background-color: #27c3ea; }
      .project-analytics .work-status-chart .work-status-chart-bar-container .progress-count {
        color: #27c3ea;
        font-size: 15px; }
      .project-analytics .work-status-chart .work-status-chart-bar-container .progress-label {
        margin-left: 10px;
        color: #777;
        font-size: 15px; }

.project-summary-analystics {
  margin: 0 20px; }
  .project-summary-analystics .project-summary-chart {
    display: flex;
    flex-direction: row; }
    .project-summary-analystics .project-summary-chart .chart {
      height: 100px;
      width: 300px;
      margin-right: 40px; }

/*# sourceMappingURL=main.css.map */