@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);@charset "UTF-8";
.primaryNavbar {
  height: 62px;
  background: #fff;
  z-index: 20;
  margin-top: 0;
  transition: margin-top linear 0.2s;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .primaryNavbar.animateHeader {
    margin-top: 175px;
    position: absolute; }
  .primaryNavbar.hideHeader {
    margin-top: -62px;
    transition: margin-top linear 0.2s; }
  .primaryNavbar .topNavSubmenuIcon {
    position: relative;
    top: 8px;
    cursor: pointer; }

.primaryNav {
  z-index: 10; }

.primaryNav li {
  padding: 0 5px;
  display: inline-block; }
  .primaryNav li a {
    font:  13px/16px "Open Sans", sans-serif;
    color: #17181c;
    padding: 20px 0;
    text-transform: uppercase;
    transition: none; }
    .primaryNav li a:hover, .primaryNav li a:focus {
      background: transparent;
      color: #797b81;
      transition: none; }
    .primaryNav li a:focus, .primaryNav li a.activeLink {
      text-shadow: -1px 0 0 #17181c;
      color: #17181c;
      transition: none; }
  .primaryNav li .searchBtn {
    padding: 0 15px;
    height: 20px; }
  .primaryNav li.activeLink a, .primaryNav li.activeLink a:hover, .primaryNav li.activeLink a:focus {
    font-weight: 700;
    color: #17181c;
    transition: none; }

.primaryNav .navbar {
  margin-bottom: 0; }

.menu-logo {
  height: 20%;
  margin: 13px; }

.navbarBtn {
  background: transparent;
  border: none;
  padding: 24px 0; }
  .navbarBtn .icon-bar {
    background-color: #12bcbc;
    width: 14px;
    display: block;
    height: 2px;
    margin-bottom: 2px; }

.profileIcon {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: #26282e;
  padding: 8px;
  border-radius: 50px;
  font: 700 12px/14px "Open Sans", sans-serif;
  color: #fff; }

.menuName {
  font:  13px/16px "Open Sans", sans-serif;
  color: #17181c;
  padding: 20px 0;
  cursor: pointer;
  text-transform: uppercase; }

.headerFundingMenu,
.headerProfileMenu, .headerAdminMenu, .headerWorkOrderMenu, .headerOperationsMenu {
  position: absolute;
  width: 170px;
  right: 20px;
  top: 45px;
  z-index: 1;
  padding: 0;
  background: #fff;
  border: solid 1px #dadde6;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  border-radius: 3px; }
  .headerFundingMenu li,
  .headerProfileMenu li, .headerAdminMenu li, .headerWorkOrderMenu li, .headerOperationsMenu li {
    padding: 10px 15px;
    display: block; }
    .headerFundingMenu li a,
    .headerProfileMenu li a, .headerAdminMenu li a, .headerWorkOrderMenu li a, .headerOperationsMenu li a {
      padding: 0; }

.headerWorkOrderMenu {
  width: 220px; }

.searchModal {
  position: fixed;
  width: 790px;
  padding: 30px 20px 0;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  background: #fff;
  border: solid 2px #dbdde5;
  right: 25px;
  z-index: 21;
  top: 60px; }
  .searchModal:before {
    position: fixed;
    content: '';
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.6);
    left: 0;
    z-index: 0;
    top: 0; }
  .searchModal .modal-dialog {
    width: auto;
    margin: 0; }
  .searchModal .searchModalClose {
    background: #fff;
    position: absolute;
    width: 58px;
    height: 63px;
    right: 85px;
    top: -63px;
    border: solid 1px #dbdde5;
    border-top: none;
    border-bottom: solid 1px #fff;
    z-index: 21; }

.srchModalWrapper {
  position: relative; }
  .srchModalWrapper.pmoFilterPanelWrapper, .srchModalWrapper.workOrderFilterWrapper, .srchModalWrapper.taskFilterPanelWrapper {
    position: absolute;
    width: 630px;
    top: 70px;
    left: 20px; }
    .srchModalWrapper.pmoFilterPanelWrapper .advanceSearchWrapper, .srchModalWrapper.workOrderFilterWrapper .advanceSearchWrapper, .srchModalWrapper.taskFilterPanelWrapper .advanceSearchWrapper {
      position: relative;
      z-index: 20; }
  .srchModalWrapper .searchGroupLabel {
    width: 120px;
    padding: 10px 10px 0 0;
    font: 700 16px/18px "Open Sans", sans-serif;
    color: #191a1e;
    text-transform: none; }
  .srchModalWrapper .srchModalCheckBlock {
    margin: 0 0 20px; }
  .srchModalWrapper .searchElement {
    width: 450px;
    display: inline-block;
    position: relative; }
  .srchModalWrapper .customCheckWrap1 {
    width: 150px;
    display: inline-block;
    padding-right: 20px; }
  .srchModalWrapper .searchInBlock {
    width: 590px;
    display: inline-block; }
  .srchModalWrapper .cancelBtn {
    background: transparent;
    font-weight: 700; }
    .srchModalWrapper .cancelBtn:hover, .srchModalWrapper .cancelBtn:focus {
      font-weight: 700;
      color: #168fff; }
  .srchModalWrapper .closeModal {
    cursor: pointer;
    font-weight: 700;
    position: relative; }
    .srchModalWrapper .closeModal .moreOptionIcon {
      position: absolute;
      top: -12px; }
    .srchModalWrapper .closeModal .iconDeleteTag {
      position: absolute; }

.taskFilterPanelWrapper .autoCompleteInputWrapper .suggestionListWrapper .suggestionList {
  border: solid 1px #dadde6; }

.advanceSearchWrapper {
  position: absolute;
  background: #fff;
  right: 0;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  z-index: 3;
  padding: 20px;
  margin-top: 10px; }
  .advanceSearchWrapper:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: solid 1px #dbdde5;
    border-left: solid 1px #dbdde5;
    transform: rotate(45deg);
    top: -8px;
    left: 50%;
    z-index: 1; }

.tagsWrapper {
  width: 600px;
  padding-left: 120px;
  margin-top: -10px; }
  .tagsWrapper .searchTags {
    display: inline-block;
    margin: 0 20px 20px 0;
    border-radius: 3px;
    border: solid 1px #1075d2;
    padding: 8px;
    position: relative; }
    .tagsWrapper .searchTags .tagName {
      padding-right: 30px;
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e; }
    .tagsWrapper .searchTags .iconDeleteTag {
      position: absolute;
      right: 0;
      top: 3px; }

.srchResultsTable {
  margin-top: 20px; }

.adminMenu .arrowAngleDown {
  right: -8px; }

header .primaryCustomDropdown {
  min-width: 150px; }

.resultsCount {
  margin: 20px 0 15px;
  font: 400 14px/20px "Open Sans", sans-serif;
  color: #26282e; }
  .resultsCount .customSemiBoldLinks {
    font-weight: 700;
    cursor: pointer; }

.savedSearchLink {
  display: block;
  padding: 10px 0;
  background: #e8eaf2;
  font: 600 14px/16px "Open Sans", sans-serif;
  color: #1075d2;
  position: relative;
  margin: 0 -20px; }

.headerProfileMenu {
  padding-top: 7px; }
  .headerProfileMenu li {
    padding: 6px 15px; }
    .headerProfileMenu li.upgradePlanMenuItem {
      border-bottom: solid 1px #dadde6; }
    .headerProfileMenu li a.upgradePlanLink {
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #12bcbc;
      letter-spacing: 0.2px; }
      .headerProfileMenu li a.upgradePlanLink:focus, .headerProfileMenu li a.upgradePlanLink.activeLink {
        text-shadow: none; }
    .headerProfileMenu li:last-child {
      margin-bottom: 10px; }
    .headerProfileMenu li > span {
      font-size: 11px;
      opacity: 0.5;
      line-height: 1.73;
      letter-spacing: -0.27px;
      color: #000000;
      display: block;
      margin-bottom: 2px; }

.subscriptionButton {
  box-shadow: none;
  border: none;
  background: #12bcbc;
  padding: 5px;
  border-radius: 10px;
  font: 600 9px/18px "Open Sans", sans-serif;
  color: #fff;
  padding: 4px 15px;
  position: relative;
  top: -3px;
  margin-left: 10px;
  text-transform: uppercase;
  transition: all linear 0.2s;
  letter-spacing: 0.09px; }
  .subscriptionButton:hover, .subscriptionButton:focus {
    color: #fff;
    background: #16d4d4;
    transition: all linear 0.2s; }

.taskManagementHeader {
  margin-bottom: 30px; }

.togglButtonWrap {
  width: 126px;
  height: 28px;
  border-radius: 21px;
  border: solid 1px #191a1e;
  margin-top: 5px; }
  .togglButtonWrap button {
    width: 50%;
    height: 100%;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.15px;
    text-align: center;
    color: #191a1e;
    border: none; }
    .togglButtonWrap button:first-child {
      border-top-left-radius: 21px;
      border-bottom-left-radius: 21px; }
    .togglButtonWrap button:last-child {
      border-top-right-radius: 21px;
      border-bottom-right-radius: 21px; }
  .togglButtonWrap .activeTranslationBtn {
    background-color: #191a1e;
    color: #fff; }

.langToggleButtonWrap {
  width: 126px;
  height: 28px;
  border-radius: 21px;
  border: solid 1px #191a1e;
  margin-top: 5px; }
  .langToggleButtonWrap button {
    width: 50%;
    height: 100%;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.15px;
    text-align: center;
    color: #191a1e;
    border: none; }
    .langToggleButtonWrap button:first-child {
      border-top-left-radius: 21px;
      border-bottom-left-radius: 21px; }
    .langToggleButtonWrap button:last-child {
      border-top-right-radius: 21px;
      border-bottom-right-radius: 21px; }
  .langToggleButtonWrap .activeLangTranslationBtn {
    background-color: #191a1e;
    color: #fff; }

.sideNavMenu {
  background: #26282E;
  z-index: 20;
  top: 0;
  left: -225px;
  position: fixed;
  width: 225px;
  height: 100%;
  transition: all ease-in-out 0.3s; }

.sideNavMenu.active {
  left: 0;
  transition: all ease-in-out 0.3s; }

.sideNavMenu.active + .layoutContent {
  margin-left: 225px; }

.brandName {
  padding: 13px 10px 13px 20px;
  height: 62px;
  line-height: 32px; }
  .brandName .logoNadine {
    width: 135px;
    height: 35px;
    display: inline-block; }
  .brandName .iconCloseApp {
    position: absolute;
    top: 20px;
    right: 10px; }

.closeSideNav {
  background: transparent;
  color: #fff;
  font: 700 32px/34px "Open Sans", sans-serif;
  color: #fff;
  padding: 0;
  margin-top: -2px;
  border: none; }

.sideNavWrapper {
  padding: 20px 0; }
  .sideNavWrapper .sidebarBreadCrumbs {
    margin-bottom: 15px;
    padding: 0 20px; }
    .sideNavWrapper .sidebarBreadCrumbs .breadcrumbtitles {
      margin-top: 5px;
      font: 400 14px/18px "Open Sans", sans-serif;
      color: #fff; }
      .sideNavWrapper .sidebarBreadCrumbs .breadcrumbtitles strong {
        margin-right: 5px; }
    .sideNavWrapper .sidebarBreadCrumbs .breadcrumbBack {
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #fff; }
      .sideNavWrapper .sidebarBreadCrumbs .breadcrumbBack .iconSideNavStepBack {
        background-position: -15px -140px;
        width: 16px; }

.sideNav li {
  float: none; }
  .sideNav li a {
    border-radius: 0;
    padding: 20px;
    font:  14px/16px "Open Sans", sans-serif;
    color: #fff;
    position: relative; }
    .sideNav li a:hover, .sideNav li a:focus {
      background: transparent;
      color: rgba(255, 255, 255, 0.7); }
    .sideNav li a::after {
      position: absolute;
      content: '';
      width: 6px;
      height: 6px;
      right: 15px;
      border-right: solid 1px #fff;
      border-bottom: solid 1px #fff;
      transform: rotate(-45deg);
      display: inline-block;
      top: 26px; }
    .sideNav li a.selectedSite, .sideNav li a.selectedSite:hover, .sideNav li a.selectedSite:focus {
      background: #191a1e;
      color: #fff; }

.sidebarFooter {
  padding: 20px 15px; }
  .sidebarFooter h5 {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #dbdde5;
    padding-top: 10px;
    margin: 0 0 20px;
    position: relative; }
    .sidebarFooter h5:before {
      content: '';
      position: absolute;
      width: 30%;
      height: 2px;
      background-color: #dbdde5;
      top: 0; }
  .sidebarFooter a {
    width: 50%;
    display: inline-block;
    font:  14px/16px "Open Sans", sans-serif;
    color: #fff; }
    .sidebarFooter a:hover, .sidebarFooter a:focus {
      color: #fff; }

.sideNavMenu.lhinMenu {
  background: #26282E; }

.sideNavMenu.hcMenu {
  background: #31343b; }

.sideNavMenu.siteMenu {
  background: #3b3f47; }

.sideNavMenu.assetMenu {
  background: #3b3f47; }

.sideNavScrollWrapper .simplebar-track.vertical {
  display: inline-block;
  margin: 20px 0; }
  .sideNavScrollWrapper .simplebar-track.vertical .visible {
    background: #fff;
    opacity: 0;
    transition: opacity linear 0.2s; }

.sideNavScrollWrapper:hover .simplebar-track.vertical .visible {
  opacity: 1;
  transition: opacity linear 0.2s; }

.sideNavScrollWrapper .simplebar-scroll-content {
  overflow-y: scroll; }
  .sideNavScrollWrapper .simplebar-scroll-content::-webkit-scrollbar {
    display: none; }
  .sideNavScrollWrapper .simplebar-scroll-content::-moz-scrollbar {
    display: none; }

.sidebarUpgradePlan {
  position: absolute;
  bottom: 0;
  padding: 12px;
  background: #116c6d; }
  .sidebarUpgradePlan span {
    width: 45%;
    display: inline-block;
    font: 400 12px/14px "Open Sans", sans-serif;
    color: #fff; }
  .sidebarUpgradePlan .upgradePlanButton {
    border: none;
    background: #fff;
    font: 700 12px/14px "Open Sans", sans-serif;
    color: #116c6d;
    border-radius: 20px;
    padding: 7px 14px;
    position: relative;
    top: -7px; }

.table, .dataSortTable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table th, .dataSortTable th {
    background: #e8eaf2;
    text-transform: capitalize;
    padding: 17px 10px;
    border: none;
    vertical-align: middle;
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #191a1e; }
  .table tbody tr, .dataSortTable tbody tr {
    border-bottom: solid 1px #e8eaf2; }
    .table tbody tr td, .dataSortTable tbody tr td {
      padding: 17px 10px;
      border-top: none;
      vertical-align: middle;
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e; }
    .table tbody tr:last-child, .dataSortTable tbody tr:last-child {
      border-bottom: none; }

.dataSortTable .arrowAngleDown, .dataSortTable .arrowCaretDown {
  float: right;
  top: 5px; }

.table-responsive.listingTable, .table-responsive.columnName {
  overflow: inherit; }

.scrollerTable {
  transition: all linear 0.5s;
  position: relative;
  left: 0%;
  height: auto; }
  .scrollerTable thead {
    display: block;
    overflow: hidden; }
  .scrollerTable tbody {
    display: block;
    height: 80vh;
    overflow-x: hidden;
    overflow-y: auto; }
  .scrollerTable th, .scrollerTable td {
    width: 190px; }
  .scrollerTable.fixedTable thead {
    position: absolute;
    top: 0;
    width: 100%; }

.customTableWrapper {
  overflow: hidden;
  max-width: 950px;
  margin-top: 20px; }
  .customTableWrapper .tableArrows {
    position: relative; }
    .customTableWrapper .tableArrows .navArrow {
      width: 20px;
      text-align: center;
      background: #e8eaf2;
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #191a1e;
      padding: 17px 0;
      cursor: pointer; }
      .customTableWrapper .tableArrows .navArrow.left {
        position: absolute;
        right: 30px;
        z-index: 5; }
      .customTableWrapper .tableArrows .navArrow.right {
        position: absolute;
        right: 10px;
        z-index: 5; }

.actionButtonBar {
  width: 150px;
  padding: 0;
  display: none;
  float: right;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1; }

.actionColumn {
  position: relative; }

.exploreTableWrapper {
  padding: 20px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .exploreTableWrapper.systemEquipmentWrapper {
    padding: 0;
    box-shadow: none; }

.exploreListTable {
  border: none; }
  .exploreListTable .assetCode, .exploreListTable .systemCode {
    width: 25%; }
  .exploreListTable .assetName, .exploreListTable .systemName {
    width: 49%; }
  .exploreListTable .assetDetails, .exploreListTable .systemDetails {
    width: 7%; }
  .exploreListTable .assetButtons, .exploreListTable .systemButtons {
    width: 21%; }
  .exploreListTable .systemUniformatCode {
    width: 17%; }
  .exploreListTable .systemUniformatName {
    width: 23%; }
  .exploreListTable .systemTotalReq {
    width: 12%; }

.exploreListTable tbody tr td, .equipmentListTable tr td {
  border-bottom: solid 1px #e8eaf2;
  transition: all linear 0.2s; }
  .exploreListTable tbody tr td.actionColumn, .equipmentListTable tr td.actionColumn {
    padding: 0; }

.exploreListTable tbody tr:hover, .equipmentListTable tr:hover {
  background: #fff;
  cursor: pointer;
  box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25);
  transition: all linear 0.2s; }

.exploreListTable tbody tr:last-child td {
  border-bottom: none; }

.exploreListTable tbody tr .actionMenu, .equipmentListTable .equipmentGridRow .actionMenu {
  display: block;
  padding-right: 15px;
  font-size: 35px; }

.exploreListTable tbody tr:hover .actionMenu, .equipmentListTable .equipmentGridRow:hover .actionMenu {
  display: none; }

.exploreListTable tbody tr:hover .actionButtonBar, .equipmentListTable .equipmentGridRow:hover .actionButtonBar {
  display: block; }
  .exploreListTable tbody tr:hover .actionButtonBar .actionIconBtns, .equipmentListTable .equipmentGridRow:hover .actionButtonBar .actionIconBtns {
    display: inline-block;
    vertical-align: middle; }

.searchResults .srchModalBlocks {
  margin-top: 10px;
  position: relative; }

.searchResults .searchElement .form-group {
  margin-bottom: 0; }

.searchResults .listId {
  width: 15%; }

.searchResults .selectListCode {
  width: 60%; }

.searchResults .nameBlock {
  width: 17%; }

.searchResults .statusDetails {
  width: 10%; }

.searchResults .detailsLink {
  width: 8%; }

.searchResults .hiearchyLevel {
  width: 12%; }

.searchResults .allSearchUniformat {
  width: 12%; }

.searchResults .allSrchTotalReq {
  width: 9%; }

.equipmentWrapper {
  padding: 0 20px;
  margin: 0 0 5px; }
  .equipmentWrapper .equipmentTableWrapper {
    margin-top: 20px; }
  .equipmentWrapper .noPadding {
    padding: 0; }
  .equipmentWrapper .equipmentName {
    width: 30%; }
  .equipmentWrapper .manufactureName {
    width: 25%; }
  .equipmentWrapper .modelName {
    width: 20%; }
  .equipmentWrapper .serialName {
    width: 18%; }
  .equipmentWrapper .actionItems {
    width: 8%; }
  .equipmentWrapper .equipmentDataBlock {
    display: inline-block;
    padding: 0 10px; }
  .equipmentWrapper .equipmentGridRow .actionColumn {
    width: 5%; }
  .equipmentWrapper .equipmentGridRow .detailsColumn {
    width: 95%;
    padding: 17px 0; }

.systemEquipmentWrapper {
  margin-top: 20px; }
  .systemEquipmentWrapper .equipmentCollapsePanel {
    margin: 0 auto;
    max-width: 670px; }
  .systemEquipmentWrapper .equipmentAccordionBox {
    background: #e8eaf2;
    padding: 30px 0 30px 200px; }
    .systemEquipmentWrapper .equipmentAccordionBox::before {
      content: '';
      position: absolute;
      border-top: solid 10px #fff;
      border-left: solid 10px transparent;
      border-right: solid 10px transparent;
      left: 56%;
      margin-top: -32px; }
  .systemEquipmentWrapper .actionColumn {
    background: #fff; }
  .systemEquipmentWrapper .actionIconGrid {
    background: #e8eaf2; }

.fixedTableWrapper {
  position: relative; }

/* fixed Headers explore requirement listing */
.fixedTableWrapper {
  margin-bottom: 0;
  padding: 0;
  position: relative; }
  .fixedTableWrapper .fixedHeader {
    background: #dbdde5;
    font-weight: 700;
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 5; }
  .fixedTableWrapper .fixedHeaderColumns .fixedFirstCol, .fixedTableWrapper .fixedDataColumns .fixedFirstCol {
    padding: 17px 10px;
    width: 120px;
    position: absolute;
    left: 0; }
  .fixedTableWrapper .fixedHeaderColumns .fixedLastCol, .fixedTableWrapper .fixedDataColumns .fixedLastCol {
    width: 30px;
    display: inline-block; }
    .fixedTableWrapper .fixedHeaderColumns .fixedLastCol .tableArrows, .fixedTableWrapper .fixedDataColumns .fixedLastCol .tableArrows {
      position: absolute;
      top: 15px;
      right: 25px; }
      .fixedTableWrapper .fixedHeaderColumns .fixedLastCol .tableArrows .navArrow, .fixedTableWrapper .fixedDataColumns .fixedLastCol .tableArrows .navArrow {
        font: 600 22px/24px "Open Sans", sans-serif;
        color: #191a1e;
        margin: 0 5px;
        cursor: pointer; }
  .fixedTableWrapper .fixedHeaderColumns .reqNameColumn, .fixedTableWrapper .fixedDataColumns .reqNameColumn {
    width: 360px; }
  .fixedTableWrapper .fixedHeaderColumns .reqUniformatColumn, .fixedTableWrapper .fixedDataColumns .reqUniformatColumn {
    width: 150px; }
  .fixedTableWrapper .fixedHeaderColumns .reqUniformatNameColumn, .fixedTableWrapper .fixedDataColumns .reqUniformatNameColumn {
    width: 400px; }
  .fixedTableWrapper .fixedHeaderColumns .reqStatusColumn, .fixedTableWrapper .fixedDataColumns .reqStatusColumn {
    width: 100px; }
  .fixedTableWrapper .fixedHeaderColumns .detailsLinkColumn, .fixedTableWrapper .fixedDataColumns .detailsLinkColumn {
    width: 130px; }
  .fixedTableWrapper .fixedDataColumns {
    font-weight: 400;
    position: relative;
    padding-top: 50px; }

.reqDetailsList {
  padding: 0;
  border-bottom: solid 1px #dbdde5;
  background: #fff;
  position: relative; }
  .reqDetailsList:last-child {
    border-bottom: none; }
  .reqDetailsList:first-child {
    border-top: none; }
  .reqDetailsList .actionMenu {
    font: 600 32px/34px "Open Sans", sans-serif;
    color: #191a1e;
    width: 50px;
    position: absolute;
    top: 3px;
    margin-left: 25px; }
  .reqDetailsList:hover {
    cursor: pointer;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
    z-index: 1; }
    .reqDetailsList:hover .reqScrollableList {
      border: none; }
    .reqDetailsList:hover .actionMenu {
      display: none; }
    .reqDetailsList:hover .actionButtonBar {
      display: block;
      width: auto;
      top: 10px;
      margin-right: 0;
      transform: none; }

/* scrollable list table of requirement */
.equipmentSelectionButtons .btn {
  min-width: 200px; }

.srchModalWrapper {
  margin-bottom: 20px; }

.queryResultsData {
  position: relative;
  overflow: hidden;
  margin-top: 20px; }
  .queryResultsData .queryScrollableBlock {
    width: 5000px; }
  .queryResultsData ul {
    padding: 0;
    display: block; }
    .queryResultsData ul > li {
      list-style-type: none;
      border-bottom: solid 1px #dbdde5;
      display: table; }
      .queryResultsData ul > li:last-child {
        border-bottom: none; }
      .queryResultsData ul > li .dataList {
        display: table-cell;
        padding: 12px 10px;
        vertical-align: middle; }
  .queryResultsData .dataList {
    width: 300px;
    padding: 17px 10px;
    display: table-cell; }
    .queryResultsData .dataList.squareCheckbox {
      width: 75px; }
  .queryResultsData .resultsHeader {
    background-color: #dbdde5; }
  .queryResultsData .navArrow {
    font-size: 20px;
    line-height: 22px; }

.footerIconsWrapper {
  position: absolute;
  width: 100%;
  left: 5%;
  right: 0;
  margin: 0 auto; }

.paginationStatus {
  display: inline-block;
  padding-top: 4px;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #e8eaf2; }
  .paginationStatus .pageNum {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    padding: 0 5px; }

.selectItemsTable.table > thead > tr > th {
  position: relative;
  vertical-align: middle; }
  .selectItemsTable.table > thead > tr > th .iconBtn {
    position: absolute;
    top: 15px;
    right: 0; }

.selectItemsTable .listId {
  width: 26%; }

.selectItemsTable .listName {
  width: 20%; }

.selectItemsTable .listCode {
  width: 17%; }

.selectItemsTable .listUniformat {
  width: 20%; }

.selectItemsTable .listStatus {
  width: 17%; }

.selectItemsTable .systemCols {
  width: 35%; }

.selectItemsTable .systemNumCols {
  width: 18%; }

.selectItemsTable .reqTotal {
  width: 12%; }

.selectItemsTable tbody tr:hover {
  background: #fff;
  cursor: pointer;
  box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25);
  transition: all linear 0.2s; }

.expandableColWrapper {
  position: relative;
  overflow: visible;
  width: 80%;
  z-index: 1;
  display: inline-block; }
  .expandableColWrapper.criticalityTable, .expandableColWrapper.genericTable {
    width: 100%;
    padding: 0 22px; }
    .expandableColWrapper.criticalityTable .simplebar-content, .expandableColWrapper.genericTable .simplebar-content {
      border: none;
      border-bottom: none;
      border-top: none; }
    .expandableColWrapper.criticalityTable .ReactTable, .expandableColWrapper.genericTable .ReactTable {
      border: none; }
  .expandableColWrapper.savedSearchTable + .actionIconGrid {
    border: none; }

.fullTableWrapper, .historyTableWrapper {
  position: relative;
  overflow: visible;
  width: 100%;
  z-index: 1;
  display: inline-block; }

.expandableTable.ReactTable {
  border: solid 1px #dbdde5;
  border-right: none;
  display: table;
  width: 100%; }
  .expandableTable.ReactTable .rt-resizer {
    right: -15px;
    width: 20px;
    cursor: url(765e29e8c2df2ea5e044bb57c160315f.png) 190px 217px, ew-resize;
    height: 27px; }
  .expandableTable.ReactTable .rt-th:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
    background-size: 250px 178px;
    background-position: -77px -130px;
    right: 10px;
    top: 21px; }
  .expandableTable.ReactTable .rt-th.-sort-desc {
    box-shadow: none; }
    .expandableTable.ReactTable .rt-th.-sort-desc:before {
      background-position: -15px -130px; }
  .expandableTable.ReactTable .rt-th.-sort-asc {
    box-shadow: none; }
    .expandableTable.ReactTable .rt-th.-sort-asc:before {
      background-position: -45px -130px; }
  .expandableTable.ReactTable .rt-th.noSortColumn:before {
    display: none; }

.ReactTable .rt-thead.-header {
  box-shadow: none; }
  .ReactTable .rt-thead.-header .rt-tr {
    background: #e8eaf2; }

.ReactTable .rt-thead .rt-th {
  padding: 17px;
  background: #e8eaf2;
  box-shadow: none;
  border: none;
  border-right: solid 1px #dbdde5;
  text-transform: none;
  vertical-align: middle;
  text-align: left;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #191a1e; }

.expandableTable.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: none; }
  .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr {
    border-bottom: solid 1px #dbdde5;
    height: 50px;
    box-shadow: none; }
  .expandableTable.ReactTable .rt-tbody .rt-tr-group.showBox {
    background: #fff !important;
    cursor: pointer;
    box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25);
    transition: none; }

.expandableTable.ReactTable .rt-tbody .rt-td {
  padding: 0 17px;
  font: 400 14px/50px "Open Sans", sans-serif;
  color: #191a1e;
  border: none; }
  .expandableTable.ReactTable .rt-tbody .rt-td.searchIconColumns {
    overflow: visible; }
  .expandableTable.ReactTable .rt-tbody .rt-td.pmoUniformatCode {
    padding-left: 0; }
  .expandableTable.ReactTable .rt-tbody .rt-td.togglePmoView {
    font-weight: 600;
    color: #1075d2; }

.expandableTable .rt-th .squareCheckbox {
  position: absolute;
  top: 10px; }
  .expandableTable .rt-th .squareCheckbox input[type="checkbox"] + label {
    font-weight: 700; }

.expandableTable .squareCheckbox input[type="checkbox"] {
  position: relative;
  top: 5px; }

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: #fff;
  cursor: pointer;
  box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25);
  transition: none; }

.simplebar-track.vertical {
  display: none; }

.simplebar-track.horizontal {
  width: 755px;
  overflow: hidden; }
  .simplebar-track.horizontal .simplebar-scrollbar {
    background-color: #3b3f47;
    position: relative;
    width: 100%;
    height: 8px;
    position: relative; }
    .simplebar-track.horizontal .simplebar-scrollbar::-webkit-scrollbar {
      display: none; }
    .simplebar-track.horizontal .simplebar-scrollbar.visible {
      opacity: 1 !important; }

.simplebar-scroll-content {
  overflow-y: hidden;
  padding-right: 0 !important;
  margin-bottom: 30px !important; }
  .simplebar-scroll-content .simplebar-content {
    overflow-x: hidden;
    margin-right: 0 !important;
    padding-bottom: 0 !important; }

.tableFixedHeader .iconsGridHeader {
  position: fixed;
  top: 0;
  height: 51px;
  width: 190px;
  border-left: solid 1px #dbdde5;
  z-index: 2; }

.tableFixedHeader .rt-tbody .rt-thead.-header .rt-tr, .tableFixedHeader .rt-tbody .rt-thead.-header .rt-tr:hover {
  background: #e8eaf2;
  box-shadow: none;
  z-index: 2; }

.resizeTableWrapper .actionIconGrid {
  width: 20%;
  display: inline-block;
  border: solid 1px #dbdde5;
  position: relative;
  left: -1px; }

.resizeTableWrapper .iconsGridHeader {
  display: block;
  background: #e8eaf2;
  height: 50px; }

.resizeTableWrapper .actionButtonBar {
  position: relative; }

.resizeTableWrapper .actionColumn {
  height: 50px;
  border-bottom: solid 1px #dbdde5; }
  .resizeTableWrapper .actionColumn.actionHoverLayout {
    box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25); }
  .resizeTableWrapper .actionColumn:hover .actionButtonBar {
    transform: none;
    display: block;
    top: 10px; }
  .resizeTableWrapper .actionColumn:hover .moreActionsIcon {
    display: none; }
  .resizeTableWrapper .actionColumn .moreActionsIcon {
    top: 12px;
    position: relative; }

.allSearchFilter, .criticalityFilterWrapper {
  position: absolute;
  right: 15px;
  top: -10px; }
  .allSearchFilter.exploreReqFilterWrapper, .criticalityFilterWrapper.exploreReqFilterWrapper {
    right: 0;
    top: 5px; }
    .allSearchFilter.exploreReqFilterWrapper .filterIcon, .criticalityFilterWrapper.exploreReqFilterWrapper .filterIcon {
      margin-right: 5px; }
    .allSearchFilter.exploreReqFilterWrapper .filterOptions, .criticalityFilterWrapper.exploreReqFilterWrapper .filterOptions {
      padding: 10px;
      min-width: 200px; }
    .allSearchFilter.exploreReqFilterWrapper .squareCheckbox, .criticalityFilterWrapper.exploreReqFilterWrapper .squareCheckbox {
      margin-bottom: 5px; }
      .allSearchFilter.exploreReqFilterWrapper .squareCheckbox input[type="checkbox"], .criticalityFilterWrapper.exploreReqFilterWrapper .squareCheckbox input[type="checkbox"] {
        vertical-align: middle; }
  .allSearchFilter .filterIcon, .criticalityFilterWrapper .filterIcon {
    margin-right: 15px; }
  .allSearchFilter .filterOptions, .criticalityFilterWrapper .filterOptions {
    border-radius: 6px;
    position: absolute;
    z-index: 10;
    margin-top: 15px;
    padding: 22px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
    min-width: 230px;
    right: 0; }
    .allSearchFilter .filterOptions:before, .criticalityFilterWrapper .filterOptions:before {
      content: '';
      position: absolute;
      width: 15px;
      height: 15px;
      background: #fff;
      border-top: solid 1px rgba(2, 2, 2, 0.12);
      border-left: solid 1px rgba(2, 2, 2, 0.12);
      transform: rotate(45deg);
      top: -8px;
      right: 10%;
      z-index: 1; }
    .allSearchFilter .filterOptions .selectedOpt, .criticalityFilterWrapper .filterOptions .selectedOpt {
      margin-bottom: 25px;
      border-bottom: solid 1px #191a1e;
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #797b81;
      padding-bottom: 5px;
      display: block;
      cursor: pointer;
      position: relative; }
      .allSearchFilter .filterOptions .selectedOpt::after, .criticalityFilterWrapper .filterOptions .selectedOpt::after {
        content: '';
        position: absolute;
        background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat -77px -130px;
        background-size: 250px 178px;
        width: 25px;
        height: 25px;
        top: 5px;
        right: -10px; }
      .allSearchFilter .filterOptions .selectedOpt.active, .criticalityFilterWrapper .filterOptions .selectedOpt.active {
        border-bottom: solid 1px #1075d2;
        box-shadow: 0 1px 0 0 #1075d2;
        transition: all ease-in-out 0.3s; }
      .allSearchFilter .filterOptions .selectedOpt.lastOption, .criticalityFilterWrapper .filterOptions .selectedOpt.lastOption {
        margin-bottom: 15px; }
  .allSearchFilter .reqFilter, .allSearchFilter .assetFilter, .allSearchFilter .systemFilter, .allSearchFilter .uniformatFilter, .criticalityFilterWrapper .reqFilter, .criticalityFilterWrapper .assetFilter, .criticalityFilterWrapper .systemFilter, .criticalityFilterWrapper .uniformatFilter {
    position: relative; }
    .allSearchFilter .reqFilter .filterbox, .allSearchFilter .assetFilter .filterbox, .allSearchFilter .systemFilter .filterbox, .allSearchFilter .uniformatFilter .filterbox, .criticalityFilterWrapper .reqFilter .filterbox, .criticalityFilterWrapper .assetFilter .filterbox, .criticalityFilterWrapper .systemFilter .filterbox, .criticalityFilterWrapper .uniformatFilter .filterbox {
      position: absolute;
      background: #fff;
      width: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 30px;
      padding: 15px;
      border-radius: 4px;
      z-index: 2;
      box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
      border: solid 1px #dbdde5; }
      .allSearchFilter .reqFilter .filterbox .squareCheckbox, .allSearchFilter .assetFilter .filterbox .squareCheckbox, .allSearchFilter .systemFilter .filterbox .squareCheckbox, .allSearchFilter .uniformatFilter .filterbox .squareCheckbox, .criticalityFilterWrapper .reqFilter .filterbox .squareCheckbox, .criticalityFilterWrapper .assetFilter .filterbox .squareCheckbox, .criticalityFilterWrapper .systemFilter .filterbox .squareCheckbox, .criticalityFilterWrapper .uniformatFilter .filterbox .squareCheckbox {
        margin-bottom: 10px; }
  .allSearchFilter .filterBadgeCount, .criticalityFilterWrapper .filterBadgeCount {
    padding: 0;
    font: 400 10px/12px "Open Sans", sans-serif;
    color: #fff;
    background: #1075d2;
    border-radius: 50px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 10px;
    left: 0; }

.selectFooterWrapper {
  position: fixed;
  z-index: 100; }
  .selectFooterWrapper.hideFooter {
    bottom: -50px; }
  .selectFooterWrapper.showFooter {
    bottom: 10px; }

.noResultsWrapper {
  position: relative;
  width: 60%;
  top: 10px;
  max-width: 650px; }
  .noResultsWrapper .noResultsBlock {
    float: none;
    padding-top: 20px; }
    .noResultsWrapper .noResultsBlock h1 {
      font: 700 30px/40px "Open Sans", sans-serif;
      color: #191a1e;
      margin: 0; }
    .noResultsWrapper .noResultsBlock::after {
      background: url(8aea8917c51da0b1b0e0b9092a53e866.png) no-repeat;
      width: 44px;
      height: 100px;
      content: '';
      position: absolute;
      right: 0;
      top: -40px; }

.clearSelectionBlock {
  color: #fff;
  display: inline-block;
  top: -1px; }

.scrollbarScrollerWrapper {
  position: fixed;
  bottom: 10px;
  left: 27.5%;
  z-index: 10;
  transform: translateX(-50%); }
  .scrollbarScrollerWrapper.exploreFooterActive {
    bottom: 65px; }

.ReactTable .rt-noData {
  position: relative;
  padding: 50px 0;
  background: transparent;
  transform: none;
  top: 0;
  left: 0;
  text-align: center;
  font: 600 20px/24px "Open Sans", sans-serif;
  color: #191a1e; }

.container-fluid.contentBlock {
  width: auto;
  margin: 0 20px; }

.searchResults .expandableColWrapper, .exploreTableWrapper .expandableColWrapper, .savedSearchWrapper .expandableColWrapper {
  width: calc(100% - 192px); }
  .searchResults .expandableColWrapper.noMatchedData, .exploreTableWrapper .expandableColWrapper.noMatchedData, .savedSearchWrapper .expandableColWrapper.noMatchedData {
    width: 100%; }
    .searchResults .expandableColWrapper.noMatchedData .ReactTable, .exploreTableWrapper .expandableColWrapper.noMatchedData .ReactTable, .savedSearchWrapper .expandableColWrapper.noMatchedData .ReactTable {
      border-right: solid 1px #dbdde5; }

.searchResults .actionIconGrid, .exploreTableWrapper .actionIconGrid, .savedSearchWrapper .actionIconGrid {
  width: 192px; }

/* All search fluid layout table changes */
.scrollbarScrollerWrapper {
  position: absolute;
  bottom: 10px;
  left: 0;
  transform: none;
  width: 65%; }
  .scrollbarScrollerWrapper .simplebar-track {
    position: relative; }
  .scrollbarScrollerWrapper .simplebar-track.horizontal {
    width: auto;
    max-width: 80%;
    margin: 0 30px; }

.ReactTable .rt-thead .rt-th:focus {
  outline: none; }

.simplebar-track.horizontal {
  width: 100% !important; }

/* All search fluid layout table changes ends here */
/* scss for fci module */
.fciUniformatCol {
  padding: 0 15px;
  position: relative; }
  .fciUniformatCol.sixpointUniformatCol.System.hasNoReq::before {
    content: '';
    position: absolute;
    left: 0;
    width: 3px;
    background: #00b050;
    height: 15px;
    top: 10px; }
  .fciUniformatCol .hierarchyType {
    position: absolute;
    top: 3px;
    left: 15px;
    font: 400 11px/13px "Open Sans", sans-serif;
    color: #797b81; }
    .fciUniformatCol .hierarchyType.Requirement {
      padding-left: 15px; }
  .fciUniformatCol .uniformatName.Requirement {
    padding-left: 15px; }

.genericUniformatCol {
  padding: 0 5px; }
  .genericUniformatCol .hierarchyType {
    position: absolute;
    top: 3px;
    font: 400 11px/13px "Open Sans", sans-serif;
    color: #797b81; }

.saveNewQueryBtn {
  position: absolute;
  top: 15px;
  right: 15px; }

.savedSearchWrapper .expandableTable.ReactTable {
  border: none; }

.savedSearchWrapper h2 {
  font: 600 24px/26px "Open Sans", sans-serif;
  color: #191a1e;
  margin: 8px 0 28px; }

.savedSearchWrapper .activeSearchDetails {
  margin-top: 30px; }

.savedSearchWrapper .expandableTable.ReactTable .rt-th:before {
  display: none;
  cursor: pointer; }

.savedSearchWrapper .expandableTable.ReactTable .rt-th.-cursor-pointer {
  cursor: default; }

.fciblockWrapper.system {
  position: relative; }
  .fciblockWrapper.system::before {
    content: '';
    position: absolute;
    width: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-transform: capitalize;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    word-break: break-word;
    text-orientation: sideways;
    -moz-text-orientation: sideways;
    -ms-text-orientation: sideways;
    writing-mode: vertical-lr;
    font: 600 9px/11px "Open Sans", sans-serif;
    color: #fff; }
  .fciblockWrapper.system.satisfaisant {
    border: solid 1px #ffcc00; }
    .fciblockWrapper.system.satisfaisant::before {
      background: #ffcc00;
      content: 'Moyen'; }
  .fciblockWrapper.system.fair {
    border: solid 1px #ffcc00; }
    .fciblockWrapper.system.fair::before {
      background: #ffcc00;
      content: 'medium'; }
  .fciblockWrapper.system.bon {
    border: solid 1px #00b050; }
    .fciblockWrapper.system.bon::before {
      background: #00b050;
      content: 'Faible'; }
  .fciblockWrapper.system.good {
    border: solid 1px #00b050; }
    .fciblockWrapper.system.good::before {
      background: #00b050;
      content: 'low'; }
  .fciblockWrapper.system.poor {
    border: solid 1px #800000; }
    .fciblockWrapper.system.poor::before {
      background: #800000;
      content: 'high'; }

.expandableColWrapper.genericTable {
  padding-left: 0; }

.genericTable .expandableTable.ReactTable .rt-thead.-header .rt-tr {
  left: 22px;
  position: relative; }

.criticalityReportBtn {
  position: absolute;
  top: -105px;
  right: 15px; }

.exploreTableWrapper.historyTable {
  padding: 0 20px;
  box-shadow: none; }
  .exploreTableWrapper.historyTable .expandableTable.ReactTable {
    border: none; }
    .exploreTableWrapper.historyTable .expandableTable.ReactTable .rt-th:before, .exploreTableWrapper.historyTable .expandableTable.ReactTable .rt-th:after {
      display: none; }
    .exploreTableWrapper.historyTable .expandableTable.ReactTable .rt-th.-cursor-pointer {
      cursor: default; }

.saveSearchHead .activeSearchDetails {
  margin-right: 30px; }
  .saveSearchHead .activeSearchDetails .customFormInput {
    margin-bottom: 0; }

.saveSearchHead .closeModal {
  position: relative; }
  .saveSearchHead .closeModal .moreOptionIcon {
    right: -30px;
    top: -12px; }
  .saveSearchHead .closeModal .iconDeleteTag {
    top: -4px; }

.saveSearchHead .backSaveSearchDetailsBtn {
  display: inline-block;
  margin-bottom: 28px; }

.criticalityFilterWrapper {
  top: -40px;
  right: 15px; }

.genericUniformatCol {
  padding: 0 5px; }
  .genericUniformatCol .hierarchyType {
    position: absolute;
    top: 3px;
    font: 400 11px/13px "Open Sans", sans-serif;
    color: #797b81; }

.criticalityDataCols {
  display: block;
  padding: 0;
  text-align: center;
  color: #26282e;
  height: 48px; }
  .criticalityDataCols.criticalityText {
    font-size: 14px; }
  .criticalityDataCols.fciYearCol {
    padding: 0; }
  .criticalityDataCols.yellow {
    border: solid 2px #ffcc00; }
  .criticalityDataCols.green {
    border: solid 2px #00b050; }
  .criticalityDataCols.black {
    border: solid 2px black; }
  .criticalityDataCols.red {
    border: solid 2px #800000; }

.criticalityTable .expandableTable.ReactTable .rt-th:before, .genericTable .expandableTable.ReactTable .rt-th:before {
  display: none; }

.criticalityTable .expandableTable.ReactTable .rt-tbody .rt-td, .genericTable .expandableTable.ReactTable .rt-tbody .rt-td {
  padding: 0; }

.genericTable .expandableTable.ReactTable .rt-tbody .rt-td {
  padding-left: 22px; }

.criticalityTable .fciColHeadings.firstCol, .genericTable .fciColHeadings.firstCol {
  width: 230px !important; }

.criticalityTable .customSemiBoldLinks, .genericTable .customSemiBoldLinks {
  color: #26282e; }

.systemWarningIconWrapper.systemWarningIcon {
  position: relative;
  top: 2px;
  width: 25px;
  height: 20px; }
  .systemWarningIconWrapper.systemWarningIcon:hover::before {
    content: attr(data-warningTooltip);
    position: absolute;
    top: 0;
    left: 27px;
    background: #fff;
    font: 400 12px/14px "Open Sans", sans-serif;
    color: #191a1e;
    padding: 5px 10px;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .systemWarningIconWrapper.systemWarningIcon:hover::after {
    content: '';
    position: absolute;
    right: -5px;
    width: 7px;
    height: 7px;
    background: #fff;
    top: 8px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    border-left: solid 1px rgba(0, 0, 0, 0.12);
    transform: rotate(45deg); }

.buildingReportsWrapper .exploreTableWrapper {
  padding: 0;
  box-shadow: none; }
  .buildingReportsWrapper .exploreTableWrapper .expandableColWrapper {
    width: calc(100% - 300px); }
    .buildingReportsWrapper .exploreTableWrapper .expandableColWrapper.noMatchedData {
      width: 100%; }
  .buildingReportsWrapper .exploreTableWrapper .actionIconGrid {
    width: 300px; }

.buildingReportsWrapper .tableFixedHeader .iconsGridHeader {
  width: 300px; }

.buildingReportsWrapper .checkboxCol::before {
  display: none; }

.buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.hcFci, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.siteFci, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.siteTotalReplacementValue, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetFci, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetCurrentReplacementValue, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetReplacementCostPerSqFt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetReplacementCostPerSqMt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetPerimeterMeter, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetFootprintSqMt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.exteriorSurfaceAreaSqMt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetSizeSqFt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetSizeSqMt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetHistoricalCost, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.undergroundParkingAreaSqMt, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.quantity, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.rate, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.componentRateAdjustmentPercentage, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.componentCost, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.componentCrv, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.componentCrvAdjustmentPercentage, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.eventCost, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.requirementPercentageRenew, .buildingReportsWrapper .rt-th.hcFci, .buildingReportsWrapper .rt-th.siteFci, .buildingReportsWrapper .rt-th.siteTotalReplacementValue, .buildingReportsWrapper .rt-th.assetFci, .buildingReportsWrapper .rt-th.assetCurrentReplacementValue, .buildingReportsWrapper .rt-th.assetReplacementCostPerSqFt, .buildingReportsWrapper .rt-th.assetReplacementCostPerSqMt, .buildingReportsWrapper .rt-th.assetPerimeterMeter, .buildingReportsWrapper .rt-th.assetFootprintSqMt, .buildingReportsWrapper .rt-th.exteriorSurfaceAreaSqMt, .buildingReportsWrapper .rt-th.assetSizeSqFt, .buildingReportsWrapper .rt-th.assetSizeSqMt, .buildingReportsWrapper .rt-th.assetHistoricalCost, .buildingReportsWrapper .rt-th.undergroundParkingAreaSqMt, .buildingReportsWrapper .rt-th.quantity, .buildingReportsWrapper .rt-th.rate, .buildingReportsWrapper .rt-th.componentRateAdjustmentPercentage, .buildingReportsWrapper .rt-th.componentCost, .buildingReportsWrapper .rt-th.componentCrv, .buildingReportsWrapper .rt-th.componentCrvAdjustmentPercentage, .buildingReportsWrapper .rt-th.eventCost, .buildingReportsWrapper .rt-th.requirementPercentageRenew {
  text-align: right;
  padding-right: 30px; }

.buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.systemCost, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.systemCrv, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.requirementCost, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.siteTotalReplacementValue, .buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.assetCurrentReplacementValue, .buildingReportsWrapper .rt-th.systemCost, .buildingReportsWrapper .rt-th.systemCrv, .buildingReportsWrapper .rt-th.requirementCost, .buildingReportsWrapper .rt-th.siteTotalReplacementValue, .buildingReportsWrapper .rt-th.assetCurrentReplacementValue {
  text-align: left;
  padding-right: 30px; }

.buildingReportsWrapper .expandableTable.ReactTable .rt-tbody .rt-td.detailPage .viewLinks, .buildingReportsWrapper .rt-th.detailPage .viewLinks {
  cursor: pointer;
  display: inline-block;
  position: relative; }

.buildingReportsWrapper .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  cursor: default; }

.reportAssetPanel .fullTableWrapper .expandableTable.ReactTable {
  border: solid 1px #dbdde5; }

.workOrderWrapper .expandableTable.ReactTable {
  border: none; }

.workOrderWrapper h2 {
  margin-top: 10px; }

.ReactTable .rt-noData {
  text-align: left;
  padding-left: 35vw; }

.pmoDetails .fullTableWrapper .ReactTable .rt-thead.-header {
  z-index: 1; }

.ReactTable .rt-noData {
  text-align: left;
  padding-left: 35vw; }

.expandableTable.ReactTable .rt-th.noSort {
  border-right: none; }
  .expandableTable.ReactTable .rt-th.noSort:before {
    background: none; }

.expandableTable.ReactTable .rt-td .delayedDot {
  text-overflow: inherit; }

.reportsHistoryContainer {
  background: white;
  margin: 0 30px; }
  .reportsHistoryContainer .flex-box {
    display: flex;
    align-items: center; }
    .reportsHistoryContainer .flex-box .actionIcons {
      margin-left: 5px; }

.reportsHistory {
  margin: 0 10px; }

.reportsHistoryHeading {
  padding: 20px 0 10px 0;
  margin-left: 15px; }
  .reportsHistoryHeading h3 {
    margin-top: 10px; }

.tableData .ReactTable .-pagination .-next .-btn,
.tableData .ReactTable .-pagination .-pageJump {
  pointer-events: none;
  opacity: .5;
  cursor: default;
  user-select: none; }

.actionIconBtns {
  background: transparent;
  border: none;
  padding: 0;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  position: relative;
  margin-right: 2px;
  top: 2px;
  display: inline-block; }
  .actionIconBtns:hover {
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

.actionIconBtns:last-child {
  margin: 0; }

.iconBtn {
  width: 27.5px;
  height: 27.5px;
  background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
  background-size: 250px 178px;
  display: inline-block;
  border: none; }
  .iconBtn.smallIconBtn {
    width: 18px;
    height: 18px; }
  .iconBtn.iconList {
    background-position: -4px -5px; }
  .iconBtn.iconAdd {
    background-position: -37px -5px; }
  .iconBtn.iconDownload {
    background-position: -70px -5px; }
  .iconBtn.iconDelete {
    background-position: -103px -5px; }
  .iconBtn.iconSearch {
    background-position: -130px -5px; }
    .iconBtn.iconSearch.active {
      background-position: -222px -120px; }
  .iconBtn.iconDuplicate {
    background-position: -5px -33px; }
  .iconBtn.iconEdit {
    background-position: -38px -33px; }
  .iconBtn.iconDrag {
    background-position: -130px -33px; }
  .iconBtn.iconListAlter {
    background-position: -157px -33px; }
  .iconBtn.iconDuplicateAlter {
    background-position: -190px -33px; }
  .iconBtn.iconDownloadAlter {
    background-position: -222px -33px; }
  .iconBtn.iconDeleteAlter {
    background-position: -5px -61px; }
  .iconBtn.iconLink {
    background-position: -70px -61px; }
  .iconBtn.closeModalBtn {
    background-position: -130px -58px; }
  .iconBtn.iconPopOut {
    background-position: -157px -61px; }
  .iconBtn.iconshare {
    background-position: -135px -148px; }
  .iconBtn.iconCloseApp {
    background-position: -190px -61px; }
  .iconBtn.iconDeleteTag {
    background-position: -222px -61px; }
  .iconBtn.iconSmallLeftArrow {
    background-position: -14px -100px; }
  .iconBtn.iconArrowLeft {
    background-position: -103px -85px; }
  .iconBtn.iconArrowRight {
    background-position: -72px -85px; }
  .iconBtn.leftArrowBtn {
    background-position: -160px -85px; }
  .iconBtn.rightArrowBtn {
    background-position: -190px -85px; }
  .iconBtn.moreActionsIcon {
    background-position: -130px -90px; }
    .iconBtn.moreActionsIcon.dashboardRemoveWidgetIcon {
      transform: rotate(90deg); }
  .iconBtn.sortActiveDown {
    background-position: -10px -130px; }
  .iconBtn.sortActiveUp {
    background-position: -40px -130px; }
  .iconBtn.sortingArrowDown {
    background-position: -75px -130px; }
  .iconBtn.filterIcon {
    background-position: -222px -90px; }
  .iconBtn.filterIcon.active {
    background-position: -102px -120px; }
  .iconBtn.disableIcon {
    background-position: -128px -120px; }
  .iconBtn.moreOptionIcon {
    background-position: -160px -112px; }
  .iconBtn.closeOptionIcon {
    background-position: -160px -112px; }
  .iconBtn.iconSideNavStepBack {
    background-position: -5px -149px; }
  .iconBtn.topNavSubmenuIcon {
    background-position: -38px -149px; }
  .iconBtn.reportsDownloadIcon {
    background-position: -106px -153px; }
  .iconBtn.systemWarningIcon {
    background-position: -70px -149px; }
  .iconBtn.mapIcon {
    background: url(ad345fa68fb7daa71247fd0b26ea89be.png) no-repeat 2px 2px; }
  .iconBtn.iconClose {
    background-position: -163px -158px; }
  .iconBtn.iconAccept {
    background-position: -218px -15px; }
  .iconBtn.IconAddBold {
    background-position: -97px -35px; }

.arrowCaretDown {
  position: relative;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #191a1e; }

.accordionCollapseIcon {
  background-position: -102px -33px; }

.iconBtn.smallIconBtn.iconDelete {
  background-position: -107px -65px; }

.tableSortingArrows {
  cursor: pointer;
  position: relative;
  content: '';
  width: 6px;
  height: 6px;
  right: 0;
  top: 6px; }
  .tableSortingArrows.arrowAngleDown {
    border-right: solid 1px #858688;
    border-bottom: solid 1px #858688;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }
    .tableSortingArrows.arrowAngleDown.active {
      border: solid 6px transparent;
      border-bottom: none;
      border-top-color: #191a1e;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -moz-transform: rotate(0);
      transform: rotate(0); }
  .tableSortingArrows.arrowAngleUp.active {
    border: solid 6px transparent;
    border-top: none;
    border-bottom-color: #191a1e; }

.arrowAngleDown {
  position: relative;
  content: '';
  width: 5px;
  height: 5px;
  right: 0;
  border-right: solid 1px #858688;
  border-bottom: solid 1px #858688;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.actionsIcon:before {
  content: '...';
  position: relative;
  top: -5px;
  right: 15px;
  font: 600 30px/32px "Open Sans", sans-serif;
  color: #50535d; }

.actionIcons {
  display: inline-block;
  position: relative; }

.reportsDashboard .actionIcons {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  top: -5px; }

.buttonToolTip {
  position: absolute;
  display: none;
  width: 200px;
  padding: 15px 20px;
  z-index: 10;
  left: -30px;
  background: #fff;
  margin-top: 15px;
  transition: opacity linear 0.2s; }

.actionIcons .buttonToolTip, .footerIcons .buttonToolTip {
  width: 200px;
  left: -70px; }

.actionIcons:hover .buttonToolTip, .footerIcons:hover .buttonToolTip {
  display: block;
  transition: opacity linear 0.2s;
  font: 600 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .actionIcons:hover .buttonToolTip::before, .footerIcons:hover .buttonToolTip::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: solid 1px rgba(2, 2, 2, 0.12);
    border-left: solid 1px rgba(2, 2, 2, 0.12);
    transform: rotate(45deg);
    top: -8px;
    left: 38%;
    z-index: 1; }

.footerIcons:hover .buttonToolTip {
  bottom: 40px; }
  .footerIcons:hover .buttonToolTip::before {
    border-left: none;
    border-right: solid 1px rgba(2, 2, 2, 0.12);
    transform: rotate(135deg);
    top: inherit;
    bottom: -8px; }

.groupList .actionIcons:hover .buttonToolTip {
  display: none; }

.rotateImageBtn {
  width: 30px;
  height: 35px;
  background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat -33px -84px;
  background-size: 250px 178px;
  border: none;
  box-shadow: none;
  vertical-align: middle;
  margin: 0 15px; }
  .rotateImageBtn:hover, .rotateImageBtn:focus {
    box-shadow: none; }

.modalSearchField::after {
  width: 28px;
  height: 28px;
  top: 0;
  right: 0;
  content: '';
  position: absolute;
  background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat -222px -120px;
  background-size: 250px 178px; }

.fileTypeWrapper {
  padding: 30px 0; }

.downloadFileIcons {
  width: 100px;
  height: 100px;
  background: url(b2ac1f4771cee391b17b83d6a38edaf0.png) no-repeat;
  background-size: 400px 200px;
  display: inline-block;
  border: none;
  position: relative;
  cursor: pointer; }
  .downloadFileIcons.docIcon {
    background-position: -100px 0; }
  .downloadFileIcons.excelIcon {
    background-position: 0 0; }
  .downloadFileIcons.pdfIcon {
    background-position: -200px 0; }
  .downloadFileIcons.cdrIcon {
    background-position: -300px 0; }
  .downloadFileIcons.txtIcon {
    background-position: 0 -100px; }
  .downloadFileIcons.dwfIcon {
    background-position: -100px -100px; }
  .downloadFileIcons.dwgIcon {
    background-position: -200px -100px; }
  .downloadFileIcons .fileExtension {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: 700 18px/20px "Open Sans", sans-serif;
    color: #fff; }

.attachmentBtns .iconBtn {
  margin: 5px 0 0 15px; }

.sliderActions .iconBtn {
  position: relative;
  top: 5px; }

.actionIconBtns.disabled .iconBtn {
  cursor: not-allowed; }

.refreshIconContainer {
  position: absolute;
  right: 15px;
  top: 3px;
  background: none;
  border: none;
  cursor: pointer; }
  .refreshIconContainer .refreshIcon {
    height: 20px; }

.refreshIconContainer:disabled {
  cursor: not-allowed; }

.sidepaneBtn {
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: none;
  border-radius: 50px;
  border: solid 2px #dbdde5;
  padding: 7px;
  margin-left: 7px; }
  .sidepaneBtn .sidePaneClose {
    border: solid 2px #26282e;
    border-radius: 6px;
    height: 23px;
    background: #fff;
    transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s;
    display: block; }
  .sidepaneBtn.active {
    background: #dbdde5; }
    .sidepaneBtn.active .sidePaneClose {
      background-color: #26282e;
      transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s; }

.sidepaneBtn {
  background-color: #fff; }
  .sidepaneBtn .sidePaneOpen {
    height: 23px;
    display: block;
    position: relative;
    background: #fff;
    border-radius: 6px;
    border: solid 2px #26282e;
    transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s; }
    .sidepaneBtn .sidePaneOpen:after {
      content: '';
      position: absolute;
      width: 3px;
      height: 23px;
      top: -2px;
      right: 5px;
      background: #26282e;
      transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s; }
  .sidepaneBtn.active {
    background-color: #dbdde5; }
    .sidepaneBtn.active .sidePaneOpen {
      background-color: #26282e;
      transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s; }
      .sidepaneBtn.active .sidePaneOpen:after {
        background: #fff;
        transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s;
        top: -2px;
        height: 23px; }

.btn {
  padding: 12px 24px; }
  .btn:focus, .btn:active, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none; }

.btn-lg {
  min-width: 242px; }

.btn-primary {
  width: auto;
  background-color: #12bcbc;
  box-shadow: none;
  transition: all ease-in-out 0.3s;
  border: none;
  border-radius: 50px;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #fff; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background: #16d4d4;
    transition: all ease-in-out 0.3s; }

.btn-primary[disabled] {
  background: #e5e5e5;
  color: rgba(0, 0, 0, 0.15);
  transition: all ease-in-out 0.3s; }
  .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:hover {
    background: #e5e5e5;
    color: rgba(0, 0, 0, 0.15);
    transition: all ease-in-out 0.3s; }

.btn-primaryAlter, .btn-secondary {
  width: auto;
  background-color: #fff;
  box-shadow: none;
  transition: all ease-in-out 0.3s;
  border: solid 1px #12bcbc;
  border-radius: 50px;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #12bcbc; }
  .btn-primaryAlter:hover, .btn-primaryAlter:focus, .btn-primaryAlter:active, .btn-primaryAlter:active:focus, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus {
    border-color: #16d4d4;
    color: #16d4d4;
    transition: all ease-in-out 0.3s; }

.btn-secondary {
  background-color: transparent; }

.btn-small {
  min-width: 100px; }

.btn-md {
  padding: 12px 24px;
  min-width: 160px; }

.btn-sm {
  padding: 12px 30px; }

.form-group {
  margin-bottom: 40px; }

.form-control {
  padding: 0;
  border: none;
  border-bottom: solid 1px #191a1e;
  height: 30px;
  border-radius: 0;
  box-shadow: none;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  transition: all ease-in-out 0.3s;
  position: relative;
  z-index: 1;
  background: transparent; }
  .form-control:focus {
    outline: none;
    border: none;
    border-bottom: solid 1px #1075d2;
    box-shadow: 0 1px 0 0 #1075d2;
    transition: all ease-in-out 0.3s; }
  .form-control[disabled] {
    background: transparent;
    border-bottom-style: dotted; }
  .form-control[readonly] {
    background: transparent; }

/*placeholders scss starts here */
.customFormInput .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0;
  transition: all ease-in-out 0.3s; }

.customFormInput .form-control::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0;
  transition: all ease-in-out 0.3s; }

.customFormInput .form-control:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0;
  transition: all ease-in-out 0.3s; }

.customFormInput .form-control:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0;
  transition: all ease-in-out 0.3s; }

/*placeholders scss ends here */
/*Label scss starts here */
span.radioCheckboxLabel {
  font-size: 10px;
  top: 0;
  position: relative; }

label {
  transition: all cubic-bezier(0.17, 0.67, 0.57, 0.52) 0.2s;
  text-transform: capitalize;
  position: relative;
  margin: 0; }

.stickyLabel {
  display: block;
  font: 400 10px/12px "Open Sans", sans-serif;
  color: #797b81;
  margin-bottom: 8px; }

.infoLabel {
  padding: 0;
  border-bottom: dotted 1px #797b81;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e; }

.customFormInput label {
  position: absolute;
  top: 5px;
  margin: 0;
  text-transform: capitalize;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #797b81; }

.customFormInput.commentsInput label {
  text-transform: none; }

.customFormInput, .infoFieldsBox, .datePickerBlock {
  position: relative; }
  .customFormInput label.floatingLabel, .infoFieldsBox label.floatingLabel, .datePickerBlock label.floatingLabel {
    top: -12px;
    position: absolute;
    font: 400 10px/12px "Open Sans", sans-serif;
    color: #797b81; }
    .customFormInput label.floatingLabel.labelBlue, .infoFieldsBox label.floatingLabel.labelBlue, .datePickerBlock label.floatingLabel.labelBlue {
      color: #1075d2; }
  .customFormInput .infoLabel, .infoFieldsBox .infoLabel, .datePickerBlock .infoLabel {
    margin-top: 8px;
    padding-bottom: 5px;
    display: block;
    min-height: 22px; }

/*Label scss ends here */
/*custom checkbox & Radio buttons scss starts here */
.customCheckWrap1 {
  margin-bottom: 20px;
  padding-right: 5px; }

.squareCheckbox, .exploreSelectItemsWrapper {
  width: auto; }
  .squareCheckbox input[type="checkbox"], .exploreSelectItemsWrapper input[type="checkbox"] {
    outline: none;
    cursor: pointer;
    background-color: #fff;
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    border: solid 1px #ababab;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .squareCheckbox input[type="checkbox"][disabled], .exploreSelectItemsWrapper input[type="checkbox"][disabled] {
      cursor: not-allowed; }
      .squareCheckbox input[type="checkbox"][disabled] + label, .exploreSelectItemsWrapper input[type="checkbox"][disabled] + label {
        cursor: not-allowed; }
  .squareCheckbox input[type="checkbox"] + label, .exploreSelectItemsWrapper input[type="checkbox"] + label {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #191a1e;
    cursor: pointer;
    text-transform: capitalize;
    margin: 0; }

.squareCheckbox input[type="checkbox"]:checked, .exploreSelectItemsWrapper input[type="checkbox"]:checked {
  border: solid 1px #26282e;
  background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat #fff;
  background-position: -195px -10px; }

.customCheckbox1 input[type="checkbox"] {
  display: none; }

.customCheckbox1 input[type="checkbox"] + label {
  background: #fff;
  cursor: pointer;
  display: block;
  margin: 0;
  position: relative;
  padding: 10px 12px;
  text-transform: capitalize;
  transition: all ease-in-out 0.3s;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  border: solid 1px #26282E;
  border-radius: 4px; }

.customCheckbox1 input[type="checkbox"]:checked + label {
  border: solid 1px #1075d2;
  transition: all ease-in-out 0.3s; }
  .customCheckbox1 input[type="checkbox"]:checked + label:after {
    display: block;
    content: '';
    position: absolute;
    width: 27.5px;
    height: 27.5px;
    background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
    background-size: 250px 178px;
    background-position: -155px -2px;
    top: 2px;
    right: 6px; }

.customRadioLayout input[type="radio"] {
  border: solid 1px #dbdde5;
  cursor: pointer;
  height: 20px;
  width: 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50px;
  outline: none; }

.customRadioLayout input[type="radio"]:checked {
  border: solid 1px #26282e;
  position: relative; }
  .customRadioLayout input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #191a1e;
    top: 3px;
    left: 3px;
    border-radius: 50px; }

.customCheckbox2 input[type="checkbox"], .customCheckbox2 input[type="radio"], .customRadioLayout2 input[type="checkbox"], .customRadioLayout2 input[type="radio"] {
  display: none; }

.customCheckbox2 input[type="checkbox"] + label, .customCheckbox2 input[type="radio"] + label, .customRadioLayout2 input[type="checkbox"] + label, .customRadioLayout2 input[type="radio"] + label {
  min-width: 150px;
  text-align: center;
  font: 700 14px/16px "Open Sans", sans-serif;
  background: #fff;
  color: #26282E;
  border: solid 1px #26282E;
  border-right-width: 0;
  border-radius: 0;
  cursor: pointer;
  padding: 10px 12px;
  text-transform: capitalize;
  position: relative;
  margin: 0;
  display: block; }

.customCheckbox2 input[type="radio"] + label, .customRadioLayout2 input[type="radio"] + label {
  transition: none; }

.customCheckbox2.disabled, .customRadioLayout2.disabled {
  opacity: 0.2; }
  .customCheckbox2.disabled input[type="radio"] + label, .customRadioLayout2.disabled input[type="radio"] + label {
    cursor: not-allowed; }

.customCheckbox2 input[type="checkbox"]:checked + label, .customCheckbox2 input[type="radio"]:checked + label, .customRadioLayout2 input[type="checkbox"]:checked + label, .customRadioLayout2 input[type="radio"]:checked + label {
  background: #26282E;
  color: #fff; }

.checkRadioLayout2 label {
  border-radius: 0; }

.checkRadioLayout2 .customRadioLayout2:first-child label {
  border-radius: 50px 0 0 50px; }

.customCheckbox2:last-child label, .checkRadioLayout2 .customRadioLayout2:last-child label {
  border-radius: 0 50px 50px 0;
  border-right-width: 1px; }

.requirementStatusCheckBlock .customCheckbox2, .requirementStatusCheckBlock .customRadioLayout2 {
  width: 33.33%; }
  .requirementStatusCheckBlock .customCheckbox2 label, .requirementStatusCheckBlock .customRadioLayout2 label {
    left: 0;
    top: 0; }

.conditionRatingButton .customRadioLayout2 {
  width: 20%;
  display: inline-block; }
  .conditionRatingButton .customRadioLayout2 input[type='radio'] + label {
    min-width: 120px;
    left: 0;
    top: 0; }

/* custom checkbox and radio buttons scss ends here */
/*custom textarea scss starts here */
textarea.form-control {
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
  padding-top: 5px;
  resize: none; }

textarea.customTextareabox1 {
  min-height: 125px;
  height: auto; }

/*custom textarea scss ends here */
/*css for form errors starts here */
.errorBox.form-control {
  border-bottom: solid 1px #ee3642;
  box-shadow: 0 1px 0 0 #ee3642;
  transition: all ease-in-out 0.3s; }
  .errorBox.form-control:focus {
    border-bottom: solid 1px #ee3642;
    box-shadow: 0 1px 0 0 #ee3642;
    transition: all ease-in-out 0.3s; }

.form-error {
  font: 700 12px/14px "Open Sans", sans-serif;
  color: #ee3642;
  position: absolute;
  bottom: -20px; }
  .form-error.actionYearError {
    bottom: -35px; }
  .form-error.nameCheckValidation {
    bottom: -30px; }
  .form-error.toggleCheckError {
    bottom: -15px; }

.errorBlock {
  font: 700 13px/15px "Open Sans", sans-serif;
  color: #ee3642; }

/*css for form errors ends here */
/*css for custom selectbox starts here */
.primaryCustomDropdown .selectedOption {
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  cursor: pointer; }
  .primaryCustomDropdown .selectedOption:after {
    content: '';
    width: 10px;
    height: 10px;
    right: 0;
    position: absolute;
    border-right: solid 2px #191a1e;
    border-bottom: solid 2px #191a1e;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .primaryCustomDropdown .selectedOption.disabled {
    cursor: not-allowed; }

.primaryCustomDropdown, .suggestionListWrapper {
  position: relative; }
  .primaryCustomDropdown .optionListWrapper, .primaryCustomDropdown .suggestionList, .suggestionListWrapper .optionListWrapper, .suggestionListWrapper .suggestionList {
    position: absolute;
    background: #fff;
    padding: 0;
    z-index: 5;
    padding: 0 14px;
    border-radius: 4px;
    transition: height ease-in-out 0.3s;
    margin-top: 10px;
    height: 0;
    max-height: 200px;
    overflow-y: auto;
    width: 100%; }
    .primaryCustomDropdown .optionListWrapper.show, .primaryCustomDropdown .suggestionList.show, .suggestionListWrapper .optionListWrapper.show, .suggestionListWrapper .suggestionList.show {
      height: auto;
      border: solid 1px #dadde6;
      transition: height ease-in-out 0.3s; }
      .primaryCustomDropdown .optionListWrapper.show li, .primaryCustomDropdown .suggestionList.show li, .suggestionListWrapper .optionListWrapper.show li, .suggestionListWrapper .suggestionList.show li {
        display: block; }

.optionListWrapper li, .suggestionListWrapper li {
  list-style-type: none;
  display: none;
  padding: 14px 0;
  cursor: pointer;
  text-transform: capitalize;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  transition: color linear 0.3s; }
  .optionListWrapper li:hover, .optionListWrapper li.active, .suggestionListWrapper li:hover, .suggestionListWrapper li.active {
    color: #1075d2;
    font-weight: 700;
    transition: color linear 0.3s; }

/*css for custom selectbox ends here */
input[type=number] {
  -moz-appearance: textfield; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0; }

.labelCheckBox label {
  top: 3px;
  position: absolute;
  text-transform: none; }

.formOptionBox {
  margin-top: -12px; }

.primaryCustomDropdown.formOptionBox .selectedOption {
  font-weight: 400;
  border-bottom: solid 1px #191a1e;
  padding-bottom: 5px;
  min-height: 22px; }
  .primaryCustomDropdown.formOptionBox .selectedOption.active {
    border-bottom: solid 1px #1075d2;
    box-shadow: 0 1px 0 0 #1075d2; }
  .primaryCustomDropdown.formOptionBox .selectedOption::after {
    border-bottom: solid 1px #191a1e;
    border-right: solid 1px #191a1e; }
  .primaryCustomDropdown.formOptionBox .selectedOption.disabled {
    border-bottom: dotted 1px #191a1e;
    cursor: not-allowed; }

.primaryCustomDropdown .stickyLabel {
  text-transform: none; }
  .primaryCustomDropdown .stickyLabel.selectActiveLabel {
    color: #1075d2; }

.suggestionListWrapper .suggestionList {
  top: -35px; }

.hideCustomDropDown .formOptionBox .selectedOption {
  cursor: not-allowed; }
  .hideCustomDropDown .formOptionBox .selectedOption.active {
    border-bottom: solid 1px #191a1e;
    box-shadow: none;
    cursor: not-allowed; }
  .hideCustomDropDown .formOptionBox .selectedOption::after {
    border: none; }

.hideCustomDropDown .formOptionBox .optionListWrapper {
  display: none !important; }

.notificationCheckBox input[type="checkbox"] {
  background-color: #e8eaf2;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  float: none;
  height: 24px;
  margin: 0;
  outline: none;
  position: relative;
  width: 55px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: color linear 0.2s;
  border: none; }
  .notificationCheckBox input[type="checkbox"]:after {
    content: 'No';
    position: absolute;
    right: 10px;
    top: 5px;
    font: 600 10px/12px "Open Sans", sans-serif;
    color: #797b81; }
  .notificationCheckBox input[type="checkbox"]:before {
    background: #fff;
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 50px;
    position: absolute;
    left: -1px;
    box-shadow: 0 0 6px rgba(1, 2, 2, 0.1); }
  .notificationCheckBox input[type="checkbox"][disabled] {
    cursor: not-allowed;
    opacity: 0.2; }

.notificationCheckBox input[type="checkbox"]:checked {
  background: #26282e;
  transition: color linear 0.2s;
  border: none; }
  .notificationCheckBox input[type="checkbox"]:checked:before {
    content: 'Yes';
    position: absolute;
    left: 10px;
    font: 600 10px/12px "Open Sans", sans-serif;
    color: #fff;
    top: 5px;
    background: transparent;
    border: none;
    width: auto;
    height: auto; }
  .notificationCheckBox input[type="checkbox"]:checked:after {
    background: #fff;
    content: '';
    width: 25px;
    height: 25px;
    border-radius: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    box-shadow: 0 0 6px rgba(1, 2, 2, 0.1); }

.french .notificationCheckBox input[type="checkbox"]:checked:before {
  content: 'Oui'; }

.french .notificationCheckBox input[type="checkbox"]:checked:after {
  content: ''; }

.french .notificationCheckBox input[type="checkbox"]:after {
  content: 'Non'; }

.french .notificationCheckBox input[type="checkbox"]:before {
  content: ''; }

.notificationCheckBox label {
  cursor: pointer;
  float: left;
  position: relative;
  padding-right: 30px;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #26282E; }

.addUserRadioBtn .customRadioLayout2 {
  width: 50%;
  display: inline-block; }
  .addUserRadioBtn .customRadioLayout2 input[type='radio'] + label {
    min-width: 120px;
    left: 0;
    top: 0; }

.customFormInput.textareaWrapper label {
  bottom: 10px;
  top: inherit; }
  .customFormInput.textareaWrapper label.floatingLabel {
    top: -12px;
    bottom: inherit; }

.filterRadioBlock {
  width: 100%; }
  .filterRadioBlock .customRadioLayout2 {
    width: 50%;
    display: inline-block; }
    .filterRadioBlock .customRadioLayout2 input[type="radio"] + label {
      min-width: 50px; }

.labelInfo {
  font: 400 10px/12px "Open Sans", sans-serif;
  color: #797b81;
  margin-bottom: 5px; }

.fciFilter {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .fciFilter input[type="checkbox"] {
    position: relative;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0 10px 0 0; }
    .fciFilter input[type="checkbox"]:checked::before {
      content: '\2713';
      position: absolute;
      color: #fff;
      font-size: 14px;
      left: 4px;
      font-weight: 600; }
  .fciFilter.low input[type="checkbox"] {
    background: #00b050; }
  .fciFilter.medium input[type="checkbox"] {
    background: #ffcc00; }
    .fciFilter.medium input[type="checkbox"]:checked::before {
      color: #26282e; }
  .fciFilter.high input[type="checkbox"] {
    background: #800000; }
  .fciFilter.critical input[type="checkbox"] {
    background: #000; }
  .fciFilter.all input[type="checkbox"] {
    background: #fff;
    border: solid 1px #dbdde5; }
    .fciFilter.all input[type="checkbox"]:checked::before {
      color: #26282e; }
  .fciFilter label {
    cursor: pointer; }

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
  outline: none; }

.checkRadioLayout2.sixOptionLayout .customRadioLayout2 {
  width: 16.6%; }
  .checkRadioLayout2.sixOptionLayout .customRadioLayout2 input[type="radio"] + label {
    min-width: 105px; }

.proceedBtnCommonRule, .inputWarningBox .proceedWarningBtn, .inputWarningBox .proceedWarningBtn:focus, .inputWarningBox .proceedWarningBtn:active, .inputWarningBox .proceedWarningBtn:hover {
  border: none;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #d9534f;
  background: transparent;
  color: #d9534f;
  padding: 0; }

.purposedFunding .inputWarningBox {
  bottom: auto;
  width: 200px; }

.inputWarningBox {
  position: absolute;
  background: #fff;
  width: 90%;
  padding: 8px;
  bottom: -24px;
  z-index: 2;
  border: solid 2px #d9534f;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #26282e;
  border-radius: 2px; }
  .inputWarningBox .warningMessage {
    padding-right: 5px; }
  .inputWarningBox::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 12px;
    background: #fff;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #d9534f #d9534f #fff #fff;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px; }
  .inputWarningBox.projectPriorityWarning {
    margin-top: 40px;
    bottom: inherit;
    max-width: 48%;
    width: auto;
    left: 10px; }
  .inputWarningBox.priorityDetailsWarning {
    bottom: inherit;
    top: 40px;
    z-index: 5; }

#safetyIssueWarningBox {
  bottom: -45px; }

.projectPriorityWrapper {
  position: relative; }

.reportsYears {
  position: relative;
  margin-top: -10px; }
  .reportsYears .checkRadioLayout2.twoOptionLayout div {
    display: inline-block;
    width: 60px; }

.squareCheckbox {
  position: relative; }

.roundRadioLayout input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: solid 1px #dbdde5;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  position: relative;
  margin: 5px 10px 0 0; }
  .roundRadioLayout input[type="radio"]:focus {
    outline: none; }
  .roundRadioLayout input[type="radio"]:checked {
    border: solid 1px #191a1e; }
    .roundRadioLayout input[type="radio"]:checked::before {
      content: '';
      border-radius: 50px;
      background: #191a1e;
      padding: 4px;
      position: absolute;
      top: 4px;
      left: 4px; }
  .roundRadioLayout input[type="radio"] + label {
    cursor: pointer;
    vertical-align: top;
    font: 400 14px/28px "Open Sans", sans-serif;
    color: #26282e; }

.navbar .primaryCustomDropdown.formOptionBox {
  position: relative;
  top: 5px; }
  .navbar .primaryCustomDropdown.formOptionBox .selectedOption {
    font-weight: 400;
    border-bottom: solid 1px #191a1e;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px; }

.dynamicInputWrapper {
  position: relative; }

.memberName .customFormInput .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  color: #26282e;
  transition: all ease-in-out 0.3s; }

.memberName .customFormInput .form-control::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #26282e;
  transition: all ease-in-out 0.3s; }

.memberName .customFormInput .form-control:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  color: #26282e;
  transition: all ease-in-out 0.3s; }

.memberName .customFormInput .form-control:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  color: #26282e;
  transition: all ease-in-out 0.3s; }

.customNumberInput {
  position: relative;
  top: 10px; }

.disciplineRow.disabled {
  cursor: not-allowed;
  color: #cecece; }
  .disciplineRow.disabled:hover {
    cursor: not-allowed;
    color: #cecece; }

/*scss for autocomplete components */
.autoCompleteWrapper .suggestionListWrapper {
  top: 28px;
  position: absolute;
  width: 100%; }
  .autoCompleteWrapper .suggestionListWrapper .suggestionList {
    top: 0;
    width: auto;
    position: relative;
    border: solid 1px #dadde6;
    transition: height ease-in-out 0.3s; }

.autoCompleteWrapper .suggestionListWrapper.referenceRequirement .uniformatName, .autoCompleteWrapper .suggestionListWrapper.referenceRequirement .reqName {
  width: 48% !important;
  padding: 0 10px 0 0;
  vertical-align: top; }

.disciplineRateError {
  position: absolute;
  top: 34px;
  bottom: 0; }

.mappedDetailsWrapper.autoCompleteMappedData .mapLabel {
  width: 42%; }
  .mappedDetailsWrapper.autoCompleteMappedData .mapLabel.reqName {
    width: 42%; }

.autoCompleteMappedData .mapLabel {
  width: 42%; }

.roundRadioLayout input[type="radio"]:disabled {
  opacity: 0.2; }
  .roundRadioLayout input[type="radio"]:disabled + label {
    cursor: not-allowed;
    opacity: 0.2; }

.squareCheckbox input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: 0.3; }

.checkRadioLayout2 input[type="radio"]:disabled {
  cursor: not-allowed; }
  .checkRadioLayout2 input[type="radio"]:disabled + label {
    cursor: not-allowed; }

.assetBuildingDataWrapper .checkRadioLayout2 input[type="radio"]:disabled {
  cursor: not-allowed; }
  .assetBuildingDataWrapper .checkRadioLayout2 input[type="radio"]:disabled + label {
    cursor: not-allowed;
    opacity: 0.2; }

.hydrantRadioBlock .customRadioLayout input[type="radio"]:disabled {
  cursor: not-allowed; }
  .hydrantRadioBlock .customRadioLayout input[type="radio"]:disabled + label {
    cursor: not-allowed;
    opacity: 0.2; }

.selectPackageOption {
  margin-top: 20px; }
  .selectPackageOption .customRadioLayout2.threeOptionLayout {
    width: 30%;
    margin-right: 15px;
    display: inline-block; }
  .selectPackageOption .customRadioLayout2 input[type="radio"] + label {
    border: solid 1px #dbdde5;
    border-radius: 3px;
    padding: 15px;
    background: #fff;
    text-align: left; }
  .selectPackageOption .customRadioLayout2 input[type="radio"]:checked + label {
    border: solid 2px #1075d2;
    background: #fff;
    color: #191a1e;
    text-align: left;
    position: relative; }
    .selectPackageOption .customRadioLayout2 input[type="radio"]:checked + label::after {
      display: block;
      content: '';
      position: absolute;
      width: 27.5px;
      height: 27.5px;
      background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
      background-size: 250px 178px;
      background-position: -155px -2px;
      top: 8px;
      right: 10px; }

.removeCapitalize {
  text-transform: none; }

.removeCapitalizeList .selectedOption {
  text-transform: none; }

.removeCapitalizeList .optionListWrapper {
  text-transform: none; }
  .removeCapitalizeList .optionListWrapper li {
    text-transform: none; }

body {
  background: #e8eaf2;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #26282e; }

button:focus, a:focus {
  outline: none; }

h1, h2, h3, h4, h5, h6, hgroup {
  color: #191a1e;
  font-weight: 600; }

h3 {
  font-size: 25px; }

.bold {
  font-weight: 700 !important; }

.textNormal {
  text-transform: none; }

a {
  color: #1075d2;
  transition: all linear 0.3s;
  text-decoration: none; }
  a:hover, a:focus {
    color: #168fff;
    text-decoration: none;
    transition: all linear 0.3s; }

p {
  font: 400 14px/22px "Open Sans", sans-serif;
  color: #191a1e; }

.whiteBlock {
  background: #fff; }

.contentBlock {
  width: 985px; }

.sectionPadding {
  padding: 14px 0; }

.customSemiBoldLinks {
  font: 600 14px/16px "Open Sans", sans-serif;
  color: #1075d2; }
  .customSemiBoldLinks.listingNavBtn {
    padding: 0;
    background: transparent;
    border: none; }
  .customSemiBoldLinks.editCommentsBtn {
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    background: transparent;
    border: none; }

.layoutContent {
  margin-top: 90px; }

.customBoxShadowLayout1 {
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }

/*scss for global classes starts here */
.tabsContentSection {
  padding: 14px 0; }

/*scss for global classes ends here */
/*scss for explore module */
.exploreAssessmentBar {
  margin-bottom: 30px;
  background: #fff;
  padding: 20px 0;
  position: relative;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .exploreAssessmentBar .selectItemsBtn {
    margin: 0 20px 0 35px;
    min-width: 130px;
    vertical-align: top; }

.exploreListBlock {
  background: #fff;
  padding: 14px 10px;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .exploreListBlock.searchResults, .exploreListBlock.savedSearchWrapper {
    padding: 20px;
    position: relative;
    margin-bottom: 150px;
    min-height: 65vh;
    height: auto; }

/*scss for select card */
.selectCardBox {
  background: transparent;
  box-shadow: none;
  border: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 22px; }
  .selectCardBox .selectCardContainer {
    background: #fff;
    border-radius: 4px;
    border: solid 2px #dbdde5;
    box-shadow: none;
    transition: all ease-in-out 0.3s; }
    .selectCardBox .selectCardContainer:hover {
      box-shadow: 0 1px 10px rgba(2, 2, 2, 0.25);
      transition: all ease-in-out 0.3s; }

.selectCardContent {
  padding: 10px; }
  .selectCardContent .detailLink {
    display: block;
    margin-bottom: 20px;
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #1075d2; }
    .selectCardContent .detailLink:hover, .selectCardContent .detailLink:focus {
      color: #168fff;
      text-decoration: none;
      transition: all ease-in-out 0.3s; }
  .selectCardContent .blockNameId {
    display: block; }

.selectCardContent a .selectCardId {
  text-transform: uppercase;
  color: #797b81;
  font-size: 14px;
  padding: 0;
  display: block;
  margin-bottom: 2px; }

.selectCardContent a h5 {
  font: 700 16px/18px "Open Sans", sans-serif;
  color: #191a1e;
  margin: 0;
  height: 55px;
  overflow: hidden;
  text-align: center;
  text-transform: capitalize; }

.selectCardContainer .actionbar {
  background: #dbdde5;
  padding: 5px 0 3px;
  text-align: center;
  position: relative; }

.selectCardContainer:hover h5 {
  font-weight: 800;
  transition: all ease-in-out 0.3s; }

/*scss for select card ends here */
/*scss for SearchContent starts here */
.searchContent {
  width: 180px;
  display: inline-block;
  margin-right: 10px; }
  .searchContent.searchLayout2 {
    width: 210px;
    vertical-align: top;
    margin-top: 5px; }
  .searchContent::before {
    background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat -134px -5px;
    width: 28px;
    height: 28px;
    content: '';
    position: absolute; }
  .searchContent .form-control {
    padding-left: 25px; }

/*scss for SearchContent ends here */
/*scss for panel starts here */
.panel-default {
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .panel-default .panel-heading {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: none;
    background: transparent;
    padding: 20px; }
  .panel-default .panel-body {
    padding: 0; }

/*scss for panel ends here */
.customListLayout {
  padding: 0; }
  .customListLayout li {
    display: block;
    padding: 15px 20px;
    font: 400 18px/20px "Open Sans", sans-serif;
    color: #191a1e; }
    .customListLayout li:hover {
      cursor: pointer; }

.customListLayout li a {
  font: 400 18px/20px "Open Sans", sans-serif;
  color: #191a1e; }
  .customListLayout li a:hover, .customListLayout li a:focus {
    font: 400 18px/20px "Open Sans", sans-serif;
    color: #191a1e; }

h4.blockTitle {
  font: 700 22px/24px "Open Sans", sans-serif;
  color: #191a1e; }

.emptyQueryBox {
  min-height: 390px;
  padding: 80px 0;
  position: relative; }
  .emptyQueryBox p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    width: 45%;
    margin: 0 auto; }
  .emptyQueryBox:after {
    background: url(33b3a14ac541a139996adc15c34820df.png) no-repeat;
    width: 63px;
    height: 114px;
    content: '';
    position: absolute;
    right: 70px;
    top: -10px; }

/* common scss for nav tabs starts here */
.nav-tabs li a {
  background: transparent;
  border-bottom: solid 3px #e8eaf2;
  padding: 16px 9px;
  text-transform: capitalize;
  border: none;
  margin: 0;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #26282E;
  transition: none; }
  .nav-tabs li a:hover {
    background: transparent;
    color: #797b81;
    border: none;
    color: #26282E;
    transition: none; }
  .nav-tabs li a:focus, .nav-tabs li a.tabActive {
    text-shadow: 1px 0 0 #26282E;
    background: transparent;
    color: #26282e;
    transition: none;
    border-bottom: solid 3px #26282e; }

.panel-collapse {
  display: none; }

.panel.in .panel-collapse {
  display: block;
  padding-top: 15px; }

.panel.in .collapseIcon {
  transform: rotate(45deg);
  transition: all linear 0.3s; }

.panel-group .panel, .panel-group .panel + .panel {
  border-radius: 3px;
  margin-bottom: 10px; }

.collapseIcon {
  position: relative;
  top: -5px;
  right: -5px;
  transition: all linear 0.3s; }

.confirmationModalBox, .imageCarousel {
  display: block; }
  .confirmationModalBox::before, .imageCarousel::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(38, 40, 49, 0.9); }
  .confirmationModalBox .modal-dialog, .imageCarousel .modal-dialog {
    border-radius: 3px;
    margin: 0 auto;
    top: 20vh;
    width: 680px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); }
    .confirmationModalBox .modal-dialog .modal-content, .imageCarousel .modal-dialog .modal-content {
      padding: 20px 70px; }

.confirmationModalBox .modal-header, .imageCarousel .modal-header {
  border-bottom: none; }
  .confirmationModalBox .modal-header .modal-title, .imageCarousel .modal-header .modal-title {
    margin: 10px 0 0;
    font: 600 25px/27px "Open Sans", sans-serif;
    color: #191a1e; }
  .confirmationModalBox .modal-header .close, .imageCarousel .modal-header .close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #191a1e;
    opacity: 1; }

.confirmationModalBox .modal-body {
  padding: 5px 0 15px;
  display: inline-block;
  width: 100%; }
  .confirmationModalBox .modal-body p {
    font: 400 18px/22px "Open Sans", sans-serif;
    color: #191a1e; }

.confirmationModalBox .modal-title {
  margin: 10px 0 15px;
  font: 600 25px/27px "Open Sans", sans-serif;
  color: #191a1e; }

.confirmationModalBox .modal-footer {
  padding: 0 0 30px;
  border: none; }
  .confirmationModalBox .modal-footer .btn {
    margin-right: 20px; }

.uploadWrapper {
  border: dashed 3px #797b81;
  cursor: pointer;
  display: inline-block;
  width: 220px;
  padding: 10px 30px;
  margin: 22px 0;
  border-radius: 3px; }
  .uploadWrapper .uploadText {
    position: relative;
    padding-left: 40px; }
    .uploadWrapper .uploadText:before {
      content: '';
      position: absolute;
      width: 34px;
      height: 34px;
      background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
      background-position: -70px -33px;
      left: 0; }
    .uploadWrapper .uploadText h5 {
      margin: 0;
      font: 700 16px/18px "Open Sans", sans-serif;
      color: #191a1e; }
    .uploadWrapper .uploadText span {
      font: 400 12px/10px "Open Sans", sans-serif;
      color: #191a1e; }
    .uploadWrapper .uploadText b {
      font: 700 12px/10px "Open Sans", sans-serif;
      color: #1075d2; }
  .uploadWrapper.dropzoneEnter {
    width: 320px;
    padding: 10px 80px; }

.attachmentsWrapper {
  padding: 0 60px; }
  .attachmentsWrapper .thumbnailsWrapper {
    margin: 0 -15px;
    padding: 0; }
    .attachmentsWrapper .thumbnailsWrapper .thumbs {
      display: inline-block;
      list-style-type: none;
      margin-bottom: 30px;
      height: 275px; }

.thumbs .thumbnailImgBlock {
  height: 160px;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 4px;
  background: #e8eaf2;
  position: relative; }
  .thumbs .thumbnailImgBlock img {
    margin: 0 auto;
    cursor: pointer; }

.thumbs .imageTitle {
  margin-bottom: 10px; }
  .thumbs .imageTitle label {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #191a1e;
    min-height: 32px;
    display: block;
    text-transform: none; }

.thumbs .fileName {
  display: block;
  font: 400 12px/14px "Open Sans", sans-serif;
  color: #797b81;
  margin: 10px 0; }

.imageCarousel .modal-dialog {
  top: 5vh;
  width: 770px;
  height: 90vh; }
  .imageCarousel .modal-dialog .modal-content {
    padding: 0;
    height: 100%; }
  .imageCarousel .modal-dialog .modal-body {
    padding: 0;
    margin-top: 30px; }

.imageCarousel .slide .fileName {
  display: block;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #797b81;
  margin: 15px 0;
  text-transform: none; }

.imageCarousel .slide img {
  max-height: 65vh; }

.imageCarousel .imageLabel {
  font: 400 25px/27px "Open Sans", sans-serif;
  color: #26282e;
  text-transform: none; }

.imageCarousel .slideControls {
  position: relative; }
  .imageCarousel .slideControls .slideArrows {
    border: solid 1px #fff;
    height: 50px;
    position: absolute;
    margin-top: 37%;
    width: 50px;
    border-radius: 50px;
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #797b81;
    background: transparent;
    color: #fff; }

.imageCarousel .slideControls .prevButton {
  left: -70px; }

.imageCarousel .slideControls .nextButton {
  right: -70px; }

.savedDateText {
  font: 400 12px/10px "Open Sans", sans-serif;
  color: #797b81;
  margin: 20px 0 10px; }

.priceBlock .form-control, .priceBlock .infoLabel {
  padding-left: 18px; }

.priceBlock::before {
  content: '$';
  position: absolute;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #26282e;
  padding-top: 7px; }

.priceBlock .customFormInput label {
  padding-left: 18px; }
  .priceBlock .customFormInput label.floatingLabel {
    padding-left: 0; }

.percentBlock .form-control, .percentBlock .infoLabel {
  padding-left: 18px; }

.percentBlock::before {
  content: '%';
  position: absolute;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #26282e;
  padding-top: 7px; }

.percentBlock.inputEditBlock .customFormInput label {
  padding-left: 18px; }
  .percentBlock.inputEditBlock .customFormInput label.floatingLabel {
    padding-left: 0; }

.unitsBlock .form-control {
  padding-left: 28px; }

.unitsBlock::before {
  content: "mt";
  position: absolute;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #26282e;
  padding-top: 7px; }

.unitsBlock.largeMeasureUnit .form-control {
  padding-left: 40px; }

.unitsBlock.largeMeasureUnit::before {
  content: "sqmt"; }

.unitsBlock.sqftUnitBlock .form-control {
  padding-left: 40px; }

.unitsBlock.sqftUnitBlock::before {
  content: "sqft"; }

.unitsBlock.ftUnitBlock .form-control {
  padding-left: 40px; }

.unitsBlock.ftUnitBlock::before {
  content: "ft"; }

.checkBlock .stickyLabel {
  margin-top: -10px; }

.addExploreDetailsModal {
  display: block;
  position: absolute;
  height: 100%;
  min-height: 100vh; }
  .addExploreDetailsModal.modal {
    overflow: visible; }
  .addExploreDetailsModal .modal-dialog.copyEditExploreWrapper .modal-content {
    padding-bottom: 150px; }
  .addExploreDetailsModal::before {
    content: '';
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e8eaf2; }
  .addExploreDetailsModal .modal-dialog {
    border-radius: 0;
    margin: 0 auto;
    top: 40px;
    width: auto;
    margin: 0 15px;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
    .addExploreDetailsModal .modal-dialog .modal-content {
      border: none;
      border-radius: 0;
      padding: 20px 0;
      box-shadow: none; }
  .addExploreDetailsModal.splitReqWrapper .modal-content {
    min-height: 87vh;
    height: auto; }
  .addExploreDetailsModal.splitReqWrapper .confirmationModalBox .modal-content {
    min-height: 10vh;
    height: auto; }

.addExploreDetailsModal h2 {
  margin: 5px 0 25px;
  font: 600 25px/27px "Open Sans", sans-serif;
  color: #191a1e; }

.addExploreDetailsModal .addDetailsWrapper {
  margin: 0 150px; }
  .addExploreDetailsModal .addDetailsWrapper.addLhin {
    margin-top: 50px; }

.addExploreDetailsModal .copyDetailsWrapper {
  margin: 0 50px; }

.addPanelWrapper .addPanelTitle {
  margin-bottom: 28px; }

.addPanelWrapper h4 {
  margin: 0;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #797b81;
  padding: 17px 15px;
  background: #e8eaf2; }

.addPanelWrapper .addContentWrapper {
  margin: 0 60px; }

.addPanelWrapper .ma-top {
  margin-top: 10px; }

.year_installed .form-error {
  bottom: -32px; }

.sideNavMenu.active + .layoutContent .queryFooterbar, .sideNavMenu.active + .layoutContent .footerPanelWrapper, .sideNavMenu.active + .layoutContent .splitReqConfirmFooter {
  left: 225px;
  width: calc(100% - 225px);
  transition: all ease-in-out 0.3s; }

.sideNavMenu.active + .layoutContent .footerPanelWrapper.addExploreFooter {
  left: 0;
  width: 100%; }

.footerPanelWrapper, .queryFooterbar {
  position: fixed;
  bottom: 0;
  padding: 20px 30px;
  background: #191a1e;
  width: 100%;
  left: 0;
  transition: all ease-in-out 0.3s;
  z-index: 5; }

.addPanelFooter {
  width: 1200px;
  margin: 0 auto;
  float: none;
  text-align: right; }
  .addPanelFooter .cancelBtn {
    background: transparent;
    border: none;
    margin-right: 30px;
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #797b81;
    padding: 0;
    min-width: 40px;
    width: auto;
    margin-right: 30px; }

.customInfoLinks {
  font: 700 12px/14px "Open Sans", sans-serif;
  color: #12bcbc;
  transition: color linear 0.2s; }
  .customInfoLinks:hover, .customInfoLinks:focus {
    text-decoration: none;
    color: #16d4d4;
    transition: color linear 0.2s; }

.reqPaginationWrapper {
  padding-top: 30px; }
  .reqPaginationWrapper .currentSlideNum {
    width: 50px;
    height: 30px;
    font: 400 12px/14px "Open Sans", sans-serif;
    color: #191a1e;
    display: inline-block;
    border: solid 1px #dbdde5;
    border-radius: 2px;
    transition: border-color linear 0.3s; }
    .reqPaginationWrapper .currentSlideNum:focus {
      border: solid 1px #1075d2;
      outline: none;
      transition: border-color linear 0.3s; }
  .reqPaginationWrapper label {
    display: inline-block;
    padding: 0 6px;
    font: 400 12px/14px "Open Sans", sans-serif;
    color: #797b81; }
  .reqPaginationWrapper .slideArrows {
    display: inline-block; }

.reqPaginationWrapper .slideBtn {
  background: #fff;
  width: 31px;
  height: 31px;
  margin-left: 12px;
  border-radius: 50px;
  border: solid 1px #dbdde5;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #26282E;
  padding: 0; }

.react-datepicker {
  font: 400 12px/14px "Open Sans", sans-serif;
  color: #26282e; }

.react-datepicker__day {
  width: 24px;
  line-height: 26px;
  color: #26282e; }

.exploreSelectItemsWrapper {
  background: #fff;
  cursor: pointer;
  padding: 12px;
  height: 165px;
  border-radius: 4px;
  border: solid 2px #191a1e;
  box-shadow: none;
  transition: all ease-in-out 0.3s; }
  .exploreSelectItemsWrapper:hover {
    background: #e8eaf2;
    transition: all ease-in-out 0.3s; }
  .exploreSelectItemsWrapper.active {
    background: #e8eaf2;
    border: solid 2px #12bcbc; }
  .exploreSelectItemsWrapper .selectedItemDetails {
    padding-top: 35px; }
    .exploreSelectItemsWrapper .selectedItemDetails .selectCardId {
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #797b81; }
    .exploreSelectItemsWrapper .selectedItemDetails h5 {
      margin: 4px 0 0;
      font: 700 16px/18px "Open Sans", sans-serif;
      color: #191a1e;
      height: 60px; }

.radioGroupSpace {
  top: -10px;
  position: relative; }
  .radioGroupSpace .form-group {
    margin-bottom: 30px; }

.radioGroupSystemMeasurement {
  display: flex;
  justify-content: center;
  margin-top: 20px; }

.closeModalBox {
  position: absolute;
  right: 20px;
  top: 20px; }

.confirmationModalBox .modal-dialog {
  width: 735px;
  top: 20vh;
  padding: 0 15px;
  margin: 0 auto; }

.confirmationModalBox .modal-body {
  padding: 5px 60px 15px; }
  .confirmationModalBox .modal-body.selectItemMessage {
    padding: 5px 40px 15px; }

.sideNavMenu.active + .layoutContent.showContentModal {
  margin-left: 0;
  transition: none;
  z-index: 50; }
  .sideNavMenu.active + .layoutContent.showContentModal .loaderWrapper {
    position: absolute;
    z-index: 1; }

.addDetailsWrapper .priceBlock label, .assetSpecification .priceBlock label {
  padding-left: 15px; }
  .addDetailsWrapper .priceBlock label.floatingLabel, .assetSpecification .priceBlock label.floatingLabel {
    padding-left: 0; }

.addDetailsWrapper .unitsBlock label, .assetSpecification .unitsBlock label {
  padding-left: 25px;
  padding-top: 1px; }
  .addDetailsWrapper .unitsBlock label.floatingLabel, .assetSpecification .unitsBlock label.floatingLabel {
    padding-left: 0; }

.addDetailsWrapper .largeMeasureUnit label, .addDetailsWrapper .sqftUnitBlock label, .assetSpecification .largeMeasureUnit label, .assetSpecification .sqftUnitBlock label {
  padding-left: 40px;
  padding-top: 1px; }
  .addDetailsWrapper .largeMeasureUnit label.floatingLabel, .addDetailsWrapper .sqftUnitBlock label.floatingLabel, .assetSpecification .largeMeasureUnit label.floatingLabel, .assetSpecification .sqftUnitBlock label.floatingLabel {
    padding-left: 0; }

.react-datepicker-popper[data-placement^="bottom"] {
  z-index: 2; }

.copyMultiple .modal-content {
  min-height: 87vh; }

.copyMultiple h2 {
  margin-bottom: 45px; }

.copyMultiple h4 {
  margin-bottom: 30px; }

.copyMultiple ul {
  padding: 0;
  list-style-type: none; }

.copyMultiple .copyUniformatBlock {
  margin-top: 45px; }

.warningBox {
  width: 260px;
  border: solid 2px #12bcbc;
  padding: 15px;
  position: absolute;
  top: 120px;
  left: 62%;
  opacity: 0;
  transition: all ease-in-out 0.2s; }
  .warningBox:before {
    content: '';
    position: absolute;
    border-right: solid 5px #12bcbc;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    top: 30px;
    left: -5px; }
  .warningBox p {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #191a1e;
    margin: 0; }
  .warningBox .btnWarning {
    background: transparent;
    border: none;
    padding: 0;
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #12bcbc; }
  .warningBox.in {
    opacity: 1;
    transition: all ease-in-out 0.2s; }

.splitReqError {
  position: absolute;
  top: 35px; }

.splitReqMainErrorBlock {
  text-align: center;
  display: block;
  padding: 20px 0; }

.customLoader.la-line-scale-party {
  top: 40vh;
  left: 0;
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 1060; }

.customLoader:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 26, 30, 0.8);
  z-index: -1; }

.la-line-scale-party {
  position: relative;
  box-sizing: border-box;
  display: block;
  color: #12bcbc;
  width: 350px;
  height: 64px;
  margin: 0 auto;
  z-index: 40;
  text-align: center; }
  .la-line-scale-party h5 {
    font: 600 16px/18px "Open Sans", sans-serif;
    color: #fff;
    margin: 10px 0; }
  .la-line-scale-party .loaderBar {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    background-color: #12bcbc;
    width: 8px;
    height: 64px;
    margin: 4px;
    animation-iteration-count: infinite; }
    .la-line-scale-party .loaderBar:nth-of-type(1) {
      -webkit-animation-delay: -0.23s;
      -webkit-animation-duration: 0.43s;
      -webkit-animation-name: line-scale-party;
      -moz-animation-delay: -0.23s;
      -moz-animation-duration: 0.43s;
      -moz-animation-name: line-scale-party;
      animation-delay: -0.23s;
      animation-duration: 0.43s;
      animation-name: line-scale-party; }
    .la-line-scale-party .loaderBar:nth-of-type(2) {
      -webkit-animation-delay: -0.32s;
      -webkit-animation-duration: 0.62s;
      -webkit-animation-name: line-scale-party;
      -moz-animation-delay: -0.32s;
      -moz-animation-duration: 0.62s;
      -moz-animation-name: line-scale-party;
      animation-delay: -0.32s;
      animation-duration: 0.62s;
      animation-name: line-scale-party; }
    .la-line-scale-party .loaderBar:nth-of-type(3) {
      -webkit-animation-delay: -0.44s;
      -webkit-animation-duration: 0.43s;
      -webkit-animation-name: line-scale-party;
      -moz-animation-delay: -0.44s;
      -moz-animation-duration: 0.43s;
      -moz-animation-name: line-scale-party;
      animation-delay: -0.44s;
      animation-duration: 0.43s;
      animation-name: line-scale-party; }
    .la-line-scale-party .loaderBar:nth-of-type(4) {
      -webkit-animation-delay: -0.31s;
      -webkit-animation-duration: 0.8s;
      -webkit-animation-name: line-scale-party;
      -moz-animation-delay: -0.31s;
      -moz-animation-duration: 0.8s;
      -moz-animation-name: line-scale-party;
      animation-delay: -0.31s;
      animation-duration: 0.8s;
      animation-name: line-scale-party; }
    .la-line-scale-party .loaderBar:nth-of-type(5) {
      -webkit-animation-delay: -0.24s;
      -webkit-animation-duration: 0.74s;
      -webkit-animation-name: line-scale-party;
      -moz-animation-delay: -0.24s;
      -moz-animation-duration: 0.74s;
      -moz-animation-name: line-scale-party;
      animation-delay: -0.24s;
      animation-duration: 0.74s;
      animation-name: line-scale-party; }

@-webkit-keyframes line-scale-party {
  0% {
    transform: scaleY(1); }
  50% {
    transform: scaleY(0.3); }
  100% {
    transform: scaleY(1); } }

@-moz-keyframes line-scale-party {
  0% {
    transform: scaleY(1); }
  50% {
    transform: scaleY(0.3); }
  100% {
    transform: scaleY(1); } }

@-o-keyframes line-scale-party {
  0% {
    transform: scaleY(1); }
  50% {
    transform: scaleY(0.3); }
  100% {
    transform: scaleY(1); } }

@keyframes line-scale-party {
  0% {
    transform: scaleY(1); }
  50% {
    transform: scaleY(0.3); }
  100% {
    transform: scaleY(1); } }

.circularLoader {
  border: solid 5px #dbdde5;
  border-top: solid 5px #12bcbc;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.globalLoader {
  position: absolute;
  top: 40%;
  left: 35%;
  width: 500px;
  text-align: center; }
  .globalLoader:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 25; }
  .globalLoader .formLoader {
    display: inline-block;
    z-index: 26;
    position: relative; }
  .globalLoader h5 {
    z-index: 26;
    position: relative; }

.sideNav::-webkit-scrollbar-track, .reqSelectedItems::-webkit-scrollbar-track, .usersInfoList::-webkit-scrollbar-track, .systemInfoSidePanel::-webkit-scrollbar-track, .observationFields::-webkit-scrollbar-track {
  background-color: #191a1e; }

.sideNav::-webkit-scrollbar, .reqSelectedItems::-webkit-scrollbar, .usersInfoList::-webkit-scrollbar, .systemInfoSidePanel::-webkit-scrollbar, .observationFields::-webkit-scrollbar {
  width: 8px;
  background-color: #e8eaf2; }

.sideNav::-webkit-scrollbar-thumb, .reqSelectedItems::-webkit-scrollbar-thumb, .usersInfoList::-webkit-scrollbar-thumb, .systemInfoSidePanel::-webkit-scrollbar-thumb, .observationFields::-webkit-scrollbar-thumb {
  background-color: #D3D7E2;
  border: none; }

.reqSelectedItems::-webkit-scrollbar-track, .usersInfoList::-webkit-scrollbar-track, .observationFields::-webkit-scrollbar-track {
  background-color: transparent; }

.sliderActions {
  margin: 10px 0 0;
  width: 40%;
  display: inline-block;
  position: relative;
  right: -10px; }
  .sliderActions .sliderBtn {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-left: 20px;
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #797b81; }
    .sliderActions .sliderBtn.saveBtn {
      color: #12bcbc;
      font-weight: 700; }
    .sliderActions .sliderBtn:hover, .sliderActions .sliderBtn:focus {
      box-shadow: none; }

.sliderImage {
  height: 64vh;
  margin: 0 auto;
  display: table; }
  .sliderImage .imageWrap {
    display: table-cell;
    vertical-align: middle; }
  .sliderImage .largeImage.noRotate {
    transform: rotate(0deg); }
  .sliderImage .largeImage.angleOne {
    transform: rotate(90deg);
    height: auto;
    max-width: 64vh;
    max-height: 64vh; }
  .sliderImage .largeImage.angleTwo {
    transform: rotate(180deg); }
  .sliderImage .largeImage.angleThree {
    transform: rotate(270deg);
    max-height: 64vh;
    max-width: 64vh; }
  .sliderImage .largeImage.angleFour {
    transform: rotate(360deg); }

.contactWrapper {
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  position: relative;
  overflow: hidden; }
  .contactWrapper .contactForm {
    padding: 15px 25px; }
  .contactWrapper h3 {
    font: 600 25px/27px "Open Sans", sans-serif;
    color: #26282e;
    margin: 20px 0 40px; }
  .contactWrapper .sendMessageBtn {
    width: 100%; }
  .contactWrapper .mapWrapper iframe {
    width: 50%;
    position: absolute;
    height: 100%;
    border: none; }
  .contactWrapper .addressBlock {
    margin: 20px 0; }
    .contactWrapper .addressBlock .addDetails {
      margin-bottom: 5px; }
    .contactWrapper .addressBlock .customInfoLinks {
      font-size: 14px;
      line-height: 16px; }

.downloadCsvLink {
  margin-bottom: 15px; }

.react-scrollbar-default .-reactjs-scrollbar-area\:scrolling {
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }
  .react-scrollbar-default .-reactjs-scrollbar-area\:scrolling .-reactjs-scrollbar-thumb {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; }

.react-scrollbar-default .-reactjs-scrollbar-area:hover .-reactjs-scrollbar-track {
  opacity: 1; }

.react-scrollbar-default .-reactjs-scrollbar-track {
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 0;
  background: transparent; }
  .react-scrollbar-default .-reactjs-scrollbar-track:hover {
    opacity: 1;
    background: transparent; }
  .react-scrollbar-default .-reactjs-scrollbar-track\:vertical {
    width: 10px;
    height: 100%;
    top: 0;
    right: 1px;
    display: none; }
  .react-scrollbar-default .-reactjs-scrollbar-track\:horizontal {
    height: 10px;
    width: 100%;
    bottom: 0;
    right: 0; }

.react-scrollbar-default .-reactjs-scrollbar-thumb {
  background: #fff;
  cursor: default;
  width: 10px;
  height: 30px;
  border-radius: 10px; }

.numberList ul {
  padding: 0;
  list-style-type: none;
  width: 50%;
  margin: 0 auto 15px; }
  .numberList ul li {
    font: 400 18px/22px "Open Sans", sans-serif;
    color: #191a1e;
    margin-bottom: 5px; }

.addReqConfirmationBox.confirmationModalBox .modal-content {
  padding: 20px 30px; }

.addReqConfirmationBox.confirmationModalBox .modal-body {
  padding: 5px 0 15px; }

.react-scrollbar-default .-reactjs-scrollbar-track {
  display: none; }

.react-scrollbar-default:hover .-reactjs-scrollbar-track {
  display: block; }

.react-scrollbar-default:hover .-reactjs-scrollbar-thumb {
  background: white; }

.lazyLoader {
  background: url(7c82958d7bc55488e809781013ae104f.gif) no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: -65px;
  z-index: 2;
  left: 0;
  right: 0;
  margin: 0 auto; }

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element; }

.successWrapper {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #fff;
  z-index: 5;
  padding: 22% 5%; }
  .successWrapper .successIcon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url(273960e2f84af9a1d73403241d7d7286.png) no-repeat center center; }
  .successWrapper h4 {
    font: 600 25px/27px "Open Sans", sans-serif;
    color: #191a1e;
    margin: 15px 0; }
  .successWrapper p {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #191a1e; }

.thumbnailSort {
  display: inline-block;
  position: relative;
  margin-top: 25px; }
  .thumbnailSort label {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #26282e;
    cursor: pointer; }

.datePickerWrapper {
  position: relative; }

.radioBlockSpace {
  margin-bottom: 20px; }

.uploadWrapper.mobileUploadWrapper {
  overflow: hidden;
  position: relative;
  padding: 0;
  width: 190px; }
  .uploadWrapper.mobileUploadWrapper .uploadText {
    padding: 15px 20px;
    text-align: center; }
    .uploadWrapper.mobileUploadWrapper .uploadText:before {
      left: 20px; }
  .uploadWrapper.mobileUploadWrapper h5 {
    line-height: 22px; }
  .uploadWrapper.mobileUploadWrapper [type=file] {
    cursor: inherit;
    font-size: 999px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0; }

.mobileUploadContainer {
  display: inline-block; }

.imageCarousel .modal-header .close {
  cursor: hand; }

.reqHeadWrapper {
  position: relative; }

.favoriteButton {
  float: right;
  position: absolute;
  background: url(2431be770b54227b7f168aa94bc3d906.png) no-repeat left top;
  width: 18px;
  height: 17px;
  border: none;
  box-shadow: none;
  right: 20px; }
  .favoriteButton.active {
    background: url(6f93ea407ac5258d769bb993871f27fe.png) no-repeat left top; }
  .favoriteButton.multipleButtonIcon {
    top: 20px; }

.form-error.errorLayout1 {
  bottom: 22px; }

.linkText {
  color: #1075d4;
  font-size: 14px;
  font-weight: bold;
  background: none;
  border: none; }

.rightArrow {
  content: '';
  position: absolute;
  right: 15px;
  border-top: solid 2px #191a1e;
  border-right: solid 2px #191a1e;
  width: 9px;
  height: 9px;
  top: 21px;
  transform: rotate(45deg); }

.errorText {
  color: #ee3642; }

.french .formControlWrap {
  min-width: 18%; }

.french .reportsIconBtn {
  white-space: normal; }

.french .removeWidgetButton {
  line-height: normal;
  height: 52px;
  padding: 5px; }

.french .pmoAdvanceSearch .searchGroupLabel {
  font-size: 14px; }

.french .rememberPasswordBox input {
  float: left; }

.french .rememberPasswordBox label {
  float: left;
  max-width: 80%; }

.french .selectionMenu .selectMenuName {
  padding: 0 8px;
  font-size: 13px; }

.french .flexRadioOption .sixOptionLayout {
  display: flex; }
  .french .flexRadioOption .sixOptionLayout .customRadioLayout2 {
    display: flex; }
    .french .flexRadioOption .sixOptionLayout .customRadioLayout2 label {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-grow: 2; }

.french .fciContentWrapper .searchContent {
  width: 355px; }

.french .labelCheckBox.first {
  width: 50%; }

.french .exploreSelectItemFooter .squareCheckbox {
  min-width: 200px; }

.french .csvUploadWrapper .uploadText, .french .csvUniformatUpload .uploadText {
  padding-left: 115px; }

.french .selectPackageOption label span {
  max-width: 176px;
  display: inline-block; }

.french .selectPackageOption .customRadioLayout2 input[type="radio"]:checked + label::after {
  top: 50%;
  margin-top: -14px; }

.french .dateButtons .reportSelectItem {
  padding: 6px 5px;
  min-width: unset;
  font-size: 12px; }

.french .pmoAdvanceSearch .squareCheckbox {
  max-width: 172px; }
  .french .pmoAdvanceSearch .squareCheckbox label {
    width: 146px;
    vertical-align: middle; }

.french .assetBuildingDataWrapper .twoCheckboxLayout .squareCheckbox input[type="checkbox"] + label {
  max-width: 86%;
  font-size: 13px; }

.french .assetBuildingDataWrapper .generatorInput .customFormInput label {
  font-size: 12px; }

.french .preventativContainer .notificationCheckBox input[type="checkbox"] {
  margin-top: 15px; }
  .french .preventativContainer .notificationCheckBox input[type="checkbox"]:checked:after {
    content: ''; }
  .french .preventativContainer .notificationCheckBox input[type="checkbox"]:after {
    content: 'arr\EAt'; }
  .french .preventativContainer .notificationCheckBox input[type="checkbox"]:checked:before {
    content: 'Marche'; }
  .french .preventativContainer .notificationCheckBox input[type="checkbox"] label {
    display: none; }

.showHide {
  display: none; }

.resDisplay {
  display: flex; }
  .resDisplay .squareCheckbox {
    margin-right: 30px;
    display: flex;
    align-items: center; }

.resDisplayContainer {
  margin-left: 40px; }

.breadcrumbWrapper {
  padding: 0 10px 20px;
  position: relative; }

.exploreBreadCrumbs {
  list-style-type: none;
  display: inline-block;
  width: 75%;
  padding: 8px 0 0; }
  .exploreBreadCrumbs li {
    list-style-type: none;
    display: inline-block;
    padding: 0 15px; }

.exploreBreadCrumbs li {
  position: relative;
  font: 700 12px/14px "Open Sans", sans-serif;
  color: #797b81; }
  .exploreBreadCrumbs li .stepWrap .selectedBreadcrumbsTitle {
    max-width: 105px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1075d2;
    text-transform: capitalize;
    display: inline-block;
    position: relative; }
    .exploreBreadCrumbs li .stepWrap .selectedBreadcrumbsTitle:hover, .exploreBreadCrumbs li .stepWrap .selectedBreadcrumbsTitle:focus {
      color: #1075d2;
      text-decoration: none; }

.exploreBreadCrumbs li:after {
  content: '';
  position: absolute;
  border: solid #797b81;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 8px;
  transform: rotate(-45deg);
  top: 5px;
  right: 0; }

.stepWrap span {
  display: block; }

.stepWrap p {
  font: 400 12px/14px "Open Sans", sans-serif;
  color: #191a1e;
  margin: 0; }

.exploreBreadCrumbs li:first-child {
  display: none; }

.exploreBreadCrumbs li:nth-of-type(2) {
  padding-left: 0; }

.exploreBreadCrumbs li:last-child {
  padding-right: 0; }
  .exploreBreadCrumbs li:last-child:after {
    display: none; }

.breadcrumbWrapper .btn-sm {
  min-width: 130px;
  border: solid 1px #12bcbc;
  color: #12bcbc; }
  .breadcrumbWrapper .btn-sm.btn-sm:hover, .breadcrumbWrapper .btn-sm.btn-sm:focus {
    border: solid 1px #16d4d4;
    color: #16d4d4; }

.selectedLevelName {
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.selectedBreadcrumbsTitle:hover + .buttonToolTip, .selectedLevelName:hover + .buttonToolTip {
  display: block;
  transition: opacity linear 0.2s;
  -moz-transition: opacity linear 0.2s;
  -webkit-transition: opacity linear 0.2s;
  -o-transition: opacity linear 0.2s;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .selectedBreadcrumbsTitle:hover + .buttonToolTip::before, .selectedLevelName:hover + .buttonToolTip::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: solid 1px rgba(2, 2, 2, 0.12);
    border-left: solid 1px rgba(2, 2, 2, 0.12);
    transform: rotate(45deg);
    top: -8px;
    left: 45%;
    z-index: 1; }

.addHierarchyBtn {
  margin-right: 40px; }

.loginContainer {
  height: 100vh;
  background: url(7e9bfe53aa13c4b3d8f763b7c97c7e6c.jpg) no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center; }
  .loginContainer .loginBtnBlock {
    margin-top: 30px; }
    .loginContainer .loginBtnBlock .btn-primary {
      width: 250px;
      height: 45px; }
  .loginContainer .resetpasswordBtnBlock {
    margin-bottom: 22px; }

.loginBox {
  max-width: 450px;
  height: auto; }
  .loginBox h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 25px 0 65px;
    font-weight: 700; }
    .loginBox h3.confirmEmailTitle {
      margin-bottom: 20px; }
  .loginBox .forgotPasswordHeading {
    margin: 25px 0 20px; }

.appLogo {
  margin: 0 0 48px; }
  .appLogo img {
    margin: 0 auto;
    width: 42% !important; }

.loginWrapper {
  padding: 50px;
  min-height: 496px;
  background: #fff;
  position: relative;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15); }

.rememberPasswordBox {
  margin: -15px -15px 0;
  padding-bottom: 30px; }

.passwordBlock {
  position: relative; }
  .passwordBlock .showHideLink {
    position: absolute;
    right: 0;
    color: #1075d2;
    top: 6px;
    z-index: 5;
    cursor: pointer;
    transition: color ease-in-out 0.3s;
    -moz-transition: color ease-in-out 0.3s;
    -webkit-transition: color ease-in-out 0.3s;
    -o-transition: color ease-in-out 0.3s; }
    .passwordBlock .showHideLink:hover {
      color: #168fff;
      transition: color ease-in-out 0.3s;
      -moz-transition: color ease-in-out 0.3s;
      -webkit-transition: color ease-in-out 0.3s;
      -o-transition: color ease-in-out 0.3s; }

.passwordBlock .form-control {
  padding-right: 50px; }

.sentEmailIcon {
  margin: 40px 0 15px; }
  .sentEmailIcon img {
    margin: 0 auto; }

.instructionText {
  padding: 0 10px; }

.passwordConditionBlock {
  margin-top: 25px;
  padding-left: 15px; }
  .passwordConditionBlock li {
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #797b81;
    transition: color ease-in-out 0.3s;
    -moz-transition: color ease-in-out 0.3s;
    -webkit-transition: color ease-in-out 0.3s;
    -o-transition: color ease-in-out 0.3s;
    padding: 0;
    margin-bottom: 8px; }
    .passwordConditionBlock li.active {
      list-style-type: none;
      color: #49bf68;
      transition: color ease-in-out 0.3s;
      -moz-transition: color ease-in-out 0.3s;
      -webkit-transition: color ease-in-out 0.3s;
      -o-transition: color ease-in-out 0.3s; }
      .passwordConditionBlock li.active:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 20px;
        background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
        background-size: 250px 178px;
        background-position: -215px -10px;
        left: 33px; }

.loginWrapper .errorBlock {
  top: 125px;
  position: absolute;
  display: block;
  text-align: center;
  color: black; }

.loginWrapper .forgotPasswordError {
  position: initial;
  margin-bottom: 25px; }

.loginWrapper .squareCheckbox input[type="checkbox"] {
  width: 18px;
  height: 18px; }

.loginWrapper .customFormInput label.floatingLabel {
  font-size: 12px;
  line-height: 14px; }

.sessionExpired {
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #26282e;
  margin-bottom: 15px; }

.userPanel, .addUserWrapper {
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  padding-bottom: 120px; }

.userGroups {
  border-right: solid 1px #dbdde5; }
  .userGroups .actionPanelLayout {
    margin-bottom: 0; }
  .userGroups .customSemiboldLinks {
    margin-top: 15px; }
  .userGroups .userCount {
    background: #e8eaf2;
    display: block;
    padding: 3px 20px;
    font: 600 12px/20px "Open Sans", sans-serif;
    color: #26282e; }

.groupList {
  margin: 0; }
  .groupList li {
    border-bottom: solid 1px #dbdde5; }
    .groupList li .queryName {
      width: 85%;
      display: inline-block; }
    .groupList li:hover {
      box-shadow: 0 1px 10px rgba(2, 2, 2, 0.15); }
      .groupList li:hover .queryName {
        font-weight: 700; }

.groupList li .actionIcons {
  display: inline; }
  .groupList li .actionIcons .actionIconBtns {
    display: inline-block;
    top: -3px;
    float: right; }

.groupList .actionIconBtns[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }

.userFunctionalityPanel {
  padding: 20px; }
  .userFunctionalityPanel .squareCheckbox {
    display: inline-block;
    position: relative;
    top: 5px; }

.permissionsPanel .table tbody tr:last-child {
  border-bottom: solid 1px #e8eaf2; }

.permissionsPanel .permissionChecks .squareCheckbox label {
  top: -5px; }

.permissionsPanel .squareCheckbox {
  margin-right: 0; }

.permissionsPanel .permissionBlock .permissionType {
  width: 40%; }

.permissionsPanel .permissionBlock .permissionAccessBlock {
  width: 15%; }

.permissionsPanel .assetReqModuleAccess .squareCheckbox {
  margin: 0 0 20px; }
  .permissionsPanel .assetReqModuleAccess .squareCheckbox input[type="checkbox"] {
    vertical-align: bottom; }

.exploreLevelAccess {
  border-radius: 0; }
  .exploreLevelAccess ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .exploreLevelAccess li {
    border-bottom: solid 1px #dbdde5;
    display: block;
    padding: 15px; }
    .exploreLevelAccess li.allSelectionLevel {
      background: #dbdde5; }
      .exploreLevelAccess li.allSelectionLevel label {
        font-weight: 700; }

.exploreLevelAccess .squareCheckbox {
  display: inline-block; }
  .exploreLevelAccess .squareCheckbox input[type="checkbox"] {
    top: 0;
    vertical-align: middle; }

.exploreLevelAccess .hcLevel {
  margin: 0; }
  .exploreLevelAccess .hcLevel li {
    padding-left: 25px; }

.exploreLevelAccess .siteLevel {
  margin: 0; }
  .exploreLevelAccess .siteLevel li {
    padding-left: 35px; }

.exploreLevelAccess .explorePanelButton, .exploreLevelAccess .closeCollapsePanelButton {
  background: transparent;
  border: none; }

.panelOpen {
  background: #e8eaf2; }

.viewSelectedPermission .selectedLevel {
  padding: 15px; }

.viewSelectedPermission .activeLhinName {
  background: #fff;
  border-bottom: solid 1px #dbdde5;
  display: block;
  padding: 15px;
  position: relative;
  box-shadow: 0 0 1px rgba(2, 2, 2, 0.15); }
  .viewSelectedPermission .activeLhinName::before {
    bottom: -10px;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: '';
    height: 0;
    position: absolute;
    width: 0; }

.userStatusBlock {
  margin: -20px 0 30px; }

.addUserWrapper .panel {
  margin-bottom: 0; }

.addUserWrapper h4 {
  font: 600 25px/27px "Open Sans", sans-serif;
  color: #191a1e; }

.addUserWrapper .usersInfoList {
  margin: 0;
  padding: 0;
  max-height: 520px;
  overflow-y: auto;
  overflow-x: hidden; }
  .addUserWrapper .usersInfoList li {
    cursor: pointer;
    display: block;
    padding: 15px;
    border-bottom: solid 1px #dbdde5; }
    .addUserWrapper .usersInfoList li:hover {
      box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25); }
      .addUserWrapper .usersInfoList li:hover .userInfo {
        text-shadow: 1px 0 0 #191a1e; }
      .addUserWrapper .usersInfoList li:hover .emailInfo {
        text-shadow: none;
        color: #191a1e; }

.userInfo {
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  display: block; }
  .userInfo.emailInfo {
    color: #797b81; }

.updateUserDetails {
  padding: 10px 20px; }
  .updateUserDetails .panel-heading {
    padding: 10px 0 40px; }
    .updateUserDetails .panel-heading h4 {
      margin: 0; }
    .updateUserDetails .panel-heading .customSemiboldLinks {
      margin-top: 10px; }

.userProfileWrapper .userName {
  margin: 0;
  padding: 15px;
  font: 600 25px/27px "Open Sans", sans-serif;
  color: #191a1e; }

.userProfileWrapper .nav-tabs li a {
  padding: 16px 28px; }

.userProfileWrapper .passwordConditionBlock {
  margin: 0; }
  .userProfileWrapper .passwordConditionBlock li.active:before {
    left: 0;
    margin-top: 3px; }

.userPanelScrollbar .simplebar-track.vertical {
  display: inline-block;
  margin: 20px 0; }
  .userPanelScrollbar .simplebar-track.vertical .visible {
    background: #26282e;
    opacity: 0;
    transition: opacity linear 0.2s; }

.userPanelScrollbar:hover .simplebar-track.vertical .visible {
  opacity: 1;
  transition: opacity linear 0.2s; }

.userPanelScrollbar .simplebar-scroll-content {
  overflow-y: scroll;
  margin-bottom: 0; }
  .userPanelScrollbar .simplebar-scroll-content::-webkit-scrollbar {
    display: none; }
  .userPanelScrollbar .simplebar-scroll-content::-moz-scrollbar {
    display: none; }

.mbZero {
  margin-bottom: 0; }

.selectFciScenarioWrapper .downloadFormatsBtn {
  padding: 9px 28px;
  margin: 0 5px; }

.selectFciScenarioWrapper .iconBtn {
  vertical-align: bottom; }

.dashboardPanel {
  padding: 20px;
  min-height: 434px;
  margin-bottom: 30px; }
  .dashboardPanel .panel-title {
    margin: 10px 0 25px;
    position: relative;
    clear: both; }
  .dashboardPanel h4 {
    font: 700 16px/18px "Open Sans", sans-serif;
    color: black;
    margin: 0; }
    .dashboardPanel h4.messageBlock {
      padding: 30px 40px;
      text-align: center;
      font: 600 16px/18px "Open Sans", sans-serif;
      color: #191a1e; }
  .dashboardPanel a {
    display: block;
    margin-bottom: 20px;
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #1075d2; }
    .dashboardPanel a:hover {
      color: #168fff; }
  .dashboardPanel .btn {
    position: relative;
    top: -10px; }

.dashboardWidgets .viewAllButton {
  padding: 8px 25px;
  color: #fff;
  display: inline-block;
  min-width: 110px;
  margin: 0;
  top: -15px;
  cursor: pointer;
  right: 30px;
  position: relative;
  font-size: 12px; }
  .dashboardWidgets .viewAllButton:hover, .dashboardWidgets .viewAllButton:focus {
    color: #fff; }

.widgetContent .highcharts-title {
  display: none !important; }

.widgetContent .pieChartWrapper {
  width: 100%; }

.widgetContent .chartDetails label {
  font: 400 12px/14px "Open Sans", sans-serif;
  color: #797b81; }
  .widgetContent .chartDetails label.labelTitle {
    width: 35px;
    letter-spacing: -0.5px;
    font-size: 10px;
    line-height: 12px; }
  .widgetContent .chartDetails label.text {
    color: #26282e;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: none; }
  .widgetContent .chartDetails label.blackText {
    color: black;
    font-size: 14px;
    line-height: 16px; }

.dashboardWidgets .favoriteWidget ul {
  border-top: solid 1px #dbdde5;
  padding: 0; }
  .dashboardWidgets .favoriteWidget ul li {
    padding: 10px 3px;
    list-style-type: none;
    display: block;
    border-bottom: solid 1px #dbdde5;
    position: relative; }
    .dashboardWidgets .favoriteWidget ul li:after {
      content: '';
      position: absolute;
      right: 12px;
      border-top: solid 2px #191a1e;
      border-right: solid 2px #191a1e;
      width: 9px;
      height: 9px;
      top: 25px;
      transform: rotate(45deg); }

.favoriteWidget ul li {
  cursor: pointer; }
  .favoriteWidget ul li .screenType {
    font: 400 10px/12px "Open Sans", sans-serif;
    color: #797b81;
    text-transform: none; }
  .favoriteWidget ul li .favoriteItem {
    font: 700 12px/14px "Open Sans", sans-serif;
    color: black;
    margin: 0 0 3px;
    padding: 0;
    width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }

.favoriteModalBoxList {
  max-height: 50vh; }
  .favoriteModalBoxList .simplebar-track.vertical {
    display: inline-block;
    right: 0; }
    .favoriteModalBoxList .simplebar-track.vertical .simplebar-scrollbar {
      opacity: 1; }
  .favoriteModalBoxList li.favItemList::after {
    right: 20px !important; }

.handleWidgetsPanel {
  position: relative;
  margin: 0 15px 20px;
  float: right; }
  .handleWidgetsPanel .panelBody {
    position: absolute;
    right: -15px;
    top: 52px;
    width: 350px;
    margin: 0;
    padding: 10px 0 20px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.25);
    border-radius: 6px; }
    .handleWidgetsPanel .panelBody:before {
      content: '';
      position: absolute;
      width: 15px;
      height: 15px;
      background: #fff;
      border-top: solid 1px #dbdde5;
      border-left: solid 1px #dbdde5;
      transform: rotate(45deg);
      top: -8px;
      right: 10%;
      z-index: 1; }
  .handleWidgetsPanel ul {
    list-style-type: none;
    display: block;
    padding: 0; }
    .handleWidgetsPanel ul li {
      list-style-type: none;
      display: block;
      padding: 0;
      border-bottom: solid 1px #dbdde5; }

.handleWidgetsPanel .customCheckbox1 input[type="checkbox"] + label {
  border: none;
  padding: 14px 50px; }

.handleWidgetsPanel .customCheckbox1 input[type="checkbox"]:checked + label {
  border: none; }
  .handleWidgetsPanel .customCheckbox1 input[type="checkbox"]:checked + label:after {
    right: 0;
    left: 10px;
    top: 8px; }

.dashboardPanel .panelLeftBlock {
  width: 60%;
  display: inline-block;
  vertical-align: top; }

.dashboardPanel .panelRightBlock {
  width: auto;
  display: inline-block;
  text-align: right;
  vertical-align: top;
  position: absolute;
  right: 0; }

.dashboardRemoveWidgetIcon {
  cursor: pointer;
  top: -12px;
  right: 0;
  position: absolute; }

.removeWidgetButton {
  border-radius: 6px;
  position: absolute;
  top: 34px;
  right: -5px;
  width: 140px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #fff;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  font: 400 14px/42px "Open Sans", sans-serif;
  color: #191a1e; }
  .removeWidgetButton:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: solid 1px #dbdde5;
    border-left: solid 1px #dbdde5;
    transform: rotate(45deg);
    top: -8px;
    right: 10%;
    z-index: 1; }

.dashboardWidgets {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px; }
  .dashboardWidgets.widgetFullList {
    width: 33.33% !important; }

.modal-body .dashboardWidgets {
  width: 100%; }

.widgetsButton {
  min-width: 160px; }

.sideNavMenu.active + .layoutContent .dashboardWidgets.widgetFullList {
  width: 50% !important; }

.highcharts-pie-series .highcharts-data-label-connector {
  stroke: black;
  stroke-width: 1px; }

.percentageLabels {
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #fff;
  text-decoration: none;
  outline: none; }

.dashboardTaskWidget .dashboardPanel .panel-title {
  margin: 10px 0 18px; }

.dashboardTaskWidget .dashboardPanel a.dashboardLinks {
  padding: 0 10px 5px;
  margin-bottom: 5px; }
  .dashboardTaskWidget .dashboardPanel a.dashboardLinks:after {
    display: none; }
  .dashboardTaskWidget .dashboardPanel a.dashboardLinks:first-child {
    padding-top: 5px; }

.dashboardPanel .dashboardTaskListing .dashboardLinks {
  font-size: 10px; }
  .dashboardPanel .dashboardTaskListing .dashboardLinks:first-child:after {
    top: 50%;
    margin-top: -5px; }
  .dashboardPanel .dashboardTaskListing .dashboardLinks:after {
    top: 50%;
    margin-top: -12px; }

.dashboardPanel .dashboardTaskListing .taskTitle {
  font-size: 14px; }
  .dashboardPanel .dashboardTaskListing .taskTitle .delayedIcon {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    background: #ff0000;
    display: inline-block; }

.dashboardPanel .dashboardTaskListing .assetName {
  font-size: 10px;
  margin: 0; }

.dashboardPanel .dashboardTaskListing .grayLabel {
  color: #797b81;
  margin-right: 3px; }

.dashboardPanel .dashboardTaskListing .taskStatusDetails p {
  font-size: 10px;
  margin: 0 10px 0 0;
  display: inline-block; }

.dashboardPanel a.dashboardLinks {
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #000;
  padding: 0 10px 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all ease-in-out 0.3s; }
  .dashboardPanel a.dashboardLinks:after {
    content: '';
    position: absolute;
    right: 12px;
    border-top: solid 2px #191a1e;
    border-right: solid 2px #191a1e;
    width: 9px;
    height: 9px;
    top: 5px;
    transform: rotate(45deg); }
  .dashboardPanel a.dashboardLinks:hover {
    font-weight: 600;
    transition: all ease-in-out 0.3s; }
  .dashboardPanel a.dashboardLinks:last-child {
    margin-bottom: 0; }
  .dashboardPanel a.dashboardLinks:first-child {
    padding-top: 15px;
    border-top: solid 1px rgba(0, 0, 0, 0.12); }
    .dashboardPanel a.dashboardLinks:first-child:after {
      top: 20px; }

.homeWidgets .dashboardWidgets:nth-child(1) .dashboardPanel, .homeWidgets .dashboardWidgets:nth-child(2) .dashboardPanel {
  min-height: 564px; }

.dashboardWidgets .highcharts-point, .dashboardWidgets .percentageLabels {
  cursor: pointer; }

.homeWidgets #helpWrapper {
  display: none; }

.exploreSystemWrapper, .exploreContentWrapper, .reqHeadWrapper {
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .exploreSystemWrapper .tabsLayout, .exploreContentWrapper .tabsLayout, .reqHeadWrapper .tabsLayout {
    padding: 0 20px;
    background: #e8eaf2; }
  .exploreSystemWrapper .tabsContent, .exploreContentWrapper .tabsContent, .reqHeadWrapper .tabsContent {
    padding: 30px 0 15px;
    position: relative; }

.siteDetailRadioBlock .fourOptionLayout .customRadioLayout2, .reqDetailRadioBlock .fourOptionLayout .customRadioLayout2, .reqTypeRadioBlock .fourOptionLayout .customRadioLayout2, .assetDetailRadioBlock .fourOptionLayout .customRadioLayout2, .workorderRadioBlock .fourOptionLayout .customRadioLayout2 {
  width: 25%;
  display: inline-block; }
  .siteDetailRadioBlock .fourOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .fourOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .fourOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .fourOptionLayout .customRadioLayout2 label, .workorderRadioBlock .fourOptionLayout .customRadioLayout2 label {
    display: block; }

.siteDetailRadioBlock .threeOptionLayout .customRadioLayout2, .reqDetailRadioBlock .threeOptionLayout .customRadioLayout2, .reqTypeRadioBlock .threeOptionLayout .customRadioLayout2, .assetDetailRadioBlock .threeOptionLayout .customRadioLayout2, .workorderRadioBlock .threeOptionLayout .customRadioLayout2 {
  width: 33.33%;
  display: inline-block; }
  .siteDetailRadioBlock .threeOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .threeOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .threeOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .threeOptionLayout .customRadioLayout2 label, .workorderRadioBlock .threeOptionLayout .customRadioLayout2 label {
    display: block; }

.siteDetailRadioBlock .twoOptionLayout .customRadioLayout2, .reqDetailRadioBlock .twoOptionLayout .customRadioLayout2, .reqTypeRadioBlock .twoOptionLayout .customRadioLayout2, .assetDetailRadioBlock .twoOptionLayout .customRadioLayout2, .workorderRadioBlock .twoOptionLayout .customRadioLayout2 {
  width: 50%;
  display: inline-block; }
  .siteDetailRadioBlock .twoOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .twoOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .twoOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .twoOptionLayout .customRadioLayout2 label, .workorderRadioBlock .twoOptionLayout .customRadioLayout2 label {
    display: block; }

.exploreDashboard {
  margin-bottom: 30px; }

.systemObservationBox textarea.form-control {
  min-height: 215px; }

.systemRatingRadioBlock .form-group .required-text, .reqDetailRadioBlock .form-group .required-text {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  width: 45px; }

.systemRatingRadioBlock .customRadioLayout2, .reqDetailRadioBlock .customRadioLayout2 {
  width: 25%;
  display: inline-block; }

.siteGeneralDescription textarea {
  min-height: 60px; }

.addNavLevel {
  padding: 13px 0;
  border-bottom: solid 1px #dbdde5;
  border-top: solid 1px #dbdde5;
  margin-bottom: 30px; }

.addNavLevelWrapper {
  margin: 0 auto;
  display: inline-block;
  padding: 12px 0 0 0;
  text-align: center; }
  .addNavLevelWrapper .navLevel {
    list-style-type: none;
    display: inline-block;
    margin-right: 50px;
    text-align: left; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(1),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(1) ~ .navLevel {
      width: 800px; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(2),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(2) ~ .navLevel {
      width: 400px; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(3),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(3) ~ .navLevel {
      width: 266.66667px; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(4),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(4) ~ .navLevel {
      width: 200px; }
    .addNavLevelWrapper .navLevel .form-group {
      margin-bottom: 0; }
  .addNavLevelWrapper .suggestionListWrapper .suggestionList {
    top: 0; }

.addNavLevel .updateActionsBlock {
  display: inline-block;
  top: -5px;
  position: relative; }
  .addNavLevel .updateActionsBlock .btn-md {
    padding: 8px 20px;
    min-width: 120px; }
  .addNavLevel .updateActionsBlock .cancelBtn {
    margin-right: 15px; }

.reqHeadWrapper, .panelHeadingDetails {
  margin-bottom: 30px;
  padding: 20px 5px; }
  .reqHeadWrapper .panelHeadingLabel, .panelHeadingDetails .panelHeadingLabel {
    width: 100px;
    display: inline-block; }
  .reqHeadWrapper .systemUniformatDetail, .panelHeadingDetails .systemUniformatDetail {
    display: inline-block;
    width: 80%; }
  .reqHeadWrapper h3, .panelHeadingDetails h3 {
    margin: 8px 0; }
    .reqHeadWrapper h3 label, .panelHeadingDetails h3 label {
      font-size: 12px;
      line-height: 14px;
      font-weight: 400;
      color: #797b81;
      padding-right: 10px;
      vertical-align: top;
      top: 5px; }
  .reqHeadWrapper h6, .panelHeadingDetails h6 {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 14px; }
    .reqHeadWrapper h6 label, .panelHeadingDetails h6 label {
      font-weight: 400;
      color: #797b81;
      padding-right: 10px; }

.reqTypeRadioBlock {
  width: 75%; }
  .reqTypeRadioBlock input[type="radio"] + label {
    min-width: 110px; }

.reqTypeWrapper, .assetRadioTabWrapper {
  padding: 20px 5px; }
  .reqTypeWrapper .radioBlock, .assetRadioTabWrapper .radioBlock {
    width: 270px; }
  .reqTypeWrapper .reqTypeRadioBlock, .assetRadioTabWrapper .reqTypeRadioBlock {
    width: 120%; }
  .reqTypeWrapper .threeOptionLayout .customRadioLayout2, .assetRadioTabWrapper .threeOptionLayout .customRadioLayout2 {
    width: 25%; }
  .reqTypeWrapper .threeOptionLayout .lable, .assetRadioTabWrapper .threeOptionLayout .lable {
    min-width: 270px; }

.mobileAssessmentContentWrap label {
  display: block;
  font-weight: 600;
  margin-bottom: 5px; }

.mobileAssessmentContentWrap button {
  margin-right: 10px; }

.projectType input[type="radio"] + label {
  font-size: 13px; }

.reqBtn {
  margin-right: 20px;
  vertical-align: top; }

.exploreSelectItemFooter .squareCheckbox {
  padding-left: 25px;
  top: 4px;
  z-index: 1;
  position: relative;
  display: inline-block;
  min-width: 130px; }
  .exploreSelectItemFooter .squareCheckbox input[type="checkbox"] {
    background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat transparent;
    border: solid 1px #fff; }
    .exploreSelectItemFooter .squareCheckbox input[type="checkbox"] + label {
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #fff;
      text-transform: none; }
  .exploreSelectItemFooter .squareCheckbox.allResultsText {
    display: inline-block; }
    .exploreSelectItemFooter .squareCheckbox.allResultsText input[type="checkbox"] + label {
      font-size: 14px;
      line-height: 16px;
      font-weight: 400;
      position: relative;
      float: right; }
  .exploreSelectItemFooter .squareCheckbox input[type="checkbox"]:checked {
    background-position: -42px -66px; }

.exploreSelectItemFooter .iconBtn {
  margin-right: 10px;
  position: relative; }
  .exploreSelectItemFooter .iconBtn.iconDuplicateAlter {
    top: 2px;
    position: relative; }

.exploreSelectItemFooter .resultsCountFooter {
  cursor: pointer;
  position: relative;
  z-index: 2;
  font-weight: 700;
  left: 5px; }

.splitReqWrapper h2 {
  margin: 0 0 35px;
  font-size: 25px;
  line-height: 28px; }

.splitReqWrapper h4 {
  font: 600 20px/22px "Open Sans", sans-serif;
  color: #191a1e;
  margin: 10px 0 5px; }

.reqInfo {
  padding: 0 10px; }
  .reqInfo li {
    list-style-type: none;
    display: inline-block;
    width: 33.33%;
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #797b81; }
    .reqInfo li strong {
      color: #191a1e;
      font-weight: 600;
      margin-left: 7px; }

.reqSplitButtons {
  margin: 30px 0 50px;
  position: relative; }
  .reqSplitButtons .splitReqError {
    position: relative;
    display: block;
    left: 0;
    top: 20px; }
  .reqSplitButtons .btn {
    padding: 10px 40px;
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #26282E;
    background: #fff;
    color: #26282E;
    border: solid 1px #26282E; }
    .reqSplitButtons .btn.equalSplitBtn {
      border-radius: 50px 0 0 50px; }
    .reqSplitButtons .btn.customSplitBtn {
      border-radius: 0 50px 50px 0; }
    .reqSplitButtons .btn.active {
      background: #26282E;
      color: #fff;
      transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -webkit-transition: all ease-in-out 0.3s;
      -o-transition: all ease-in-out 0.3s; }

.equalSplitWrapper {
  max-width: 350px; }

.customSplitWrapper {
  padding-bottom: 40px; }

.customSplitBox {
  height: 172px;
  background: #fff;
  margin: 0 150px 40px;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  position: relative; }
  .customSplitBox .iconLink {
    position: absolute;
    margin-left: -30px; }
  .customSplitBox .splitStatusDetails {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    padding: 17px;
    width: 32px;
    background: #dbdde5;
    position: absolute;
    top: 0;
    height: 100%; }
    .customSplitBox .splitStatusDetails.showSplitCount {
      width: 165px;
      left: -130px; }
    .customSplitBox .splitStatusDetails .splitDetails {
      margin-bottom: 15px; }
    .customSplitBox .splitStatusDetails label {
      font: 700 12px/14px "Open Sans", sans-serif;
      color: #191a1e;
      margin-bottom: 5px; }
    .customSplitBox .splitStatusDetails span {
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e; }
  .customSplitBox .customSplitFields {
    display: inline-block;
    width: 94%;
    padding: 35px 20px 0 60px;
    position: relative; }
    .customSplitBox .customSplitFields .form-control {
      width: 92%; }
  .customSplitBox .splitActionButtons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 28px; }

.addCustomSplitBox {
  cursor: pointer;
  margin-bottom: 30px;
  display: inline-block;
  font: 700 16px/18px "Open Sans", sans-serif;
  color: #12bcbc; }

.addDetailsWrapper {
  padding: 0 40px; }

.addExplorebuttons .btn {
  margin-right: 15px;
  margin-top: -5px; }

.assetAccessibility input[type="checkbox"] {
  position: absolute;
  right: -8px; }

.assetAccessibility label {
  font-size: 13px;
  padding-right: 5px; }

.updateSystemBlock {
  padding: 35px 0;
  border-top: solid 1px #dbdde5; }
  .updateSystemBlock h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin: 5px 0 15px; }
  .updateSystemBlock .squareCheckbox {
    margin-top: 5px; }
    .updateSystemBlock .squareCheckbox input[type="checkbox"] {
      position: inherit;
      margin-right: 0;
      top: 5px; }
      .updateSystemBlock .squareCheckbox input[type="checkbox"] + label {
        font-size: 13px;
        margin-left: 10px; }

.assetSpecification .yearConstructedWrapper .inputWarningBox {
  bottom: -40px; }

.hirerachyLevelName {
  display: inline-block;
  margin-right: 20px;
  font: 400 18px/20px "Open Sans", sans-serif;
  color: #191a1e; }

.selectItemCheckbox {
  display: inline-block;
  margin-right: 10px; }

.selectListCode {
  width: 80%;
  display: inline-block;
  vertical-align: top; }

.modal-dialog.addExploreListModal .modal-content {
  padding-bottom: 130px; }

.smallOptionBox .optionListWrapper {
  max-height: 130px; }

.exploreSelectItemButton {
  display: inline-block;
  position: relative; }

.systemInfoSidepaneBtn {
  margin-bottom: 20px; }
  .systemInfoSidepaneBtn.addReqToggleBtn {
    position: absolute;
    right: 20px;
    top: 15px; }

.selectionPanelWrapper {
  background: #fff;
  position: absolute;
  right: 0;
  top: 100%;
  width: 430px;
  height: 68vh;
  z-index: 10;
  opacity: 0;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  border: solid 2px #dbdde5;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s; }
  .selectionPanelWrapper .panelTitle {
    background-color: #e8eaf2;
    padding: 20px 20px 0;
    border-bottom: solid 1px #878990; }
    .selectionPanelWrapper .panelTitle h4 {
      display: inline-block;
      font: 600 20px/22px "Open Sans", sans-serif;
      color: #191a1e;
      margin: 0; }
  .selectionPanelWrapper .panel-body {
    padding: 20px;
    max-height: 350px;
    overflow-y: auto; }
  .selectionPanelWrapper.active {
    width: 430px;
    opacity: 1;
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s; }

.selectionMenu .selectMenuName {
  cursor: pointer;
  display: inline-block;
  margin-top: 20px;
  padding: 0 15px;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  text-transform: none; }
  .selectionMenu .selectMenuName.selected {
    border-bottom: solid 2px #191a1e;
    font-weight: 700; }

.selectionPanelWrapper .selectedPanel {
  margin: 10px 0 20px; }
  .selectionPanelWrapper .selectedPanel h6 {
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #26282E;
    margin: 0 0 10px; }

.selectionPanelWrapper .reqSelectedItems {
  position: absolute;
  height: 75%;
  overflow-y: auto; }
  .selectionPanelWrapper .reqSelectedItems a {
    display: block;
    margin-bottom: 20px;
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #1075d2; }

.selectedPanel ul {
  list-style-type: none;
  display: block;
  padding-left: 0; }
  .selectedPanel ul li {
    display: block; }

.selectedPanel .squareCheckbox input[type="checkbox"] {
  vertical-align: middle; }

.selectedPanel .squareCheckbox label {
  vertical-align: middle;
  max-width: 90%; }

.assetAssessmentInfo .assetAssessmentYear {
  top: -80px;
  position: absolute;
  right: -130px; }

.addReqWrapper {
  padding: 50px 5px 100px;
  position: relative; }

.systemInfoSidePanel {
  background: #fff;
  position: absolute;
  right: 0;
  width: 430px;
  height: 100%;
  z-index: 2;
  opacity: 0;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  border: solid 2px #dbdde5;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  overflow-y: auto; }
  .systemInfoSidePanel .panelTitle {
    padding: 0; }
  .systemInfoSidePanel .panelHeadingDetails {
    padding: 20px 20px 0; }
  .systemInfoSidePanel .selectionMenu {
    background: #e8eaf2;
    padding: 0 20px;
    border-top: solid 2px #dbdde5;
    border-bottom: solid 2px #dbdde5; }
    .systemInfoSidePanel .selectionMenu .selectMenuName {
      padding: 5px 15px; }
      .systemInfoSidePanel .selectionMenu .selectMenuName.selected {
        margin-bottom: -1px;
        border-bottom-width: 3px; }
  .systemInfoSidePanel .panel-body {
    padding: 20px 20px 0; }
  .systemInfoSidePanel.active {
    width: 430px;
    opacity: 1;
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s; }
  .systemInfoSidePanel .infoGroup {
    margin-bottom: 30px; }
    .systemInfoSidePanel .infoGroup .floatingLabel {
      font: 400 12px/14px "Open Sans", sans-serif;
      color: #797b81;
      display: block; }
    .systemInfoSidePanel .infoGroup .infoDetail {
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e;
      border-bottom: solid 1px #191a1e;
      padding: 8px 0;
      display: block; }

.addReqCenterBlock {
  max-width: 670px;
  margin: 0 auto; }

.multipleEquipmentView {
  padding-bottom: 100px; }

.csvUploadWrapper, .csvUniformatUpload {
  border: dashed 3px #797b81;
  cursor: pointer;
  display: block;
  padding: 10px 30px;
  margin: 22px 0;
  border-radius: 3px; }
  .csvUploadWrapper .uploadText, .csvUniformatUpload .uploadText {
    position: relative;
    padding-left: 40px; }
    .csvUploadWrapper .uploadText:before, .csvUniformatUpload .uploadText:before {
      content: '';
      position: absolute;
      width: 34px;
      height: 34px;
      background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat;
      background-position: -70px -33px;
      left: 0; }
    .csvUploadWrapper .uploadText h2, .csvUniformatUpload .uploadText h2 {
      margin: 0;
      font: 700 35px/37px "Open Sans", sans-serif;
      color: #191a1e; }
    .csvUploadWrapper .uploadText span, .csvUniformatUpload .uploadText span {
      font: 400 12px/10px "Open Sans", sans-serif;
      color: #191a1e; }
    .csvUploadWrapper .uploadText strong, .csvUniformatUpload .uploadText strong {
      font: 700 12px/10px "Open Sans", sans-serif;
      color: #1075d2; }

.filesUploadedWrapper {
  background: #f5f6fb;
  padding: 20px;
  margin-top: 20px; }
  .filesUploadedWrapper .filesList {
    display: inline-block;
    padding: 0 20px; }
    .filesUploadedWrapper .filesList h5 {
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e;
      margin: 0 0 5px; }
      .filesUploadedWrapper .filesList h5 strong {
        display: block; }
  .filesUploadedWrapper .btn {
    vertical-align: bottom; }

.assessmentSelection li:last-child {
  font: 600 14px/16px "Open Sans", sans-serif;
  color: #1075d2; }

.closeReqWrapper {
  margin: 70px auto;
  max-width: 670px; }

.referenceReqWrapper {
  border-top: solid 1px #dbdde5;
  padding: 30px 0 0;
  position: relative; }
  .referenceReqWrapper h4 {
    margin: 0 0 20px;
    font: 400 18px/20px "Open Sans", sans-serif;
    color: #191a1e; }
  .referenceReqWrapper .addNewReferenceBtn {
    font: 700 12px/14px "Open Sans", sans-serif;
    color: #12bcbc;
    padding: 0 0 0 10px;
    background: transparent;
    border: none;
    margin-top: 10px;
    display: inline-block;
    width: 90px;
    vertical-align: top; }
    .referenceReqWrapper .addNewReferenceBtn:before {
      content: '+';
      position: absolute;
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #12bcbc;
      left: 0; }
    .referenceReqWrapper .addNewReferenceBtn[disabled] {
      cursor: not-allowed;
      opacity: 0.5; }

.mapLabel {
  width: 35%;
  font: 400 10px/12px "Open Sans", sans-serif;
  color: #797b81;
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 20px; }

.viewMappingWrapper {
  width: calc(100% - 100px);
  display: inline-block; }
  .viewMappingWrapper .suggestionList {
    width: 510px;
    top: 60px; }
    .viewMappingWrapper .suggestionList .option {
      display: inline-block;
      width: 55%;
      margin-right: 12px;
      vertical-align: top;
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e; }
      .viewMappingWrapper .suggestionList .option.uniformatName {
        width: 35%; }
    .viewMappingWrapper .suggestionList .iconPopOut {
      position: absolute;
      top: 7px;
      right: 0; }
  .viewMappingWrapper.systemMappingWrapper {
    margin-top: 20px; }

.viewMappingWrapper .suggestionList li:hover .option {
  color: #1075d2;
  font-weight: 700; }

.mappedDetailsWrapper {
  border-bottom: solid 1px #dbdde5;
  margin-bottom: 20px; }
  .mappedDetailsWrapper .mapLabel {
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #1075d2;
    vertical-align: top; }
    .mappedDetailsWrapper .mapLabel.reqName {
      width: 55%; }
  .mappedDetailsWrapper .iconDelete {
    vertical-align: middle;
    position: absolute;
    right: 10px;
    margin-top: -2px; }
    .mappedDetailsWrapper .iconDelete[disabled] {
      cursor: not-allowed; }

.mappingInputBlock {
  border-bottom: solid 1px #dbdde5;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .mappingInputBlock .customFormInput {
    margin-bottom: 0;
    width: 96%;
    display: inline-block; }
  .mappingInputBlock .iconDelete {
    position: absolute;
    right: 10px; }

.exploreDetailIcon.iconSmallLeftArrow {
  width: 12px;
  height: 10px; }

.requirementTabWrapper {
  position: relative; }
  .requirementTabWrapper .addReqCenterBlock {
    position: absolute;
    z-index: 2;
    height: 100%;
    right: 0;
    background-color: #fff; }

.viewDetailsSelectWrapper {
  background: #fff;
  width: 180px;
  padding: 15px;
  position: absolute;
  bottom: 40px;
  opacity: 1;
  left: -90px;
  border-radius: 4px;
  transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .viewDetailsSelectWrapper:before {
    content: '';
    position: absolute;
    border-top: solid 8px #fff;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    bottom: -8px;
    left: 50%; }
  .viewDetailsSelectWrapper a {
    display: block;
    margin-bottom: 5px;
    font: 700 14px/20px "Open Sans", sans-serif;
    color: #1075d2; }
    .viewDetailsSelectWrapper a:hover {
      color: #168fff; }
    .viewDetailsSelectWrapper a:last-child {
      margin-bottom: 0; }

.addExploreListModal .exploreBreadCrumbs {
  width: auto; }
  .addExploreListModal .exploreBreadCrumbs li {
    padding: 0 20px; }

.addExploreListModal .changeLevelBtn {
  border: none;
  background: transparent; }

.equipmentListLink {
  margin-bottom: 20px; }

.equipmentGridRow:hover .actionButtonBar {
  z-index: 10; }

.lhinExploreList .actionIcons:nth-of-type(2), .hcExploreList .actionIcons:nth-of-type(2) {
  display: none; }

.lhinExploreList .iconDeleteAlter.showDeleteIcon, .hcExploreList .iconDeleteAlter.showDeleteIcon {
  display: none; }

.siteExploreList .iconDeleteAlter.showDeleteIcon, .assetExploreList .iconDeleteAlter.showDeleteIcon {
  display: none; }

.listingNavBtn {
  padding: 0;
  background: transparent;
  border: none; }

.closedReqHeaderLabel {
  font: 800 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  padding: 0 10px 0 25px;
  margin-right: 10px;
  position: relative;
  vertical-align: middle; }
  .closedReqHeaderLabel:after {
    content: '';
    position: absolute;
    width: 2px;
    top: 4px;
    height: 65%;
    background: #dbdde5;
    right: 0; }
  .closedReqHeaderLabel .disableIcon {
    position: absolute;
    left: -7px;
    top: -5px; }

.reqSystemLink {
  padding-left: 10px;
  margin-left: 10px;
  border-left: solid 2px #dbdde5; }

.requirementsCount {
  margin: 12px 15px 0 0; }

.closeCommentBox .customFormInput label, .pmoInputDetails .customFormInput label {
  text-transform: none; }

.warning {
  transition: all linear 0.2s;
  position: absolute;
  bottom: 10px;
  display: none;
  font: 700 12px/14px "Open Sans", sans-serif;
  color: #1075d2; }
  .warning.showWarning {
    display: block; }

.warning {
  transition: all linear 0.2s;
  position: absolute;
  display: block; }

.applyAndSave {
  margin-left: 10px; }

.assetMappingView {
  width: calc(100% - 100px);
  display: inline-block; }
  .assetMappingView .suggestionList {
    width: 530px;
    top: 0px; }
    .assetMappingView .suggestionList .option {
      display: inline-block;
      width: 200px;
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #191a1e; }
      .assetMappingView .suggestionList .option.uniformatName {
        width: 182px; }
    .assetMappingView .suggestionList .iconPopOut {
      position: absolute;
      top: 7px;
      right: 0; }
  .assetMappingView.systemMappingWrapper {
    margin: 20px 0 0; }

.copyassetListWrapper h5 {
  font: 400 10px/12px "Open Sans", sans-serif;
  color: #797b81;
  margin: 0 0 5px 12px; }

.copyassetListWrapper ul {
  list-style-type: none;
  padding: 0;
  width: 90%; }
  .copyassetListWrapper ul li {
    cursor: pointer;
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #191a1e;
    padding: 3px 10px 5px;
    border-left: solid 1px #3b3f47;
    position: relative; }
    .copyassetListWrapper ul li.active {
      font-weight: 600; }

.assetDataTitle {
  margin: 0 0 17px;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e; }

.copyassetListWrapper ul li.active::before {
  content: '';
  position: absolute;
  background-color: #191a1e;
  left: -3px;
  height: 100%;
  width: 3px;
  top: 0; }

.selectedAssetOptBlock {
  max-width: 320px; }

.copySameOptionBlock, .copySystemCondtions {
  margin-bottom: 30px; }

.templateSelectionWrapper .customFormInput {
  margin-top: 20px; }

.selectOptionsWarning {
  position: absolute;
  z-index: 10;
  width: 400px;
  padding: 10px 15px;
  left: 15px;
  top: 100px;
  background: #fff;
  border-radius: 3px;
  border: solid 1px #dbdde5;
  font: 400 14px/18px "Open Sans", sans-serif;
  color: #191a1e;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .selectOptionsWarning .optionsWarningWrapper {
    font: 400 14px/18px "Open Sans", sans-serif;
    color: #191a1e;
    padding: 0 0 5px 15px;
    position: relative; }
    .selectOptionsWarning .optionsWarningWrapper::before {
      content: '';
      position: absolute;
      background-color: #26282e;
      top: 5px;
      left: 0;
      border-radius: 50%;
      width: 5px;
      height: 5px; }
  .selectOptionsWarning::before {
    content: '';
    position: absolute;
    background: #fff;
    border-right: solid 1px #dbdde5;
    border-top: solid 1px #dbdde5;
    top: -7px;
    left: 32%;
    z-index: 20;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px; }
  .selectOptionsWarning h5 {
    margin: 0 0 10px;
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #191a1e; }

.optionListWrapper li.assetStatusDisabled {
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #797b81; }
  .optionListWrapper li.assetStatusDisabled:hover {
    cursor: not-allowed;
    font: 400 14px/16px "Open Sans", sans-serif;
    color: #797b81; }

.warningInfoIcon {
  font: 400 20px/22px "Open Sans", sans-serif;
  color: #191a1e;
  position: relative;
  margin-left: 10px;
  top: 2px; }

.assetBuildingDataWrapper {
  padding: 0 100px; }
  .assetBuildingDataWrapper .twoCheckboxLayout {
    margin: 20px 0 10px;
    position: relative; }
    .assetBuildingDataWrapper .twoCheckboxLayout .squareCheckbox {
      width: 50%;
      display: inline-block;
      margin-bottom: 15px; }
      .assetBuildingDataWrapper .twoCheckboxLayout .squareCheckbox input[type="checkbox"] {
        vertical-align: middle; }
        .assetBuildingDataWrapper .twoCheckboxLayout .squareCheckbox input[type="checkbox"] + label {
          vertical-align: middle; }
  .assetBuildingDataWrapper .threeCheckboxLayout {
    margin: 20px 0 10px; }
    .assetBuildingDataWrapper .threeCheckboxLayout .squareCheckbox {
      width: 30%;
      display: inline-block;
      margin-bottom: 15px; }
      .assetBuildingDataWrapper .threeCheckboxLayout .squareCheckbox input[type="checkbox"] {
        vertical-align: middle; }
        .assetBuildingDataWrapper .threeCheckboxLayout .squareCheckbox input[type="checkbox"] + label {
          vertical-align: middle; }
  .assetBuildingDataWrapper .notificationCheckBox {
    margin-bottom: 20px; }
  .assetBuildingDataWrapper h5 {
    font: 600 16px/22px "Open Sans", sans-serif;
    color: #191a1e;
    margin: 0 0 12px; }

.mezzaninesInputBlock .form-error {
  bottom: 22px; }

.hydrantRadioBlock .customRadioLayout {
  width: 40%;
  display: inline-block;
  margin-bottom: 15px; }
  .hydrantRadioBlock .customRadioLayout:last-child {
    display: block; }
  .hydrantRadioBlock .customRadioLayout input[type="radio"] {
    top: 5px;
    margin: 0 10px 0 0;
    position: relative; }
  .hydrantRadioBlock .customRadioLayout label {
    font-weight: 400; }

.assetSummaryWrapper {
  padding: 0 80px; }
  .assetSummaryWrapper .addPanelWrapper {
    margin-bottom: 20px; }
    .assetSummaryWrapper .addPanelWrapper .addPanelTitle {
      margin-bottom: 0;
      cursor: pointer; }
    .assetSummaryWrapper .addPanelWrapper .addContentWrapper {
      margin: 0 50px;
      height: 0;
      overflow: hidden;
      transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      -webkit-transition: all linear 0.2s;
      -o-transition: all linear 0.2s; }
    .assetSummaryWrapper .addPanelWrapper.active .addContentWrapper {
      height: auto;
      overflow: auto;
      margin: 28px 50px 0;
      transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      -webkit-transition: all linear 0.2s;
      -o-transition: all linear 0.2s; }
    .assetSummaryWrapper .addPanelWrapper.active .sectionTitle::before {
      content: '-';
      font: 600 38px/14px "Open Sans", sans-serif;
      color: #797b81;
      top: 0; }
  .assetSummaryWrapper .sectionTitle {
    position: relative;
    padding-left: 30px;
    text-transform: capitalize; }
    .assetSummaryWrapper .sectionTitle::before {
      content: '+';
      position: absolute;
      font: 600 24px/14px "Open Sans", sans-serif;
      color: #797b81;
      top: 3px;
      left: 0; }
  .assetSummaryWrapper .assetSummaryStatusCheck {
    margin-top: -5px; }
    .assetSummaryWrapper .assetSummaryStatusCheck.assetDescStatusCheck {
      margin-top: 0; }
    .assetSummaryWrapper .assetSummaryStatusCheck .roundRadioLayout {
      padding-right: 20px; }
      .assetSummaryWrapper .assetSummaryStatusCheck .roundRadioLayout input[type="radio"] {
        background: #fff; }

.recognitionWrapper .assetDetailRadioBlock {
  position: relative; }

.fhbrInput .form-error {
  bottom: 20px; }

/*css for criticality seciton on req details page */
.reqCriticalityWrapper h4 {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #191a1e; }

.reqCriticalityWrapper .yearsBlock {
  display: inline-block;
  padding: 0 15px 0 10px;
  margin-bottom: 10px;
  position: relative; }
  .reqCriticalityWrapper .yearsBlock .stickyLabel {
    margin-bottom: 0; }
  .reqCriticalityWrapper .yearsBlock .customSemiBoldLinks {
    display: block;
    font-size: 14px;
    line-height: 22px; }
  .reqCriticalityWrapper .yearsBlock p {
    margin-bottom: 0; }
  .reqCriticalityWrapper .yearsBlock.otherFields {
    padding-left: 0; }
  .reqCriticalityWrapper .yearsBlock::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 65%;
    left: 0;
    top: 5px; }
  .reqCriticalityWrapper .yearsBlock.yellow::before {
    background: #ffcc00; }
  .reqCriticalityWrapper .yearsBlock.red::before {
    background: #800000; }
  .reqCriticalityWrapper .yearsBlock.critical::before {
    background: #26282e; }
  .reqCriticalityWrapper .yearsBlock.green::before {
    background: #00b050; }
  .reqCriticalityWrapper .yearsBlock.black::before {
    background: black; }

.teamSingleBlock {
  border-bottom: solid 1px #dbdde5;
  margin-bottom: 20px; }
  .teamSingleBlock .form-control {
    border-bottom-width: 0; }
    .teamSingleBlock .form-control:focus {
      border-bottom-width: 1px; }
  .teamSingleBlock .primaryCustomDropdown .selectedOption {
    font-weight: 400; }

.memberName .customFormInput {
  margin-bottom: 10px; }

.teamMemberBlock h4 {
  font-weight: 400;
  margin-top: 0; }

.teamMemberBlock .suggestionListWrapper {
  position: absolute; }
  .teamMemberBlock .suggestionListWrapper .suggestionList {
    width: 95%;
    max-height: 180px;
    position: relative; }

.addTeamRow {
  padding-top: 5px; }
  .addTeamRow .formOptionBox {
    margin-top: 0; }

.detailsWarningIcon {
  position: relative; }
  .detailsWarningIcon .systemWarningIcon {
    position: absolute;
    right: 15px; }
  .detailsWarningIcon.selectGroup .systemWarningIcon {
    right: 30px; }

.teamSingleBlock {
  border-bottom: solid 1px #dbdde5;
  margin-bottom: 20px; }
  .teamSingleBlock .memberName .customFormInput {
    margin-bottom: 10px; }
    .teamSingleBlock .memberName .customFormInput .form-control {
      border-bottom-width: 0; }
      .teamSingleBlock .memberName .customFormInput .form-control:focus {
        border-bottom-width: 1px; }
  .teamSingleBlock .primaryCustomDropdown .selectedOption {
    font-weight: 400; }
  .teamSingleBlock .documentNo, .teamSingleBlock .docPermissions .squareCheckbox {
    margin-top: 5px; }
    .teamSingleBlock .documentNo input[type="checkbox"], .teamSingleBlock .docPermissions .squareCheckbox input[type="checkbox"] {
      margin: 0 0 0 10px; }

.teamMemberBlock h4 {
  font-weight: 400;
  margin-top: 0; }

.addTeamRow {
  margin-bottom: 20px; }
  .addTeamRow .formOptionBox {
    margin-top: 0; }

.assetSummaryRadioOptions .form-group {
  margin-bottom: 20px; }

.editMemberBlock {
  position: relative; }
  .editMemberBlock .suggestionListWrapper {
    top: 85px;
    left: 0; }

.resetLinkLayout {
  border: none;
  box-shadow: none;
  font: 600 12px/14px "Open Sans", sans-serif;
  color: #1075d2;
  position: absolute;
  top: -3px;
  right: 10px;
  background: transparent;
  z-index: 1; }
  .resetLinkLayout:disabled {
    cursor: not-allowed; }

/* scss for comments page on explore tab */
.commentsModule .form-group.commentsInput {
  margin-bottom: 10px; }

.commentsModule .commentsButton {
  padding: 8px 24px;
  min-width: 120px;
  margin-left: 10px; }

.commentBlockWrapper {
  margin-bottom: 50px; }
  .commentBlockWrapper .commentQuestionBlock {
    padding: 15px 0 0;
    margin: 20px 0 50px; }
    .commentBlockWrapper .commentQuestionBlock:first-child {
      border-top: solid 1px #dbdde5; }
    .commentBlockWrapper .commentQuestionBlock .questionerDetails {
      border-bottom: solid 1px #dbdde5; }
      .commentBlockWrapper .commentQuestionBlock .questionerDetails .nameBlock {
        width: 60%;
        display: inline-block;
        vertical-align: middle; }
        .commentBlockWrapper .commentQuestionBlock .questionerDetails .nameBlock .name, .commentBlockWrapper .commentQuestionBlock .questionerDetails .nameBlock .commentStatus {
          font: 700 14px/16px "Open Sans", sans-serif;
          color: #191a1e; }
      .commentBlockWrapper .commentQuestionBlock .questionerDetails .suggestionDetails .nameBlock .name {
        font-weight: 400; }
    .commentBlockWrapper .commentQuestionBlock .questionDate, .commentBlockWrapper .commentQuestionBlock .resolvedBy {
      font: 400 12px/14px "Open Sans", sans-serif;
      color: #797b81; }
  .commentBlockWrapper .questionText {
    margin: 0 0 13px;
    font: 400 14px/18px "Open Sans", sans-serif;
    color: #191a1e; }
  .commentBlockWrapper .profileIcon {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center; }
  .commentBlockWrapper .commentReplyWrapper {
    margin-top: 15px;
    position: relative; }
    .commentBlockWrapper .commentReplyWrapper .userTagSuggestionList__control {
      position: relative;
      min-height: 30px; }
  .commentBlockWrapper .commentReplyWrapper > ul {
    list-style-type: none;
    padding-left: 35px; }
    .commentBlockWrapper .commentReplyWrapper > ul .commentQuestionBlock {
      border-top: none;
      border-bottom: none;
      padding-top: 0;
      margin-bottom: 0; }
  .commentBlockWrapper .replyInputWrapper {
    padding-left: 40px; }
  .commentBlockWrapper.resolvedCommentWrapper p, .commentBlockWrapper.resolvedCommentWrapper label {
    color: rgba(34, 34, 34, 0.5); }

.commentQuestionBlock.commentReplyWrapper:last-child {
  padding-bottom: 20px; }

.commentQuestionBlock.resolvedQuestionBlock {
  opacity: 0.75; }

.commentActionButtons {
  margin: 10px -15px auto; }
  .commentActionButtons.replyActionsWrapper {
    position: absolute; }

.commentsCount {
  border-radius: 100%;
  padding: 1px 5px;
  font: 700 11px/16px "Open Sans", sans-serif;
  color: #fff;
  background-color: #1075d2;
  text-align: center;
  position: absolute;
  top: 7px;
  right: -10px; }

.userTagSuggestionList.form-control {
  min-height: 30px;
  height: auto;
  z-index: inherit !important; }

.userTagSuggestionList__input:focus {
  outline: none;
  border-bottom: solid 1px #1075d2;
  box-shadow: 0 1px 0 0 #1075d2;
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s; }

.userTagSuggestionList__highlighter, .userTagSuggestionList__input {
  font-size: 14px !important;
  line-height: 20px !important; }

.taggedPerson {
  background-color: #dbdde5; }

.questionNameDetails {
  margin-bottom: 10px; }

/*scss for suggestion list */
.userTagSuggestionList__input {
  border: none;
  position: relative; }
  .userTagSuggestionList__input:focus {
    outline: none; }

.userTagSuggestionList {
  position: relative; }
  .userTagSuggestionList .userTagSuggestionList__suggestions {
    z-index: 10 !important; }
  .userTagSuggestionList .userTagSuggestionList__suggestions__list {
    width: 300px;
    background: #fff; }
  .userTagSuggestionList .userTagSuggestionList__suggestions__item {
    padding: 10px;
    background: #fff; }
  .userTagSuggestionList .userTagSuggestionList__suggestions__item--focused {
    background-color: #dbdde5; }

.suggestionDetails .profileIcon {
  display: inline-block;
  width: 30px;
  margin-right: 20px;
  text-align: center;
  padding: 0;
  line-height: 30px; }

.suggestionDetails .nameBlock {
  display: inline-block;
  width: calc(100% - 50px); }

/*Scss for suggestion list ends here */
/*Scss for comments section ends here */
/*scss for system acknowledge status starts here */
.systemHeaderInfo {
  margin-bottom: 10px; }
  .systemHeaderInfo h6 {
    display: inline; }
  .systemHeaderInfo .systemStatusDetails {
    display: inline-block;
    padding: 0;
    margin-left: 15px;
    position: relative; }
    .systemHeaderInfo .systemStatusDetails .panelHeadingLabel {
      width: auto;
      padding: 0 15px;
      border-left: solid 1px #dbdde5; }
    .systemHeaderInfo .systemStatusDetails h6 {
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #26282e;
      text-transform: uppercase;
      margin-bottom: 0; }
    .systemHeaderInfo .systemStatusDetails .systemStatusToggle {
      display: inline-block;
      position: relative;
      margin: 0 15px; }
      .systemHeaderInfo .systemStatusDetails .systemStatusToggle input[type="checkbox"] {
        position: absolute;
        right: -40px; }

.reqHeadWrapper h3 .panelHeadingLabel {
  vertical-align: middle;
  top: 0; }

.mapPlotViewWrapper .toggleMapIcon {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: fixed;
  bottom: 3%;
  left: 3%;
  z-index: 100;
  border-radius: 2px;
  border: solid 2px #fff; }
  .mapPlotViewWrapper .toggleMapIcon.defaultView {
    background: url(0358eeb6ca8c8990dfbf2a2787bb30f4.png) no-repeat left top;
    background-size: cover; }
  .mapPlotViewWrapper .toggleMapIcon.satelliteView {
    background: url(18c2d862649f6426147cafc943126139.png) no-repeat left top;
    background-size: cover; }

.mapViewWrapper.assetDetailMapView {
  width: calc(100% - 40px);
  margin: -75px 0 20px 20px;
  height: 80vh;
  display: block;
  position: relative; }

.mapViewWrapper.siteDetailsMapView {
  float: right;
  width: 68%;
  position: absolute;
  right: 20px;
  top: 292px;
  height: 580px; }

.siteListMapView {
  margin-top: -30px;
  width: 30%;
  display: inline-block; }
  .siteListMapView .toggleMapIcon {
    position: absolute;
    right: 63%;
    bottom: 10%;
    left: inherit; }

.siteAssetMapList {
  /* list items for map view on site */
  /* list items ends here */ }
  .siteAssetMapList .siteMapHeader {
    margin: 20px 20px 0;
    position: relative;
    z-index: 0; }
  .siteAssetMapList .searchContent {
    width: auto;
    display: block;
    margin-top: 30px; }
  .siteAssetMapList h2 {
    font: 600 25px/28px "Open Sans", sans-serif;
    color: #191a1e;
    margin: 0; }
  .siteAssetMapList .assetNameList {
    padding: 20px 0 0;
    margin: 0;
    list-style-type: none; }
    .siteAssetMapList .assetNameList li {
      padding: 12px 20px;
      font: 400 14px/16px "Open Sans", sans-serif;
      color: #26282e;
      border-bottom: solid 1px #dbdde5;
      cursor: pointer;
      position: relative; }
      .siteAssetMapList .assetNameList li.mapactiveSelectedDetails {
        background: #fff;
        box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
        .siteAssetMapList .assetNameList li.mapactiveSelectedDetails .assetMappedLinkDetails .closeModalBtn {
          display: inline-block;
          position: absolute;
          right: 0;
          top: -6px; }
        .siteAssetMapList .assetNameList li.mapactiveSelectedDetails .assetMappedLinkDetails.hasMap .nadineId, .siteAssetMapList .assetNameList li.mapactiveSelectedDetails .assetMappedLinkDetails.hasMap .assetName {
          font: 700 14px/20px "Open Sans", sans-serif;
          color: #191a1e; }
      .siteAssetMapList .assetNameList li.disable .nadineId, .siteAssetMapList .assetNameList li.disable .assetName {
        color: rgba(25, 26, 30, 0.5) !important; }
    .siteAssetMapList .assetNameList .assetMappedLinkDetails {
      display: block; }
      .siteAssetMapList .assetNameList .assetMappedLinkDetails .closeModalBtn {
        display: none; }
      .siteAssetMapList .assetNameList .assetMappedLinkDetails.hasMap {
        width: calc(100% - 40px);
        display: inline-block; }
        .siteAssetMapList .assetNameList .assetMappedLinkDetails.hasMap .nadineId, .siteAssetMapList .assetNameList .assetMappedLinkDetails.hasMap .assetName {
          font: 400 14px/20px "Open Sans", sans-serif;
          color: #191a1e; }
      .siteAssetMapList .assetNameList .assetMappedLinkDetails .nadineId, .siteAssetMapList .assetNameList .assetMappedLinkDetails .assetName {
        font: 700 14px/20px "Open Sans", sans-serif;
        color: #1075d2; }
    .siteAssetMapList .assetNameList .showAssetMapped {
      width: 25px;
      height: 20px;
      display: inline-block;
      margin-right: 10px;
      position: relative;
      vertical-align: top;
      top: 5px; }
      .siteAssetMapList .assetNameList .showAssetMapped.active {
        background: url(f6660dd52c4ee008142fe65d2aff31a9.png) no-repeat left top; }
      .siteAssetMapList .assetNameList .showAssetMapped.inactive {
        background: url(ee8a728aca867d650d2450abd6797f0a.png) no-repeat left top;
        top: 2px; }

.popupMapInfo {
  width: 270px;
  height: auto;
  font: 400 14px/18px "Open Sans", sans-serif;
  color: #191a1e; }
  .popupMapInfo label {
    font: 700 14px/18px "Open Sans", sans-serif;
    color: #191a1e; }
    .popupMapInfo label.nameLabel {
      display: block; }
  .popupMapInfo .assetLink {
    font: 700 14px/22px "Open Sans", sans-serif;
    color: #1075d2; }
  .popupMapInfo .assetCodeDetails {
    margin-bottom: 7px; }
    .popupMapInfo .assetCodeDetails .assetLink {
      line-height: 18px; }
  .popupMapInfo .assetOtherInfo {
    margin-bottom: 7px; }
    .popupMapInfo .assetOtherInfo:last-child {
      margin-bottom: 0; }

.mapboxgl-popup-close-button {
  display: none; }

.assetMapListScroller {
  max-height: 60vh; }
  .assetMapListScroller .simplebar-track.vertical {
    display: inline-block;
    margin: 20px 0; }
    .assetMapListScroller .simplebar-track.vertical .visible {
      background: #191a1e;
      opacity: 0;
      transition: opacity linear 0.2s; }
  .assetMapListScroller:hover .simplebar-track.vertical .visible {
    opacity: 1;
    transition: opacity linear 0.2s; }
  .assetMapListScroller .simplebar-scroll-content {
    overflow-y: scroll; }
    .assetMapListScroller .simplebar-scroll-content::-webkit-scrollbar {
      display: none; }
    .assetMapListScroller .simplebar-scroll-content::-moz-scrollbar {
      display: none; }

.mapSelectedItemWrapper .activeItemInfo strong {
  font: 700 14px/20px "Open Sans", sans-serif;
  color: #191a1e; }

.mapSelectedItemWrapper .activeItemInfo span {
  font: 400 14px/20px "Open Sans", sans-serif;
  color: #191a1e; }

.disciplineDataWrapper {
  position: relative; }
  .disciplineDataWrapper .addDisciplineButton {
    position: absolute;
    top: 5px; }

.addDisciplineButton {
  border: none;
  background: transparent;
  cursor: pointer; }
  .addDisciplineButton[disabled] {
    color: #797b81;
    cursor: not-allowed; }

.vendorListMessageLayout {
  padding: 80px;
  width: 65%; }

.addExploreDetailsModal .addNewReferenceBtn:before {
  left: -5px; }

.addRequirementInfoWrapper h5 {
  font: 400 20px/22px "Open Sans", sans-serif;
  color: #26282e;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.projectaddRequirement.mappedDetailsWrapper {
  margin-top: 20px;
  margin-bottom: 0; }

.projectaddRequirement .searchReferenceRequirement {
  width: calc(100% - 70px); }

.searchAssetWrapper .form-group {
  margin-bottom: 10px; }

.searchAssetWrapper .addAssetButton {
  padding: 8px 24px;
  min-width: 120px;
  margin-bottom: 5px;
  margin-top: 10px; }

.searchAssetWrapper .suggestionListWrapper .suggestionList {
  top: -18px; }

.searchReqListWrapper {
  position: relative;
  border: none;
  padding: 0 0 20px; }
  .searchReqListWrapper .suggestionListWrapper .suggestionList {
    top: -30px;
    width: 100%; }
  .searchReqListWrapper .viewMappingWrapper {
    width: calc(100% - 170px); }
    .searchReqListWrapper .viewMappingWrapper .mapLabel {
      color: #1075d2;
      padding-bottom: 10px;
      width: calc(100% - 70px);
      border-bottom: solid 1px #26282e;
      margin-bottom: 35px; }
    .searchReqListWrapper .viewMappingWrapper .mappedDetailsWrapper {
      border-bottom: none; }

/* SCSS for preventative maintenance starts here */
.preventativeMainteanceWrapper .noRecordsMessage {
  font: 400 18px/40px "Open Sans", sans-serif;
  color: #797b81;
  text-align: center;
  margin-bottom: 20px; }

.pmoDetailWrapper .suggestionListWrapper .suggestionList {
  top: auto;
  border: 0;
  padding: 0; }
  .pmoDetailWrapper .suggestionListWrapper .suggestionList li {
    text-transform: none;
    padding-left: 10px; }

.pmoDetailWrapper .suggestionListWrapper .inputTxtBox {
  margin-bottom: auto; }

.pmoDetailWrapper .pmoTitle {
  padding: 35px 0; }

label.maintenanceTitle {
  font-weight: 400; }

.repeatIntervalInput {
  font-size: 13px; }
  .repeatIntervalInput .customFormInput {
    width: 60px;
    margin: 0 10px;
    display: inline-block; }

.preventativeAssigneWrapper .customFormInput {
  margin-bottom: -8px; }

.systemEquipmentWrapper.pmoDetails {
  margin-top: 0; }
  .systemEquipmentWrapper.pmoDetails .equipmentAccordionBox {
    padding: 30px 0; }
    .systemEquipmentWrapper.pmoDetails .equipmentAccordionBox:before {
      left: 50%; }
  .systemEquipmentWrapper.pmoDetails .closeModal {
    cursor: pointer; }
    .systemEquipmentWrapper.pmoDetails .closeModal .iconDeleteTag {
      background-position: -222px -53px; }

.mapToggleButton {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  background: url(5520633f2edcccaa7d15d2ffcb10322c.png) no-repeat center center white;
  display: inline-block;
  position: absolute;
  left: calc(100% - -30px);
  top: 20px;
  z-index: 10;
  border: none;
  box-shadow: none; }

.siteListMapView.hideList {
  left: 0;
  transition: all linear 0.2s;
  position: relative; }
  .siteListMapView.hideList .mapToggleButton {
    display: none; }
  .siteListMapView.hideList .toggleMapIcon {
    right: -22%; }

.siteListMapView.showList {
  left: -30%;
  transition: all linear 0.2s;
  position: relative; }
  .siteListMapView.showList .mapToggleButton {
    display: inline-block; }
  .siteListMapView.showList .toggleMapIcon {
    right: -22%; }

.mapViewWrapper.siteDetailsMapView.detailMapFullView {
  right: 20px;
  width: calc(100% - 20px);
  transition: all linear 1s;
  padding-left: 20px; }

.toggleData {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.assetMappedLinkDetails {
  position: relative; }
  .assetMappedLinkDetails .tooltipText {
    position: absolute;
    display: none;
    background: #fff;
    padding: 8px 15px;
    font: 400 14px/20px "Open Sans", sans-serif;
    color: #26282e;
    top: -40px;
    left: 10%; }
    .assetMappedLinkDetails .tooltipText:after {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      background: #fff;
      bottom: -5px;
      left: 50%;
      border-bottom: solid 1px rgba(0, 0, 0, 0.12);
      border-left: solid 1px rgba(0, 0, 0, 0.12);
      transform: rotate(-45deg); }
  .assetMappedLinkDetails:hover .tooltipText {
    display: block;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }

.clickedMappedAssetDetails {
  width: 85%;
  display: inline-block;
  margin-bottom: 12px; }

.mapSelectedItemWrapper {
  width: 85%; }
  .mapSelectedItemWrapper .activeItemInfo {
    margin-bottom: 7px; }
    .mapSelectedItemWrapper .activeItemInfo span {
      font-weight: 400; }

.systemRedirectLink {
  padding: 10px 0;
  border-bottom: dotted 1px #797b81;
  padding: 7px 0;
  display: block; }

.pmoAssigneeBlock .suggestionListWrapper .suggestionList {
  top: 30px;
  border: none; }

.addProject .mappedDetailsWrapper {
  border: none; }

.assetListWrapper .mapLabel {
  width: auto;
  color: #26282e; }

.assetListWrapper .customInfoLinks.removeAssetLink {
  color: #1075d2;
  margin-bottom: 5px;
  cursor: pointer; }

.assetListWrapper .labelText {
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #797b81; }

.assetListWrapper .addNewReferenceBtn:before {
  left: -3px; }

.repeatIntervalInput .form-error {
  width: 250px;
  left: -30px; }

.pmoDetails .expandableTable.ReactTable {
  border: none; }
  .pmoDetails .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr.active .rt-td {
    font-weight: 700; }

.pmoDetails .searchContent {
  margin-bottom: 20px;
  width: 220px; }

.pmoDetails .datePickerBlock .form-error {
  bottom: -30px; }

.pmoDetails .pmoStatusBar {
  left: 0;
  width: 3px;
  height: 12px;
  background: #800000;
  display: inline-block; }

.pmoDetails .assetPmoRepeatLabel .floatingLabel {
  font-weight: 400; }
  .pmoDetails .assetPmoRepeatLabel .floatingLabel .repeatCount {
    padding: 0 5px 5px;
    border-bottom: dotted 1px #797b81;
    text-transform: none; }

.pmoDetails .uniCode {
  position: absolute;
  left: 20px; }

.pmoDetails .suggestionListWrapper .suggestionList {
  top: 0px; }

.footerPanelWrapper .selectPmoStatus .primaryCustomDropdown {
  margin-bottom: 0;
  margin-top: -5px; }
  .footerPanelWrapper .selectPmoStatus .primaryCustomDropdown .selectedOption {
    color: #dbdde5;
    text-align: left;
    border-bottom-color: #dbdde5; }
    .footerPanelWrapper .selectPmoStatus .primaryCustomDropdown .selectedOption:after {
      border-bottom-color: #dbdde5;
      border-right-color: #dbdde5; }
  .footerPanelWrapper .selectPmoStatus .primaryCustomDropdown .optionListWrapper {
    margin-top: -210px;
    text-align: left; }

.siteDetailsMapWrapper {
  height: 85vh; }

.mapViewWrapper.siteDetailsMapView.sideNavMapView {
  width: 57%; }
  .mapViewWrapper.siteDetailsMapView.sideNavMapView.detailMapFullView {
    width: calc(100% - 245px); }

.mapViewWrapper.assetDetailMapView.sideNavMapView {
  width: calc(100% - 265px);
  margin-left: 245px; }

.maintenanceLabelText {
  text-align: right; }

.sideNavMenu.active + .layoutContent .assetGeneralDetailsWrap .toggleMapIcon {
  left: 19%; }

.projectListWrapper h2 {
  margin: 5px 0 0;
  font: 600 24px/26px "Open Sans", sans-serif;
  color: #26282e; }

.projectListWrapper .searchContent {
  vertical-align: top;
  width: 220px;
  margin: 5px 20px 0 0; }

.projectListWrapper .expandableTable.ReactTable {
  border-right: solid 1px #dbdde5; }

.autoCompleteWrapper .suggestionListWrapper {
  top: 28px; }
  .autoCompleteWrapper .suggestionListWrapper .systemUniformatWrapper {
    position: relative; }
    .autoCompleteWrapper .suggestionListWrapper .systemUniformatWrapper .uniformatError {
      position: absolute;
      bottom: 18px;
      left: 0; }

.fciScenarioViewType .twoOptionLayout .customRadioLayout2 {
  width: 40%;
  display: inline-block; }

.fciScenarioViewType .threeOptionLayout .customRadioLayout2 {
  width: 25%; }

.errorPageDetails {
  padding: 100px 30px;
  min-height: 75vh; }
  .errorPageDetails h3 span {
    transform: rotate(90deg);
    font-size: 60px;
    line-height: 60px;
    top: 10px;
    position: relative;
    animation: updateAnimation 2s infinite;
    display: inline-block;
    padding: 0 20px; }
  .errorPageDetails .errorCodeDetails h3 {
    color: #d9534f; }

.systemUniformatWrapper {
  position: relative; }
  .systemUniformatWrapper .uniformatError {
    bottom: 20px;
    left: 0; }

.projectCost {
  margin: 20px 0 30px; }

.workOrderBulkUpdateButton {
  margin-left: 15px; }

.thumbnailImgBlock .addImageCheckWrapper {
  position: absolute;
  bottom: 35px;
  width: 100%;
  margin: 0;
  z-index: 5; }
  .thumbnailImgBlock .addImageCheckWrapper label {
    color: #fefeff;
    padding-top: 5px;
    position: absolute;
    font-weight: 400;
    left: 20px; }
  .thumbnailImgBlock .addImageCheckWrapper .notificationCheckBox {
    position: absolute;
    right: 20px; }

.imageCarousel .addImageCheckWrapper {
  width: 50%;
  left: 0;
  position: relative;
  margin: 0 0 0 20px;
  display: inline-block;
  bottom: 0;
  top: 8px; }
  .imageCarousel .addImageCheckWrapper label {
    color: #26282e;
    top: 5px;
    font-weight: 400; }

.projectaddRequirement .searchAssetWrapper .suggestionListWrapper .suggestionList, .addProject .searchAssetWrapper .suggestionListWrapper .suggestionList {
  top: 0; }

.projectaddRequirement .searchReqListWrapper .suggestionListWrapper .suggestionList, .addProject .searchReqListWrapper .suggestionListWrapper .suggestionList {
  top: 0; }

/* autocomplete suggestionlist height for workorder, project */
.workOrderAutoComplete .suggestionList, .projectModuleAutoComplete .suggestionList {
  max-height: 150px; }

.workOrderAddRequirement .suggestionList, .projectAddRequirement .suggestionList {
  max-height: 110px; }

/* autocomplete suggestionlist height for workorder, project */
/* work order filter starts here */
.workOrderWrapper.exploreListBlock {
  padding: 15px 20px; }

.workOrderWrapper .workOrderFilterWrapper {
  top: 35px;
  left: 0; }

.workOrderWrapper .toggleFilterOption {
  cursor: pointer; }
  .workOrderWrapper .toggleFilterOption .iconBtn.iconDeleteTag {
    background-position: -222px -52px; }

.workOrderWrapper .searchBoxWrapper {
  position: relative; }

.workOrderWrapper .tagsWrapper {
  position: relative;
  width: auto;
  top: -10px;
  padding: 0;
  display: inline-block; }
  .workOrderWrapper .tagsWrapper .iconBtn.iconDeleteTag {
    background-position: -222px -60px; }
  .workOrderWrapper .tagsWrapper .searchTags .tagName {
    display: block;
    padding-right: 20px; }

.workOrderWrapper .vendorSearch .suggestionListWrapper .suggestionList {
  top: 0;
  border: none; }

/* work order filter ends here */
.pmoAssigneeSearch .autoCompleteWrapper {
  margin-left: 0; }

/*scss for subscription panel starts here */
.subscriptionWrapper {
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  padding: 20px; }
  .subscriptionWrapper h2 {
    font: 700 25px/28px "Open Sans", sans-serif;
    color: #191a1e;
    letter-spacing: 0.3px;
    margin: 5px 0 15px; }
  .subscriptionWrapper h4 {
    font: 600 18px/16px "Open Sans", sans-serif;
    color: #191a1e;
    letter-spacing: 0.18px;
    margin: 0; }
  .subscriptionWrapper .subscriptionPanel {
    border: solid 1px #e8eaf2;
    margin: 25px 0;
    background-color: rgba(243, 244, 248, 0.35); }
    .subscriptionWrapper .subscriptionPanel .panelRow .featureCol {
      width: 36%;
      padding: 15px 20px;
      font: 700 14px/16px "Open Sans", sans-serif;
      color: #191a1e;
      text-transform: capitalize;
      background: #fff;
      display: inline-block;
      border-right: solid 1px #e8eaf2;
      position: relative; }
    .subscriptionWrapper .subscriptionPanel .panelRow .packageCol {
      width: 32%;
      text-align: center;
      display: inline-block;
      vertical-align: top;
      padding: 15px 0; }
      .subscriptionWrapper .subscriptionPanel .panelRow .packageCol.packageBorder {
        border-right: solid 1px #e8eaf2; }
    .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow .featureCol {
      background: #fff;
      height: 125px; }
    .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow .packageCol {
      background: #fff;
      height: 125px;
      vertical-align: top;
      padding-top: 20px; }
      .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow .packageCol h5 {
        margin-bottom: 20px; }
    .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow h5 {
      font: 700 18px/22px "Open Sans", sans-serif;
      color: #191a1e;
      margin: 0 0 5px; }
    .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow .btn {
      padding: 12px 40px; }
    .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow p {
      font-size: 12px;
      line-height: 14px;
      margin: 0 0 5px;
      text-transform: initial; }
    .subscriptionWrapper .subscriptionPanel .panelRow.tableHeadingRow .trialContactButton {
      padding: 8px 36px;
      margin-top: 10px; }
  .subscriptionWrapper .subscriptionData .panelRow {
    border-bottom: solid 1px #e8eaf2; }
    .subscriptionWrapper .subscriptionData .panelRow:first-child {
      border-top: solid 1px #e8eaf2; }
  .subscriptionWrapper .viewDescription {
    cursor: pointer;
    padding: 0;
    font: 700 12px/14px "Open Sans", sans-serif;
    color: #1075d2;
    position: relative;
    top: 3px; }

.modal-header .customText {
  font: 600 18px/20px "Open Sans", sans-serif;
  color: #797b81;
  margin: 10px 0; }

.subscriptionFullDetails {
  padding: 20px; }
  .subscriptionFullDetails p {
    width: 30%;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top; }
  .subscriptionFullDetails .imageBlock {
    width: 32%;
    display: inline-block;
    margin-left: 30px;
    max-height: 300px;
    overflow: hidden; }

.panelRow.active {
  background: #f3f4f8;
  position: relative; }
  .panelRow.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 60px;
    background: #fff;
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .panelRow.active:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: solid 1px #dbdde5;
    border-left: solid 1px #dbdde5;
    transform: rotate(-135deg);
    top: 54px;
    left: 30px;
    z-index: 1; }
  .panelRow.active .featureCol, .panelRow.active .packageCol {
    background: #fff !important;
    border-right: none !important; }

@keyframes updateAnimation {
  from {
    color: #d9534f;
    transform: rotate(90deg); }
  to {
    color: #12bcbc;
    transform: rotate(-270deg); } }

.systemDetailWrapper .thumbnailImgBlock .thumbnailsView::after, .requirementTabWrapper .thumbnailImgBlock .thumbnailsView::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 70px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0));
  z-index: 1;
  top: 90px; }

.subscriptionIcon {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  top: 4px; }
  .subscriptionIcon.featured {
    background: url(e90e8493d6847f8825e83b695c886083.png) no-repeat; }
  .subscriptionIcon.notFeatured {
    background: url(c2f7dd72b578e0fe65f7447fb85a8a91.png) no-repeat; }

.subscriptionFooterPanel {
  background: #fff;
  border: solid 1px #e8eaf2;
  position: relative; }
  .subscriptionFooterPanel .services {
    padding: 0 30px;
    display: inline-block;
    width: 60%; }
    .subscriptionFooterPanel .services h4 {
      font: 700 20px/22px "Open Sans", sans-serif;
      color: #000;
      margin: 20px 0 3px; }
    .subscriptionFooterPanel .services .serviceItem {
      width: 100px;
      height: 100px;
      margin: 10px 10px 20px;
      display: inline-block; }
      .subscriptionFooterPanel .services .serviceItem.first {
        margin-left: 0; }
      .subscriptionFooterPanel .services .serviceItem.last {
        margin-right: 0; }
  .subscriptionFooterPanel .footerNadineLogo {
    width: 400px;
    padding: 40px;
    background: #191a1e;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center; }
    .subscriptionFooterPanel .footerNadineLogo::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-left: 49px solid transparent;
      border-right: 0 solid transparent;
      border-top: 175px solid #191a1e;
      top: 0px;
      left: -49px; }
    .subscriptionFooterPanel .footerNadineLogo .logo {
      margin-bottom: 15px;
      display: block; }
      .subscriptionFooterPanel .footerNadineLogo .logo img {
        margin: 0 auto 20px; }
    .subscriptionFooterPanel .footerNadineLogo .servicesButton {
      padding: 9px 28px;
      background: #e01a21;
      display: inline-block;
      font: 600 13px/15px "Open Sans", sans-serif;
      color: #fff;
      border-radius: 50px; }

/*scss for subscription panel ends here */
.saveRotateImage {
  display: inline-block; }

.purposedFunding {
  position: relative; }
  .purposedFunding .inputWarningBox {
    bottom: auto;
    width: 200px;
    right: -203px;
    top: 0;
    left: auto; }
    .purposedFunding .inputWarningBox:before {
      content: '';
      position: absolute;
      top: 32px;
      left: -6px;
      background: #fff;
      border-width: 2px 2px 0 0;
      border-style: solid;
      border-color: #d9534f #d9534f #fff #fff;
      transform: rotate(-140deg);
      width: 10px;
      height: 10px; }

.fciContentWrapper.optFundingRequirements {
  margin: 0 0 30px 0; }
  .fciContentWrapper.optFundingRequirements .priceBlock,
  .fciContentWrapper.optFundingRequirements .selectStartYear,
  .fciContentWrapper.optFundingRequirements .selectEndYear {
    padding-top: 20px; }
    .fciContentWrapper.optFundingRequirements .priceBlock .primaryCustomDropdown .selectedOption,
    .fciContentWrapper.optFundingRequirements .selectStartYear .primaryCustomDropdown .selectedOption,
    .fciContentWrapper.optFundingRequirements .selectEndYear .primaryCustomDropdown .selectedOption {
      font-size: 13px; }
      .fciContentWrapper.optFundingRequirements .priceBlock .primaryCustomDropdown .selectedOption.disabled,
      .fciContentWrapper.optFundingRequirements .selectStartYear .primaryCustomDropdown .selectedOption.disabled,
      .fciContentWrapper.optFundingRequirements .selectEndYear .primaryCustomDropdown .selectedOption.disabled {
        border: none; }
        .fciContentWrapper.optFundingRequirements .priceBlock .primaryCustomDropdown .selectedOption.disabled:after,
        .fciContentWrapper.optFundingRequirements .selectStartYear .primaryCustomDropdown .selectedOption.disabled:after,
        .fciContentWrapper.optFundingRequirements .selectEndYear .primaryCustomDropdown .selectedOption.disabled:after {
          display: none; }
  .fciContentWrapper.optFundingRequirements .linkText {
    margin-top: 15px; }
  .fciContentWrapper.optFundingRequirements .form-control[disabled] {
    border: none; }
  .fciContentWrapper.optFundingRequirements .form-group {
    margin: 0; }
  .fciContentWrapper.optFundingRequirements .completeFciForm {
    padding-top: 0; }
    .fciContentWrapper.optFundingRequirements .completeFciForm .inflationPercent,
    .fciContentWrapper.optFundingRequirements .completeFciForm .selectStartYear,
    .fciContentWrapper.optFundingRequirements .completeFciForm .selectEndYear {
      width: 140px;
      margin-right: 30px;
      float: left; }
    .fciContentWrapper.optFundingRequirements .completeFciForm .totalFunded,
    .fciContentWrapper.optFundingRequirements .completeFciForm .fundRemaining,
    .fciContentWrapper.optFundingRequirements .completeFciForm .purposedFunding {
      width: 150px;
      float: left;
      margin-right: 30px; }
      .fciContentWrapper.optFundingRequirements .completeFciForm .totalFunded::before,
      .fciContentWrapper.optFundingRequirements .completeFciForm .fundRemaining::before,
      .fciContentWrapper.optFundingRequirements .completeFciForm .purposedFunding::before {
        padding-top: 8px; }
      .fciContentWrapper.optFundingRequirements .completeFciForm .totalFunded .form-control,
      .fciContentWrapper.optFundingRequirements .completeFciForm .fundRemaining .form-control,
      .fciContentWrapper.optFundingRequirements .completeFciForm .purposedFunding .form-control {
        padding-left: 12px; }
    .fciContentWrapper.optFundingRequirements .completeFciForm .purposedFunding label {
      font-size: 12px; }
      .fciContentWrapper.optFundingRequirements .completeFciForm .purposedFunding label.labelBlue {
        font-size: 10px; }
    .fciContentWrapper.optFundingRequirements .completeFciForm .changeBtn,
    .fciContentWrapper.optFundingRequirements .completeFciForm .updateBtn {
      float: left;
      margin-right: 20px; }
      .fciContentWrapper.optFundingRequirements .completeFciForm .changeBtn .btn-secondary,
      .fciContentWrapper.optFundingRequirements .completeFciForm .updateBtn .btn-secondary {
        width: 122px; }

.requirmentsCostCriticalityWrap {
  border-top: solid 1px #dddddd;
  padding-top: 30px;
  margin-top: 30px; }
  .requirmentsCostCriticalityWrap h5 {
    margin: 0 0 15px 0;
    font-weight: normal; }
  .requirmentsCostCriticalityWrap .requirementCostData {
    min-width: 170px;
    float: left; }
    .requirmentsCostCriticalityWrap .requirementCostData .reqType {
      display: inline-block;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      margin-right: 10px;
      float: left; }
      .requirmentsCostCriticalityWrap .requirementCostData .reqType.critical {
        background: #000000; }
      .requirmentsCostCriticalityWrap .requirementCostData .reqType.high {
        background: #800400; }
      .requirmentsCostCriticalityWrap .requirementCostData .reqType.medium {
        background: #fdcc02; }
      .requirmentsCostCriticalityWrap .requirementCostData .reqType.low {
        background: #2eb051; }
    .requirmentsCostCriticalityWrap .requirementCostData .requirementData {
      width: 70%;
      float: left; }
      .requirmentsCostCriticalityWrap .requirementCostData .requirementData label {
        font-size: 12px;
        color: #797b81;
        font-weight: normal; }
      .requirmentsCostCriticalityWrap .requirementCostData .requirementData .priceBlock {
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-top: 0; }
        .requirmentsCostCriticalityWrap .requirementCostData .requirementData .priceBlock::before {
          padding-top: 2px; }
        .requirmentsCostCriticalityWrap .requirementCostData .requirementData .priceBlock .form-control {
          padding-left: 10px;
          height: 18px;
          width: 110px; }
    .requirmentsCostCriticalityWrap .requirementCostData .form-control[disabled] {
      border: none;
      font-weight: bold;
      font-size: 14px;
      color: #191a1e; }
    .requirmentsCostCriticalityWrap .requirementCostData .form-group {
      margin: 0; }

.noReqmntsFundedError {
  margin-top: 40px; }
  .noReqmntsFundedError p {
    text-align: center;
    color: #ee3642;
    font-size: 13px;
    font-weight: bold; }

.suggestedRequiFundListing h4 {
  font-size: 18px;
  font-weight: 700;
  color: #191a1e;
  margin: 0 0 20px; }
  .suggestedRequiFundListing h4 span {
    font-size: 14px;
    font-weight: normal; }

.fundedReqmntsList .expandableTable,
.suggestedRequiFundListing .expandableTable,
.unfundedReqmntsTable .expandableTable {
  border-bottom: none; }
  .fundedReqmntsList .expandableTable .rt-tr-group,
  .suggestedRequiFundListing .expandableTable .rt-tr-group,
  .unfundedReqmntsTable .expandableTable .rt-tr-group {
    position: relative; }
    .fundedReqmntsList .expandableTable .rt-tr-group .Medium::before,
    .fundedReqmntsList .expandableTable .rt-tr-group .Low::before,
    .fundedReqmntsList .expandableTable .rt-tr-group .Critical::before,
    .fundedReqmntsList .expandableTable .rt-tr-group .High::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .Medium::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .Low::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .Critical::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .High::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .Medium::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .Low::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .Critical::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .High::before {
      content: '';
      width: 10px;
      height: 50px;
      border-bottom: solid 1px #dbdde5;
      background: #800400;
      position: absolute;
      left: 0;
      top: 0; }
    .fundedReqmntsList .expandableTable .rt-tr-group .Medium::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .Medium::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .Medium::before {
      background: #fdcc02; }
    .fundedReqmntsList .expandableTable .rt-tr-group .Low::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .Low::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .Low::before {
      background: #2eb051; }
    .fundedReqmntsList .expandableTable .rt-tr-group .Critical::before,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .Critical::before,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .Critical::before {
      background: #000000; }
    .fundedReqmntsList .expandableTable .rt-tr-group:last-child,
    .suggestedRequiFundListing .expandableTable .rt-tr-group:last-child,
    .unfundedReqmntsTable .expandableTable .rt-tr-group:last-child {
      border-bottom: none; }
    .fundedReqmntsList .expandableTable .rt-tr-group .rt-tr,
    .suggestedRequiFundListing .expandableTable .rt-tr-group .rt-tr,
    .unfundedReqmntsTable .expandableTable .rt-tr-group .rt-tr {
      border-right: solid 1px #dbdde5;
      border-left: solid 1px #dbdde5; }

.fundedReqmntsList .expandableTable {
  border-bottom: none; }
  .fundedReqmntsList .expandableTable .rt-tr-group {
    position: relative;
    border-left: solid 1px #dbdde5; }
    .fundedReqmntsList .expandableTable .rt-tr-group .rt-tr .rt-td:last-child::after {
      display: none; }

/* Task management style start */
.taskManagementHeader .engineerData,
.taskManagementHeader .adminData {
  text-align: center; }
  .taskManagementHeader .engineerData .savedDateText,
  .taskManagementHeader .adminData .savedDateText {
    margin: 10px 0 15px; }
  .taskManagementHeader .engineerData .btn-primary,
  .taskManagementHeader .adminData .btn-primary {
    width: 208px; }
  .taskManagementHeader .engineerData a,
  .taskManagementHeader .adminData a {
    font-weight: bold; }

.taskManagementHeader .reSyncBtn {
  position: relative; }
  .taskManagementHeader .reSyncBtn .syncError {
    position: absolute;
    right: 235px;
    top: -12px;
    width: 210px;
    padding: 7px 10px;
    text-align: left;
    background: #ffffff;
    border: 2px solid red; }
    .taskManagementHeader .reSyncBtn .syncError p {
      margin: 0;
      color: #272727;
      font-size: 14px;
      line-height: 18px; }
    .taskManagementHeader .reSyncBtn .syncError:after, .taskManagementHeader .reSyncBtn .syncError:before {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .taskManagementHeader .reSyncBtn .syncError:after {
      border-color: rgba(136, 183, 213, 0);
      border-left-color: #ffffff;
      border-width: 10px;
      margin-top: -10px; }
    .taskManagementHeader .reSyncBtn .syncError:before {
      border-color: rgba(194, 225, 245, 0);
      border-left-color: red;
      border-width: 12px;
      margin-top: -12px; }

.taskManagementHeader .adminData {
  min-width: 250px;
  float: right; }

.taskManagementHeader .engineerData {
  text-align: right;
  margin: 21px 0; }
  .taskManagementHeader .engineerData a {
    margin: 13px 0;
    display: inline-block; }

.taskManagementListWrap .helpText {
  margin-top: 10px; }

.taskManagementListWrap .selectProjectDropdown {
  width: 215px;
  float: right; }

.taskManagementListWrap .taskManagementSearch {
  margin-left: 20px;
  width: 215px;
  float: right; }
  .taskManagementListWrap .taskManagementSearch .searchContent {
    width: 100%; }

.taskManagementListWrap .tasksSearchWrap {
  float: left; }

.taskManagementListWrap .moreOptionsWrap {
  float: left;
  margin: 12px 0 0 10px;
  font-size: 12px;
  cursor: pointer;
  color: #1175d2;
  font-weight: 700; }
  .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap {
    position: relative; }
    .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .advanceSearchWrapper {
      left: -252px;
      top: -55px;
      right: auto; }
      .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .advanceSearchWrapper .autoCompleteWrapper.row {
        margin: 0; }
    .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .srchModalWrapper .customCheckWrap1 {
      width: 50%; }
      .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .srchModalWrapper .customCheckWrap1 input[type="checkbox"] + label {
        font-size: 12px;
        padding: 10px; }
    .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .moreOption,
    .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .closeOption {
      display: inline-block; }
      .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .moreOption:before,
      .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .closeOption:before {
        content: '';
        background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat -228px -63px;
        width: 14px;
        height: 18px;
        position: absolute;
        top: -3px;
        right: -18px; }
    .taskManagementListWrap .moreOptionsWrap .moreOptionModalWrap .moreOption:before {
      content: '';
      background: url(765e29e8c2df2ea5e044bb57c160315f.png) no-repeat -160px -123px;
      width: 20px;
      right: -20px; }

.taskManagementListWrap .searchContent {
  margin: 0 0 20px; }

.taskManagementListWrap .taskListing .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  box-shadow: none;
  cursor: auto; }

.taskManagementListWrap .expandableTable.ReactTable .rt-td {
  padding: 0 10px;
  position: relative; }
  .taskManagementListWrap .expandableTable.ReactTable .rt-td .delayedDot {
    text-overflow: inherit;
    text-indent: -999em;
    width: 10px !important;
    height: 10px !important;
    background: #ff0000;
    flex: none !important;
    padding: 0;
    border-radius: 50%;
    margin: 20px 0; }

.taskManagementListWrap .expandableTable.ReactTable .rt-th.noSort {
  padding: 0 5px; }

.taskManagementListWrap .expandableTable .rt-tr-group:last-child .rt-tr {
  border-bottom: none; }

.taskManagementListWrap .suggestionListWrapper .suggestionList {
  top: -5px; }

/* Task management style end */
.suggestedRequiFundListing h4 {
  font-size: 18px;
  font-weight: 700;
  color: #191a1e; }
  .suggestedRequiFundListing h4 span {
    font-size: 14px;
    font-weight: normal; }

.suggestedRequiFundListing .simplebar-scroll-content {
  margin-bottom: 0 !important; }

.suggestedRequiFundListing .restUnfundedReqsHeader {
  background: #e8eaf2;
  padding: 8px 0; }
  .suggestedRequiFundListing .restUnfundedReqsHeader .searchContent {
    margin: 0 20px 0 0;
    width: 215px; }
  .suggestedRequiFundListing .restUnfundedReqsHeader h4 {
    float: left;
    font-size: 14px;
    padding-left: 20px;
    margin: 10px 0;
    font-weight: 700; }

.suggestedRequiFundListing .unfundedReqmntsTable .rt-thead {
  display: none; }

.suggestedRequiFundListing .totalCostErrorWrap .notEnoughBudgetError {
  width: 70%;
  float: left;
  padding: 0 28px;
  color: #ee3642;
  font-size: 13px;
  font-weight: 700;
  text-align: left; }

.suggestedRequiFundListing .totalCostErrorWrap .totalCostSection {
  text-align: right;
  font-weight: 700;
  padding: 17px 0;
  border: solid 1px #dbdde5;
  border-top: none;
  margin-top: -4px; }
  .suggestedRequiFundListing .totalCostErrorWrap .totalCostSection .totalCostLabel {
    float: right;
    min-width: 150px;
    padding-right: 25px; }
  .suggestedRequiFundListing .totalCostErrorWrap .totalCostSection .totalCostAmount {
    float: right;
    min-width: 170px;
    text-align: right;
    padding-right: 20px; }
    .suggestedRequiFundListing .totalCostErrorWrap .totalCostSection .totalCostAmount.errorText {
      font-size: 16px; }

#fundedRequirement .rt-tr-group,
#nonFundedRequirement .rt-tr-group {
  position: relative; }
  #fundedRequirement .rt-tr-group .rt-tr:hover,
  #nonFundedRequirement .rt-tr-group .rt-tr:hover {
    background: #ffffff; }
    #fundedRequirement .rt-tr-group .rt-tr:hover:after,
    #nonFundedRequirement .rt-tr-group .rt-tr:hover:after {
      display: block;
      opacity: 0.8;
      background: #ffffff;
      width: 100%; }
  #fundedRequirement .rt-tr-group .rt-tr:after,
  #nonFundedRequirement .rt-tr-group .rt-tr:after {
    display: none;
    content: 'Double click to fund';
    font-size: 14px;
    color: #000000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    text-align: center;
    padding-top: 16px;
    font-weight: bold; }

#fundedRequirement .ReactTable .rt-thead .rt-resizable-header:last-child {
  text-align: right;
  padding-right: 22px; }

#fundedRequirement .rt-tr-group {
  position: relative; }
  #fundedRequirement .rt-tr-group .rt-tr:after {
    content: 'Double click to defund'; }

.fundingOptResultsWrap #fundedRequirement .rt-tr-group .rt-tr:after {
  display: none; }

.fundingOptResultsWrap h3 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 15px 0; }

.fundingOptResultsWrap h5 {
  font-size: 16px;
  text-align: center;
  font-weight: normal; }

.fundingOptResultsWrap.exportPieChartWrapper .highcharts-data-label-connector {
  display: none; }

.fundingOptResultsWrap.exportPieChartWrapper .chartDetails {
  display: none; }

.fundingOptResultsWrap.exportPieChartWrapper .pieChartLegend {
  display: block;
  margin-bottom: 100px; }

.fundingOptResultsWrap.exportPieChartWrapper h5 {
  text-align: left;
  min-height: 100px;
  margin: 30px 0 0 0;
  font-size: 20px; }

.fundingOptResultsWrap.exportPieChartWrapper h4 {
  border: none;
  margin: 30px 0;
  font-size: 22px;
  text-align: center; }

.fundingOptResultsWrap.exportPieChartWrapper .col-lg-6 {
  width: 500px; }
  .fundingOptResultsWrap.exportPieChartWrapper .col-lg-6:first-child {
    margin-right: 10%; }

.fundingOptResultsWrap.exportPieChartWrapper .ReactTable .rt-thead .rt-tr {
  text-align: left; }

.fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels,
.fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels {
  margin-left: 0; }
  .fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels .fundingRemain,
  .fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels .proposedFund,
  .fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels .critical,
  .fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels .medium,
  .fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels .high,
  .fundingOptResultsWrap.exportPieChartWrapper .proposedFundingLabels .low,
  .fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels .fundingRemain,
  .fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels .proposedFund,
  .fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels .critical,
  .fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels .medium,
  .fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels .high,
  .fundingOptResultsWrap.exportPieChartWrapper .fundedReqsLabels .low {
    font-size: 18px; }

.fundingOptResultsWrap.exportPieChartWrapper #projectsWidget,
.fundingOptResultsWrap.exportPieChartWrapper #workOrderWidget {
  margin: -50px 0 0 -50px; }

.fundingOptResultsWrap .pieChartLegend {
  display: none; }

.fundingOptResultsWrap .widgetContent .chartDetails .labelTitle {
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  text-align: right; }

.fundingOptResultsWrap .widgetContent .chartDetails .chartAmount {
  display: block;
  font-weight: bold;
  font-size: 12px;
  margin-top: 5px; }

.fundingOptResultsWrap .simplebar-scroll-content {
  margin-bottom: 0 !important; }
  .fundingOptResultsWrap .simplebar-scroll-content .expandableTable.ReactTable .rt-thead .rt-tr .rt-th:last-child {
    text-align: right;
    border-right: solid 1px #dddddd; }
  .fundingOptResultsWrap .simplebar-scroll-content .expandableTable.ReactTable .rt-tbody .rt-td.bold {
    text-align: right; }
  .fundingOptResultsWrap .simplebar-scroll-content .expandableTable.ReactTable .rt-tr-group .rt-tr .rt-td:last-child {
    border-right: solid 1px #dddddd; }
  .fundingOptResultsWrap .simplebar-scroll-content .expandableTable.ReactTable .rt-tr-group:last-child .rt-tr {
    border-bottom: none; }

.fundingOptResultsWrap .totalCostFundRemainsDetails {
  padding: 25px 0;
  border: solid 1px #dddddd;
  border-top: none;
  text-align: right;
  margin-top: -3px; }
  .fundingOptResultsWrap .totalCostFundRemainsDetails .totalCostAmount span {
    display: inline-block;
    width: 160px;
    padding: 0 17px;
    text-align: left;
    font-weight: bold; }
    .fundingOptResultsWrap .totalCostFundRemainsDetails .totalCostAmount span.cost {
      margin-bottom: 15px;
      text-align: right; }
  .fundingOptResultsWrap .totalCostFundRemainsDetails .totalCostAmount.fundRemainCost label {
    font-weight: normal; }
  .fundingOptResultsWrap .totalCostFundRemainsDetails .totalCostAmount.fundRemainCost span {
    font-weight: normal; }
    .fundingOptResultsWrap .totalCostFundRemainsDetails .totalCostAmount.fundRemainCost span.cost {
      margin-bottom: 0;
      font-weight: normal; }

.fundingOptResultsWrap .assetsDataWrap {
  margin-top: 30px; }

.fundingOptResultsWrap h4 {
  border-top: solid 1px #dddddd;
  font-weight: bold;
  margin: 0;
  padding: 30px 0; }

.fundingOptResultsWrap .proposedFundingLabels,
.fundingOptResultsWrap .fundedReqsLabels {
  position: relative; }
  .fundingOptResultsWrap .proposedFundingLabels .fundingRemain,
  .fundingOptResultsWrap .proposedFundingLabels .proposedFund,
  .fundingOptResultsWrap .proposedFundingLabels .critical,
  .fundingOptResultsWrap .proposedFundingLabels .medium,
  .fundingOptResultsWrap .proposedFundingLabels .high,
  .fundingOptResultsWrap .proposedFundingLabels .low,
  .fundingOptResultsWrap .fundedReqsLabels .fundingRemain,
  .fundingOptResultsWrap .fundedReqsLabels .proposedFund,
  .fundingOptResultsWrap .fundedReqsLabels .critical,
  .fundingOptResultsWrap .fundedReqsLabels .medium,
  .fundingOptResultsWrap .fundedReqsLabels .high,
  .fundingOptResultsWrap .fundedReqsLabels .low {
    padding-left: 40px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 14px; }
    .fundingOptResultsWrap .proposedFundingLabels .fundingRemain:before,
    .fundingOptResultsWrap .proposedFundingLabels .proposedFund:before,
    .fundingOptResultsWrap .proposedFundingLabels .critical:before,
    .fundingOptResultsWrap .proposedFundingLabels .medium:before,
    .fundingOptResultsWrap .proposedFundingLabels .high:before,
    .fundingOptResultsWrap .proposedFundingLabels .low:before,
    .fundingOptResultsWrap .fundedReqsLabels .fundingRemain:before,
    .fundingOptResultsWrap .fundedReqsLabels .proposedFund:before,
    .fundingOptResultsWrap .fundedReqsLabels .critical:before,
    .fundingOptResultsWrap .fundedReqsLabels .medium:before,
    .fundingOptResultsWrap .fundedReqsLabels .high:before,
    .fundingOptResultsWrap .fundedReqsLabels .low:before {
      content: '';
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #6ed18c;
      position: absolute;
      left: 0;
      top: 0; }
  .fundingOptResultsWrap .proposedFundingLabels .fundingRemain::before,
  .fundingOptResultsWrap .fundedReqsLabels .fundingRemain::before {
    top: 50px;
    background: #6f9fea; }
  .fundingOptResultsWrap .proposedFundingLabels .critical::before,
  .fundingOptResultsWrap .fundedReqsLabels .critical::before {
    top: 0;
    background: black; }
  .fundingOptResultsWrap .proposedFundingLabels .medium::before,
  .fundingOptResultsWrap .fundedReqsLabels .medium::before {
    top: 0;
    background: #ffcc00; }
  .fundingOptResultsWrap .proposedFundingLabels .high::before,
  .fundingOptResultsWrap .fundedReqsLabels .high::before {
    top: 0;
    background: #800000; }
  .fundingOptResultsWrap .proposedFundingLabels .low::before,
  .fundingOptResultsWrap .fundedReqsLabels .low::before {
    top: 0;
    background: #00b050; }

.suggestedRequiFundListing .expandableTable .rt-tr-group::after,
.assetsListData .expandableTable .rt-tr-group::after,
.fundedReqmntsList .expandableTable .rt-tr-group::after {
  display: none; }

.fundedReqmntsList .expandableTable {
  border-bottom: solid 1px #dddddd; }

.suggestedRequiFundListing .expandableTable.ReactTable .rt-tbody .rt-td.costColumn {
  text-align: right;
  position: relative;
  z-index: 5;
  padding-right: 20px; }

.assetsListData .ReactTable .rt-thead .rt-th {
  padding: 0; }
  .assetsListData .ReactTable .rt-thead .rt-th:before {
    top: 30px; }

.assetsListData .ReactTable .rt-thead .rt-resizable-header-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: initial;
  text-overflow: initial;
  white-space: normal;
  padding: 0 17px;
  height: 64px;
  vertical-align: middle;
  display: table-cell; }

.addExploreDetailsModal .confirtmationContainer .modal-dialog {
  width: 522px; }
  .addExploreDetailsModal .confirtmationContainer .modal-dialog .closeModalBox {
    display: none; }

.addExploreDetailsModal .modal-header {
  padding-top: 23px; }

.addExploreDetailsModal .modal-body {
  padding: 2px 25px 18px; }
  .addExploreDetailsModal .modal-body p {
    line-height: 1.39;
    font-size: 17px; }

.addExploreDetailsModal .modal-footer .btn-primaryAlter {
  margin-right: 10px; }

.addExploreDetailsModal .modal-footer .btn-primary {
  margin-right: 0; }

.addExploreDetailsModal .modal-footer .btn {
  min-width: 180px; }

.importAssetModelBox {
  height: calc(100% - 120px);
  background: #fff; }
  .importAssetModelBox .pageTitle {
    border-bottom: 1px solid #dbdde6;
    padding-bottom: 18px; }
  .importAssetModelBox .csvUniformatUpload {
    width: 569px;
    padding-left: 110px;
    margin-bottom: 20px;
    height: 152px;
    padding-top: 42px; }
    .importAssetModelBox .csvUniformatUpload .uploadText {
      padding-left: 92px; }
      .importAssetModelBox .csvUniformatUpload .uploadText h2 {
        margin-bottom: 3px; }
      .importAssetModelBox .csvUniformatUpload .uploadText:before {
        left: 0; }
      .importAssetModelBox .csvUniformatUpload .uploadText span, .importAssetModelBox .csvUniformatUpload .uploadText strong {
        font-size: 14px;
        margin-left: 4px; }
  .importAssetModelBox .assetDetail {
    font-size: 18px;
    padding: 0;
    width: 569px;
    margin: 0 auto 30px;
    display: flex; }
  .importAssetModelBox .assetNameWrap {
    margin-left: 10px;
    line-height: 18px; }

.successMsgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .successMsgWrap .successIcon,
  .successMsgWrap .warningIcon {
    margin-bottom: 15px;
    height: 48px;
    width: 48px;
    background-size: contain; }
  .successMsgWrap strong {
    font-size: 14px;
    font-weight: bold; }
  .successMsgWrap .successShow strong, .successMsgWrap .successShow span {
    max-width: 282px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    line-height: 20px; }

.successIcon {
  background: url(273960e2f84af9a1d73403241d7d7286.png) no-repeat; }

.warningIcon {
  background: url(b9a276da3a186cf0eced290f3a411be4.svg) no-repeat; }

.assetCreated {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 25;
  color: #fff; }

.assetImported {
  margin-top: 70px;
  margin-bottom: 20px; }
  .assetImported strong {
    max-width: 206px;
    text-align: center;
    line-height: 20px; }

.systemCreation {
  display: flex;
  justify-content: center;
  margin-top: 82px; }
  .systemCreation .fixLoader {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(7c82958d7bc55488e809781013ae104f.gif);
    background-size: contain; }
  .systemCreation .infoRight {
    margin-left: 12px; }
    .systemCreation .infoRight strong {
      display: block;
      margin-bottom: 4px;
      font-weight: bold; }

.warningMsgContainer {
  align-items: center;
  margin-bottom: 10px;
  justify-content: left;
  margin-left: 342px;
  display: flex;
  margin-top: 25px; }
  .warningMsgContainer i {
    background-size: contain;
    height: 30px;
    width: 30px; }
  .warningMsgContainer strong {
    margin-left: 10px; }

.selectedAssets {
  font-size: 12px; }
  .selectedAssets label {
    color: #797b81;
    margin-right: 10px;
    font-weight: normal; }

.openExcelFileLink {
  display: inline-block;
  margin: 22px 0; }

.importLinkWrap {
  float: right; }
  .importLinkWrap .uploadIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(3e6abc5bd36652674e2eceb50623a983.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 6px; }
  .importLinkWrap a {
    font-weight: 700; }
  .importLinkWrap span {
    margin-right: 32px; }

.floatLeft {
  float: left; }

.assetIdContainer {
  display: flex; }
  .assetIdContainer .assetStatusLabel {
    margin-left: 25px; }
    .assetIdContainer .assetStatusLabel span {
      padding: 2px 10px;
      background-color: #e8eaf2;
      border-radius: 14px; }

.blockInitialSpace {
  margin-top: 10px; }

.preventativContainer {
  padding: 0 25px; }
  .preventativContainer .simplebar-scroll-content {
    border-right: solid 1px #dbdde5; }
  .preventativContainer .expandableTable.ReactTable .rt-tbody .rt-td:nth-child(3), .preventativContainer .expandableTable.ReactTable .rt-tbody .rt-td:nth-child(4) {
    overflow: unset; }
  .preventativContainer .expandableTable.ReactTable .rt-tbody .form-error {
    line-height: 1.5;
    border: solid 2px #ee3642;
    padding: 3px 10px;
    bottom: -38px;
    border-radius: 4px; }
    .preventativContainer .expandableTable.ReactTable .rt-tbody .form-error::before, .preventativContainer .expandableTable.ReactTable .rt-tbody .form-error::after {
      content: "";
      position: absolute;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      top: -17px;
      left: 9%;
      margin-left: -10px; }
    .preventativContainer .expandableTable.ReactTable .rt-tbody .form-error::before {
      border-top: 7px solid #ee3642;
      margin-top: 8px;
      transform: rotate(180deg); }
    .preventativContainer .expandableTable.ReactTable .rt-tbody .form-error::after {
      border-bottom: 7px solid white;
      margin-top: 10px;
      z-index: 1; }
  .preventativContainer .expandableTable.ReactTable .rt-tbody .rt-tr {
    min-height: 55px; }
  .preventativContainer .datepicker tr td, .preventativContainer .datepicker tr th {
    line-height: 16px; }
  .preventativContainer .form-group {
    margin-bottom: 0;
    display: inline-block;
    min-width: 30px; }
  .preventativContainer .datePickerBlock,
  .preventativContainer .form-group {
    margin-top: 15px; }
  .preventativContainer .daysLabel {
    display: inline-block;
    margin-left: 5px; }
  .preventativContainer .estimatTime .form-group {
    width: 40px; }
  .preventativContainer .notificationCheckBox input[type="checkbox"] {
    margin-top: 15px; }
    .preventativContainer .notificationCheckBox input[type="checkbox"]:checked:after {
      height: 22px;
      width: 22px;
      top: 1px;
      right: 1px;
      content: ''; }
    .preventativContainer .notificationCheckBox input[type="checkbox"]:after {
      content: 'Off'; }
    .preventativContainer .notificationCheckBox input[type="checkbox"]:checked:before {
      content: 'On'; }
    .preventativContainer .notificationCheckBox input[type="checkbox"] label {
      display: none; }

.checkboxOandM {
  margin-top: 20px;
  margin-bottom: 20px; }

.datePickerIcon {
  position: absolute;
  height: 16px;
  width: 13px;
  right: 15px;
  top: 6px;
  background: url(d9d2c0f57a652d9d364aebac6e6cdc9f.svg);
  cursor: pointer; }

.oldAndNewValueWrap {
  background: #e8eaf2;
  padding: 30px; }
  .oldAndNewValueWrap label {
    color: #797b81;
    font-size: 12px;
    font-weight: 400; }
  .oldAndNewValueWrap p {
    font-size: 13px; }
  .oldAndNewValueWrap::before {
    content: '';
    position: absolute;
    border-top: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    left: 50%;
    margin: -32px 0 0 -10px; }

.chkWrapper {
  display: flex; }

.chkWrapper .first {
  width: 38%; }

.chkWrapper .second {
  width: 50%; }

.requiredLabel,
.requiredInput span:not(.form-error),
.requiredSelectBox ul ~ span,
.requiredTextarea span:not(.form-error) {
  position: absolute;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  width: 45px; }

.requiredLabel,
.requiredSelectBox ul ~ span {
  top: 0; }

.requiredInput span:not(.form-error),
.requiredTextarea span:not(.form-error) {
  top: 7px; }

.requiredInput input, .requiredInput textarea, .requiredTextarea input, .requiredTextarea textarea {
  padding-right: 50px; }

.checkBlock {
  position: relative; }
  .checkBlock .requirementStatus .requiredLabel {
    margin-top: 8px; }

.uniformatNoerrorBox .form-control {
  border-bottom: solid 1px #ee3642;
  box-shadow: 0 1px 0 0 #ee3642;
  transition: all ease-in-out 0.3s; }

.uniformatNoerrorBox .customFormInput {
  margin-bottom: 0; }

.textFormatConatiner {
  height: inherit; }

.displayflex {
  display: flex; }

.leftContainer {
  width: 40%; }

.rightContainer {
  width: 60%;
  padding-right: 20px; }

.setSpace {
  margin-right: 30px; }

.templateWrap, .uniformateWrap {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 25px; }
  .templateWrap .searchHeading, .uniformateWrap .searchHeading {
    padding: 0 20px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .templateWrap .searchContent, .uniformateWrap .searchContent {
    min-height: 30px; }
  .templateWrap .usersInfoList, .uniformateWrap .usersInfoList {
    max-height: calc(100vh - 232px); }
    .templateWrap .usersInfoList li, .uniformateWrap .usersInfoList li {
      padding: 15px 8px 15px 20px; }
      .templateWrap .usersInfoList li span, .uniformateWrap .usersInfoList li span {
        font-size: 10px;
        line-height: 1;
        letter-spacing: -0.13px;
        color: #7b7c81;
        display: block;
        margin-bottom: 3px; }
      .templateWrap .usersInfoList li:first-child, .uniformateWrap .usersInfoList li:first-child {
        border-bottom-width: 4px;
        padding: 9px 8px 9px 20px; }

.textFormatModal .modal-dialog .modal-content {
  padding-top: 0;
  height: calc(100vh - 118px); }

.textFormatModal h4 {
  font-size: 18px; }

.templateWrap {
  min-width: 190px; }
  .templateWrap .searchContent {
    width: 150px; }

.uniformateWrap {
  min-width: 300px; }
  .uniformateWrap .searchContent {
    width: 250px; }

.observationHeading {
  padding: 42px 0 10px 20px;
  justify-content: space-between; }
  .observationHeading span {
    font-size: 10px;
    color: #7b7c81; }
  .observationHeading h3 {
    margin-top: 5px; }
  .observationHeading .headingRight {
    margin-top: 20px; }
    .observationHeading .headingRight span {
      line-height: 1.2;
      letter-spacing: -0.13px;
      display: inline-block;
      margin-right: 9px;
      text-align: right;
      vertical-align: middle; }
    .observationHeading .headingRight .btn {
      padding: 7px 24px; }

.tableFix {
  margin-left: 20px;
  border: 1px solid #dadde6;
  min-width: 97.5%; }
  .tableFix th {
    padding: 17px;
    background: #d3d7e2;
    border-right: solid 1px #c0c5d2;
    text-transform: capitalize;
    font: 700 14px/16px "Open Sans", sans-serif;
    color: #000000;
    min-width: 150px; }
  .tableFix tr {
    border-bottom: solid 1px #dcdde2; }
  .tableFix td {
    padding: 12px 17px;
    font: 400 14px/20px Open Sans,sans-serif;
    color: #000000;
    vertical-align: top; }
  .tableFix .noDataAvailable {
    padding: 20px;
    text-align: center;
    font-weight: bold; }

.radioButtonWrap {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none;
  color: #000000;
  font-weight: normal; }

.observationWrap .systemCreation {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }

.observationWrap .infoRight {
  margin: 10px 0 0 0;
  color: #191a1e;
  letter-spacing: 0.14; }
  .observationWrap .infoRight strong {
    margin-bottom: 11px; }
  .observationWrap .infoRight span {
    line-height: 20px; }

/* Hide the browser's default checkbox */
.radioButtonWrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.radioMark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: solid 1px #191a1e;
  border-radius: 50%; }

/* Create the radioMark/indicator (hidden when not checked) */
.radioMark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the radioMark when checked */
.radioButtonWrap input:checked ~ .radioMark:after {
  display: block; }

.radioButtonWrap input:checked ~ .radioLabelText {
  font-weight: bold; }

/* Style the radioMark/indicator */
.radioButtonWrap .radioMark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #191a1e; }

.tableOptional th {
  font-weight: normal;
  text-align: center;
  min-width: unset;
  padding: 12px; }

.activeField {
  font-weight: bold; }

.observationFields {
  max-height: calc(100vh - 232px);
  overflow-x: hidden;
  overflow-y: auto; }

.formatIcon {
  background: url(b6f0a1170ce2cc73ce82762f1e37e05f.svg) no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 12px;
  top: -18px; }

.editIconWrap {
  position: relative; }

.tabContentPosition .exploreSystemWrapper .tabsContent, .tabContentPosition .requirementTabWrapper .tabsContent {
  position: static; }

.tabContentPosition .requirementTabWrapper {
  position: static; }

.tabContentPosition .editIconWrap .customFormInput span:not(.form-error) {
  right: 32px;
  top: -14px; }

.customFormInput .squareCheckbox label span {
  width: auto;
  position: relative;
  top: 4px;
  font: inherit;
  text-transform: initial; }

.commentBoxWrap {
  padding-top: 15px; }
  .commentBoxWrap .commentQuestionBlock {
    margin-top: 0; }
    .commentBoxWrap .commentQuestionBlock:first-child {
      border: none; }
  .commentBoxWrap .commentContainer {
    border-top: solid 1px #dbdde5; }
  .commentBoxWrap .commentReplyWrapper li:first-child .btnReply {
    margin-left: -35px; }
  .commentBoxWrap .radioLabelText {
    text-transform: initial;
    vertical-align: middle;
    line-height: 20px; }
  .commentBoxWrap .userTagSuggestionList {
    margin-bottom: 10px; }
  .commentBoxWrap .form-group.commentsInput {
    margin-bottom: 60px; }
  .commentBoxWrap .commentsButton {
    min-width: 100px;
    padding: 7px 24px; }
  .commentBoxWrap .radioGroupSpace {
    margin-bottom: 40px; }
  .commentBoxWrap .questionText {
    margin-bottom: 16px; }
  .commentBoxWrap .reply {
    margin-top: 18px; }
    .commentBoxWrap .reply ul, .commentBoxWrap .reply .btnReply {
      margin-left: 0;
      min-width: unset; }
    .commentBoxWrap .reply .btnReply {
      padding: 0;
      margin-top: -10px; }
    .commentBoxWrap .reply .replyActionsWrapper {
      position: relative; }
  .commentBoxWrap .btnReply {
    border: none;
    box-shadow: none;
    color: #1075d2;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
    margin-bottom: 32px; }
    .commentBoxWrap .btnReply:hover, .commentBoxWrap .btnReply:focus, .commentBoxWrap .btnReply:active {
      color: #1075d2;
      background: transparent;
      box-shadow: none; }
    .commentBoxWrap .btnReply::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 16px;
      background: url(546a337479efbd6d54f99b94eb69ed98.svg) no-repeat; }

.customRadioContainer {
  float: left;
  margin-right: 22px; }

.radioContainerSystemMeasurement {
  display: flex;
  width: 150px;
  margin-bottom: 20px; }

.icnLock {
  color: #ee3642;
  font-size: 12px;
  display: block;
  margin-top: 15px; }
  .icnLock::before {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 16px;
    background: url(f3cb2ff4bdd8cc825c5a0d0f6f830d59.svg) no-repeat; }

.checkCarousel .sliderActions {
  width: 100%;
  right: unset;
  padding: 0 20px; }
  .checkCarousel .sliderActions .buttonWrapper {
    display: inline-block; }
  .checkCarousel .sliderActions .squareCheckbox {
    margin-top: 12px; }
    .checkCarousel .sliderActions .squareCheckbox input[type="checkbox"] + label {
      top: -4px; }
  .checkCarousel .sliderActions .rotateWrap {
    float: right; }

.imageTag {
  display: none; }

.activeTag {
  position: relative; }
  .activeTag .imageTag {
    top: 10px;
    position: absolute;
    left: 10px;
    min-width: 70px;
    border-radius: 2px;
    background-color: #eae9ee;
    font-size: 10px;
    color: #797b81;
    text-align: center;
    display: block;
    line-height: 18px; }

.xlsFileDetails {
  width: 555px;
  margin: 0 auto; }
  .xlsFileDetails .fileNote ul {
    padding-left: 17px;
    margin-bottom: 16px; }
  .xlsFileDetails .fileNote strong, .xlsFileDetails .fileNote li {
    font-size: 14px;
    line-height: 1.36;
    letter-spacing: 0.14px;
    color: #191a1e; }

.xlsFileWrap {
  display: flex;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #191a1e;
  margin-bottom: 15px; }
  .xlsFileWrap .xlsIcon {
    background: url(e332d51de7d59b1bd55a93b5c0aaaa6f.svg) no-repeat;
    width: 30px;
    height: 38px;
    margin-right: 7px; }

.inputWIthToggle {
  position: relative; }
  .inputWIthToggle .sendEmailbtn .btn-small {
    font-size: 12px;
    padding: 8px 16px; }
  .inputWIthToggle .sendEmailField {
    padding-right: unset;
    padding-left: 5px;
    position: absolute;
    right: 0;
    top: -9px; }
    .inputWIthToggle .sendEmailField .sendEmailTxt {
      display: block;
      font: 400 10px / 12px "Open Sans", sans-serif;
      color: #797b81;
      margin-bottom: 5px; }

.copyEditExploreWrapper .inputWIthToggle .inputWIthToggleField {
  padding-right: unset;
  padding-left: unset; }

.addExploreListModal .inputWIthToggle .sendEmailField {
  top: -20px; }

.assetGeneral .rciNoteTxt {
  font: 700 12px / 14px "Open Sans", sans-serif;
  color: #ee3642;
  margin-bottom: 30px;
  margin-top: -20px; }

.systemGeneralTab .ownership-top .percentBlock, .systemGeneralTab .ownership-top .priceBlock {
  margin-bottom: 10px; }

.confirmationModalBox.actionYearModal .modal-dialog .modal-content {
  padding: 20px 70px; }
  .confirmationModalBox.actionYearModal .modal-dialog .modal-content .modal-body {
    padding: 5px 60px 15px; }
    .confirmationModalBox.actionYearModal .modal-dialog .modal-content .modal-body p {
      font: 400 18px / 22px "Open Sans", sans-serif;
      color: #191a1e; }

.actionsList li:hover {
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.15); }

.actionsList li .queryActionButtons {
  display: none; }

.actionsList li:hover .queryActionButtons {
  display: block; }

.actionsList .queryActionButtons {
  float: right; }
  .actionsList .queryActionButtons .actionIconBtns {
    margin-right: 7px;
    top: -4px; }

.queryWrapper {
  padding: 20px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }
  .queryWrapper .viewDetailsLink {
    cursor: pointer; }

.changeQuerySelectbox {
  width: 220px; }
  .changeQuerySelectbox .optionListWrapper {
    width: 230px; }

.queryListPanel, .reportAssetPanel {
  padding: 20px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  margin-bottom: 100px; }
  .queryListPanel.fixed .customTableWrapper, .reportAssetPanel.fixed .customTableWrapper {
    height: 85vh; }

.queryListTable {
  margin-top: 20px; }
  .queryListTable .checkboxColumn {
    width: 5%;
    padding-right: 0; }
  .queryListTable .queryCode {
    width: 22%; }
  .queryListTable .queryDetailName {
    width: 36%; }
  .queryListTable .queryStatus {
    width: 12%; }
  .queryListTable .fourthCol {
    width: 27%; }
  .queryListTable tbody tr:hover {
    background: #fff;
    cursor: pointer;
    box-shadow: 1px 1px 10px rgba(2, 2, 2, 0.25);
    transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s; }

.arrowAngleDown, .arrowCaretDown {
  float: right;
  top: 5px; }

.queryListTable .squareCheckbox input[type="checkbox"] {
  top: 2px;
  position: relative;
  margin: 0; }

.mySearchFooterNav {
  padding: 0;
  text-align: center;
  margin: 0;
  position: relative;
  width: 90%;
  display: flex;
  justify-content: center; }
  .mySearchFooterNav.fciFooterNav {
    width: 100%; }
  .mySearchFooterNav li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    padding: 0;
    text-align: center; }
    .mySearchFooterNav li:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      background: #797b81;
      margin-left: 0;
      top: 7px;
      z-index: -1; }
    .mySearchFooterNav li:last-child:after {
      display: none; }

.mySearchFooterNav li a, .mySearchFooterNav li .footerNavLabel {
  display: block;
  width: 120px;
  font: 400 12px/14px "Open Sans", sans-serif;
  color: #797b81; }
  .mySearchFooterNav li a .iconCircle, .mySearchFooterNav li .footerNavLabel .iconCircle {
    display: block;
    background: #797b81;
    width: 15px;
    height: 15px;
    margin: 0 auto 10px;
    border-radius: 50px; }
    .mySearchFooterNav li a .iconCircle .nameBlock, .mySearchFooterNav li .footerNavLabel .iconCircle .nameBlock {
      position: relative;
      top: 2px; }
  .mySearchFooterNav li a.active, .mySearchFooterNav li .footerNavLabel.active {
    font: 700 13px/15px "Open Sans", sans-serif;
    color: #fff;
    position: relative;
    top: 0; }
    .mySearchFooterNav li a.active .iconCircle, .mySearchFooterNav li .footerNavLabel.active .iconCircle {
      background: #fff;
      width: 20px;
      height: 20px;
      margin-top: -3px;
      margin-bottom: 8px;
      z-index: 1;
      position: relative; }

.mySearchFooterNav li.nextStep:after {
  background: #3b3f47; }

.mySearchFooterNav li .disable .iconCircle {
  background: #3b3f47; }

.mySearchFooterNav li .disable .nameBlock {
  color: #3b3f47; }

.accordionPanel {
  border-radius: 3px;
  background: #fff;
  padding: 5px 7px;
  margin: 0 0 10px; }
  .accordionPanel .panel-heading {
    padding: 6px 0;
    cursor: pointer; }

.queryActionButton {
  width: 33%;
  min-width: 148px;
  padding: 10px 5px;
  border: none;
  margin-right: 1px;
  background: #31343b;
  font: 700 12px/14px "Open Sans", sans-serif;
  color: #fff;
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s; }
  .queryActionButton:last-child {
    margin: 0; }

.queryActionButton[disabled] {
  background: #494c55;
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  cursor: not-allowed; }

.queryBuilderWrapper .panel-primary {
  box-shadow: none;
  border: none;
  border-radius: 0; }

.queryBuilderWrapper .table thead th {
  background: #31343b;
  margin: 0;
  padding: 16px 0 16px 15px;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #fff; }

.queryBuilderWrapper .table tbody {
  min-height: 40px;
  background: #fff;
  border: dashed 2px #3b3f47;
  border-top: none; }

.queryBuilderWrapper .columnName thead {
  background: #3b3f47; }

.columnName .idColumn {
  width: 10%; }

.columnName .colName {
  width: 90%; }

.columnName .columnTitleWrapper h5 {
  width: 50%;
  margin: 0;
  display: inline-block; }

.columnName .table tbody tr .iconDrag {
  display: none; }

.columnName .table tbody tr:hover .iconDrag {
  display: inline-block;
  right: 40%;
  top: 10px; }

.columnName .table tbody td {
  position: relative;
  padding: 15px 0 15px 15px;
  font: 400 13px/15px "Open Sans", sans-serif;
  color: #191a1e; }

.customQueryWrapper {
  margin: 30px 0;
  padding-bottom: 150px; }
  .customQueryWrapper .queryTitleBlock {
    margin: 40px 0; }
  .customQueryWrapper .nav-tabs li {
    margin-right: 1px; }
    .customQueryWrapper .nav-tabs li a {
      padding: 10px 6px; }
    .customQueryWrapper .nav-tabs li:first-child a {
      padding-left: 0; }
    .customQueryWrapper .nav-tabs li:last-child a {
      padding-right: 0; }

.customQueryWrapper .customFormInput label {
  text-transform: none; }

.customQueryWrapper .tabsLayout {
  border-bottom: solid 1px #878990;
  margin-bottom: 20px; }

.customQueryWrapper .searchContent {
  width: auto;
  margin: 20px 0;
  display: block; }
  .customQueryWrapper .searchContent:before {
    right: 15px; }
  .customQueryWrapper .searchContent .form-control {
    padding-left: 5px; }

.hidePanel::before {
  content: '';
  position: absolute;
  background: rgba(232, 234, 242, 0.9);
  width: 100%;
  height: 100%;
  transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  z-index: 1; }

.hidePanel .accordionPanel {
  position: relative; }
  .hidePanel .accordionPanel.in {
    box-shadow: 0 1px 10px rgba(2, 2, 2, 0.3);
    z-index: 1;
    position: relative; }

.columnName tbody tr td {
  border-top: none;
  vertical-align: middle;
  border-bottom: solid 1px #e8eaf2;
  box-shadow: none;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #191a1e;
  transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s; }

.columnName tbody tr:hover {
  background: #fff;
  cursor: pointer;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.25);
  transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s; }

.conditionalQueryBlock .primaryCustomDropdown {
  position: inherit; }
  .conditionalQueryBlock .primaryCustomDropdown .selectedOption {
    position: relative; }
  .conditionalQueryBlock .primaryCustomDropdown .optionListWrapper {
    width: 180px;
    max-width: 250px; }

.conditionalQueryBlock tr {
  border: none; }

.conditionalQueryBlock .srNumber {
  width: 5%; }

.conditionalQueryBlock .titleColumn {
  width: 42%; }

.conditionalQueryBlock .operatorColumn {
  width: 25%; }

.conditionalQueryBlock .valueColumn {
  width: 25%; }

.conditionalQueryBlock .actionColumn {
  width: 3%; }

.queryBuilderWrapper .primaryCustomDropdown label {
  display: none; }

.queryBuilderWrapper .primaryCustomDropdown .selectedOption {
  font: 400 13px/15px "Open Sans", sans-serif;
  color: #191a1e; }
  .queryBuilderWrapper .primaryCustomDropdown .selectedOption::after {
    width: 7px;
    height: 7px;
    top: 3px; }

.columnName .iconBtn {
  display: none; }

.columnName tr:hover .iconBtn {
  position: absolute;
  display: block;
  right: 15px;
  top: 15px; }

.changeReportSelectbox {
  width: auto;
  margin-bottom: 30px; }
  .changeReportSelectbox .optionListWrapper {
    width: 290px; }
  .changeReportSelectbox .selectedOption {
    width: auto;
    display: inline-block; }
    .changeReportSelectbox .selectedOption::after {
      position: relative;
      margin-left: 15px;
      display: inline-block;
      top: -3px; }

.react-datepicker-wrapper, .react-datepicker__input-container {
  display: block; }

.reportFormWrapper, .fciContentWrapper, .selectFciScenarioWrapper {
  background: #fff;
  margin: 0 0 30px;
  padding: 20px;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12); }

.reportAssetPanel p {
  margin: 5px 0 0; }

.reportsFooter .mySearchFooterNav li::before {
  width: 92%; }

.reportFooterLinks {
  font: 600 13px/15px "Open Sans", sans-serif;
  color: #12bcbc;
  margin-right: 10px;
  transition: color linear 0.3s;
  -moz-transition: color linear 0.3s;
  -webkit-transition: color linear 0.3s;
  -o-transition: color linear 0.3s; }
  .reportFooterLinks:hover, .reportFooterLinks:focus {
    text-decoration: none;
    color: #16d4d4;
    transition: color linear 0.3s;
    -moz-transition: color linear 0.3s;
    -webkit-transition: color linear 0.3s;
    -o-transition: color linear 0.3s; }

.queryResults.tableArrows {
  position: absolute;
  top: 15px;
  right: 0;
  background: #dbdde5;
  cursor: pointer;
  padding: 0 15px; }

.queryScrollableBlock.smallFixedTable {
  width: 100%;
  display: table; }
  .queryScrollableBlock.smallFixedTable .dataList {
    display: table-cell; }

.queryScrollableBlock li {
  width: 100%; }

.queryFooterbar .btn-primary[disabled] {
  background: #494c55;
  color: #1e2025;
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s; }
  .queryFooterbar .btn-primary[disabled]:focus, .queryFooterbar .btn-primary[disabled].focus, .queryFooterbar .btn-primary[disabled]:hover {
    background: #494c55;
    color: #1e2025;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s; }

.downloadFormatsBtn {
  margin: 0 10px; }

.reportsIconBtn .iconBtn {
  margin-right: 8px; }

.detailSelectOptions {
  display: inline-block;
  padding: 15px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  right: -30px; }
  .detailSelectOptions::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-left: solid 1px #dbdde5;
    border-bottom: solid 1px #dbdde5;
    transform: rotate(45deg);
    left: -4px;
    z-index: 10;
    background: #fff;
    top: 30px; }

.queryResultsData .dataList.detailPage .detailSelectOptions .viewLinks {
  display: block;
  margin-bottom: 5px; }

.reportsViewCol {
  position: relative; }
  .reportsViewCol .viewLinks {
    line-height: 50px;
    cursor: pointer; }
  .reportsViewCol .detailSelectOptions {
    position: absolute;
    top: -10px; }
    .reportsViewCol .detailSelectOptions .viewLinks {
      line-height: 22px; }

.reportSelectItem {
  margin-bottom: 20px; }

.reportInflation {
  margin-top: 10px; }

.reportAssetSelect .customRadioLayout input[type="radio"] {
  top: 5px;
  position: relative;
  margin-right: 10px; }
  .reportAssetSelect .customRadioLayout input[type="radio"] + label {
    font-weight: 400;
    cursor: pointer; }

.languageSelection.languageWrapper {
  position: fixed;
  bottom: 25px;
  right: 320px;
  z-index: 5; }

.languageSelection .customRadioLayout {
  width: auto;
  margin-right: 20px;
  display: inline-block;
  color: #fff; }
  .languageSelection .customRadioLayout label {
    vertical-align: top;
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer; }
  .languageSelection .customRadioLayout input[type="radio"]:checked {
    border: solid 1px #fff; }
    .languageSelection .customRadioLayout input[type="radio"]:checked:after {
      background: #fff; }

.fciContentWrapper {
  margin-bottom: 80px; }
  .fciContentWrapper .searchContent {
    width: 270px;
    margin-bottom: 22px; }

.mySearchFooterNav.fciFooterNav li a {
  width: 130px;
  font-size: 12px; }
  .mySearchFooterNav.fciFooterNav li a.active {
    font-size: 12px; }

.form-control.revisedCostField {
  height: 40px;
  line-height: 40px;
  padding-left: 10px; }

.fciScenarioSelect {
  margin-bottom: 30px; }

.completeFciForm {
  padding-top: 20px; }
  .completeFciForm .customFormInput {
    margin-bottom: 10px; }
    .completeFciForm .customFormInput label {
      text-transform: none; }

.fciRequirementTableWrapper .priceBlock {
  padding-left: 2px; }
  .fciRequirementTableWrapper .priceBlock:before {
    padding-top: 13px; }

.fciRequirementTableWrapper .ReactTable.-highlight, .fciYearlyTotalWrapper .ReactTable.-highlight {
  border-right: solid 1px #dbdde5; }
  .fciRequirementTableWrapper .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover, .fciYearlyTotalWrapper .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
    cursor: default; }

.fciYearlyTotalWrapper .ReactTable.-highlight .rt-tbody .rt-tr-group:last-child .rt-td {
  font-weight: 700; }

.fciScenarioInputs .form-group {
  margin-bottom: 15px; }

.fciScenarioViewType {
  margin-bottom: 30px; }

.fciChartWrapper {
  padding-bottom: 10px; }

.fciScenarioChart .fundLabelColumn text {
  fill: #191a1e !important; }

.fciScenarioChart .yearRecords text {
  fill: #191a1e !important; }

.fciScenarioChart .fciColumn text {
  fill: #168fff !important; }

.fciRequirementTableWrapper .dataWrapper {
  margin-bottom: 30px;
  display: none; }
  .fciRequirementTableWrapper .dataWrapper.showGraph, .fciRequirementTableWrapper .dataWrapper.showList {
    display: block; }

.fciScenarioViewType .twoOptionLayout .customRadioLayout2 {
  width: 40%; }
  .fciScenarioViewType .twoOptionLayout .customRadioLayout2 input[type="radio"] + label {
    min-width: 80px; }

.sysMeasureRadioWrapper .twoOptionLayout {
  margin-top: 20px; }
  .sysMeasureRadioWrapper .twoOptionLayout .customRadioLayout {
    margin-right: 40px;
    float: left; }
    .sysMeasureRadioWrapper .twoOptionLayout .customRadioLayout input[type="radio"] {
      margin-right: 8px;
      vertical-align: middle; }

.sysMeasureRadioWrapper label {
  font-weight: normal;
  vertical-align: middle; }

.graphToolTipWrapper {
  background: #f7f8f9;
  padding: 15px;
  border-radius: 8px;
  min-width: 150px;
  border: solid 1px #dbdde5; }
  .graphToolTipWrapper .yearAxisLabel {
    font: 600 12px/16px "Open Sans", sans-serif;
    color: #26282e;
    margin-bottom: 3px; }
  .graphToolTipWrapper .graphTextDetails {
    font: 600 12px/16px "Open Sans", sans-serif;
    color: #26282e;
    margin: 0; }
  .graphToolTipWrapper strong {
    margin-left: 5px; }

.reportTypeDuration {
  margin-top: 15px; }
  .reportTypeDuration label {
    font-weight: normal;
    vertical-align: middle; }
  .reportTypeDuration .customRadioLayout {
    margin-right: 40px;
    float: left; }
    .reportTypeDuration .customRadioLayout:last-child {
      margin-right: 0; }
    .reportTypeDuration .customRadioLayout input[type="radio"] {
      margin-right: 8px;
      vertical-align: middle; }
  .reportTypeDuration .twoOptionLayout {
    margin-top: 20px; }

.reportDatePicker {
  position: absolute;
  max-width: 122px;
  margin-top: -17px; }

@media (max-width: 1400px) {
  .languageSelection.languageWrapper {
    right: 250px; } }

.uniformatWrapper {
  background: #fff;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  padding-bottom: 10px;
  margin-bottom: 150px; }
  .uniformatWrapper .uniformatListBlock {
    background: #fff;
    padding: 0; }

.uniformatHeader {
  padding: 20px 0; }
  .uniformatHeader .uniformatTitle {
    font: 600 25px/27px "Open Sans", sans-serif;
    color: #26282e;
    margin: 10px 0 20px; }
  .uniformatHeader .uniformatCodeOptionBox {
    width: 150px;
    border-bottom: solid 1px #26282e;
    padding-bottom: 7px;
    display: inline-block; }
    .uniformatHeader .uniformatCodeOptionBox .selectedOption {
      font-weight: 400; }
      .uniformatHeader .uniformatCodeOptionBox .selectedOption:after {
        border-right-width: 1px;
        border-bottom-width: 1px; }
  .uniformatHeader .changeUniformatBlock {
    padding: 0 20px; }

.uniformatBox {
  background: #fff;
  margin: 0 20px 20px;
  box-shadow: 0 1px 10px rgba(2, 2, 2, 0.12);
  position: relative; }
  .uniformatBox:before {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    background: #dbdde5;
    height: 100%; }
  .uniformatBox .uniformatInnerWrap {
    display: inline-block;
    width: 94%;
    padding: 35px 50px 0 105px;
    position: relative; }
  .uniformatBox .uniformatDeleteColumn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 28px; }

.uniformatLevels .customRadioLayout2 {
  display: inline-block; }
  .uniformatLevels .customRadioLayout2 input[type="radio"] + label {
    min-width: 100px; }

.uniformatDeleteColumn .iconDelete[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }

.csvUniformatUpload {
  max-width: 700px;
  margin: 0 auto;
  padding: 30px; }
  .csvUniformatUpload .uploadText:before {
    background: url(674937350f4e697298bb5dd61a0babde.png) no-repeat;
    width: 80px;
    height: 75px;
    left: 18%;
    top: -10px; }

.uploadUniformatsWrapper .modal-content {
  min-height: 70vh; }

.pmoTopBar h3 {
  display: inline-block;
  margin-bottom: 31px;
  margin-top: 22px; }

.pmoTopBar .selectItemsBtn {
  margin-top: 18px; }

.pmoListing .simplebar-track.horizontal {
  top: unset !important;
  bottom: 20px; }

.pmoListing .expandableColWrapper {
  width: 70%; }

.pmoListing .actionIconGrid {
  width: 30%; }

.pmoListing .searchContent {
  margin-bottom: 20px; }

.pmoListing .actionColumn a {
  position: absolute;
  right: 20px;
  border-top: solid 2px #191a1e;
  border-right: solid 2px #191a1e;
  width: 9px;
  height: 9px;
  top: 21px;
  transform: rotate(45deg);
  text-indent: -9999px; }

.pmoListing .redDot:before {
  content: '';
  position: relative;
  height: 10px;
  width: 10px;
  background: red;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px; }

.pmoListing .pmoListWrap .searchContent {
  margin-bottom: 10px;
  margin-top: 10px;
  min-width: 218px; }

.pmoListing .pmoListWrap .iconDeleteTag {
  vertical-align: middle; }

.pmoListing .pmoListWrap .closeModal {
  font-size: 12px; }

.pmoListFooterWrap .contentBlock {
  width: 100%;
  padding: 0; }
  .pmoListFooterWrap .contentBlock .col-sm-6 {
    padding-left: 5px; }
  .pmoListFooterWrap .contentBlock .footerIconsWrapper {
    width: 50%;
    margin: 0;
    left: unset;
    right: 0; }
    .pmoListFooterWrap .contentBlock .footerIconsWrapper .selectPmoStatus {
      margin-left: 0;
      float: right;
      min-width: 283px;
      padding-right: 12px; }
    .pmoListFooterWrap .contentBlock .footerIconsWrapper .autoCompleteInputWrapper {
      margin-left: 0;
      float: right;
      width: 236px;
      margin-right: 17px;
      padding-right: 12px; }
      .pmoListFooterWrap .contentBlock .footerIconsWrapper .autoCompleteInputWrapper input {
        border-color: #fff;
        color: #fff; }
    .pmoListFooterWrap .contentBlock .footerIconsWrapper .autoCompleteInputWrapper .suggestionListWrapper .suggestionList {
      max-height: 100px !important;
      margin-top: -130px;
      height: 100px; }
    .pmoListFooterWrap .contentBlock .footerIconsWrapper .customFormInput label {
      left: 0; }

.pmoListWrap .ReactTable {
  border: none; }
  .pmoListWrap .ReactTable .rt-td:nth-child(3),
  .pmoListWrap .ReactTable .rt-td:nth-child(5),
  .pmoListWrap .ReactTable .rt-td:nth-child(6) {
    overflow: visible; }
  .pmoListWrap .ReactTable .rt-td:nth-child(5) .autoCompleteInputWrapper .suggestionListWrapper {
    min-width: 150px; }
  .pmoListWrap .ReactTable .rt-table {
    border: solid 1px #dbdde5; }
    .pmoListWrap .ReactTable .rt-table .rt-tr {
      min-height: 55px; }

.pmoListWrap .customDropDownWrap, .pmoListWrap .primaryCustomDropdown {
  margin: 0; }

.pmoListWrap .autoCompleteInputWrapper .form-group {
  margin: 0; }

.pmoListWrap .datepicker tr td, .pmoListWrap .datepicker tr th {
  line-height: 16px; }

.pmoListWrap .closeModal {
  cursor: pointer; }

.pmoListWrap .pmoPanle {
  top: 40px;
  width: 541px;
  left: 0; }
  .pmoListWrap .pmoPanle .searchElement {
    width: 380px; }
  .pmoListWrap .pmoPanle .customCheckWrap1 {
    width: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0; }
    .pmoListWrap .pmoPanle .customCheckWrap1:nth-child(3), .pmoListWrap .pmoPanle .customCheckWrap1:nth-child(5) {
      margin-right: 0; }
  .pmoListWrap .pmoPanle .suggestionListWrapper {
    min-width: 195px;
    float: left; }

.pmoListWrap .advanceSearchWrapper:before {
  width: 18px;
  height: 19px;
  top: -10px;
  left: 58.2%; }

.pmoListWrap .topActionBar {
  position: relative; }

.pmoListWrap .datePickerBlock, .pmoListWrap .form-group {
  margin-top: 12px;
  margin-bottom: 0; }

.pmoListWrap .form-group.customDropDownWrap {
  margin-top: 18px; }

.pmoListWrap .autoCompleteInputWrapper .form-group {
  margin-top: 12px; }

.pmoListWrap .optionListWrapper {
  margin: 0; }

.pmoListWrap .selectedOption.active {
  margin-bottom: 10px; }

.btnWrap .reportSelectItem {
  margin-right: 10px; }

.pmoMainHeading h3 {
  margin: 6px 0 0; }

.pmoMainHeading .selectItemsBtn {
  margin-top: 3px; }

.pmoMainHeading h6 {
  margin-top: 8px; }

.subHeading label {
  font-weight: normal;
  margin-right: 8px;
  color: #797b81; }

.pmoAdvanceSearch {
  width: 541px;
  min-height: 445px;
  padding: 35px 30px 20px 30px; }
  .pmoAdvanceSearch .srchModalBlocks {
    margin-bottom: 42px; }
  .pmoAdvanceSearch .searchGroupLabel {
    width: 80px;
    margin-right: 20px;
    padding-right: 0; }
  .pmoAdvanceSearch .squareCheckbox {
    display: inline-block;
    margin-left: 12px; }
  .pmoAdvanceSearch .datePickerBlock,
  .pmoAdvanceSearch .form-group {
    margin: 0; }
  .pmoAdvanceSearch .autoCompleteInputWrapper .form-group {
    margin-top: 0; }
  .pmoAdvanceSearch .pmoAssigneeBlock {
    margin-top: 6px; }
  .pmoAdvanceSearch .squareCheckbox {
    margin-top: 10px; }
    .pmoAdvanceSearch .squareCheckbox input[type="checkbox"] {
      vertical-align: middle;
      margin-right: 5px; }
    .pmoAdvanceSearch .squareCheckbox label {
      letter-spacing: -0.18px;
      color: #191a1e; }
  .pmoAdvanceSearch .suggestionListWrapper .suggestionList {
    margin-top: -22px !important; }
  .pmoAdvanceSearch .tagsWrapper {
    padding-left: 100px; }

.dateBlockWrap {
  float: right;
  width: 79%; }
  .dateBlockWrap .datePickerBlock {
    width: 164px;
    float: left; }
    .dateBlockWrap .datePickerBlock > label {
      color: #797b81;
      font-size: 10px;
      line-height: 10px;
      position: absolute;
      top: -7px;
      left: 0;
      font-weight: normal; }
    .dateBlockWrap .datePickerBlock input::placeholder {
      font-size: 14px;
      color: #191a1e; }
    .dateBlockWrap .datePickerBlock .datePickerIcon {
      right: 0; }
  .dateBlockWrap .dashIcon {
    float: left;
    margin: 0 14px;
    width: 10px;
    height: 1px;
    border-bottom: 1px solid;
    text-indent: -9999px;
    margin-top: 15px; }

.dateButtons {
  margin-left: 100px;
  margin-top: 10px; }
  .dateButtons .reportSelectItem {
    margin-bottom: 0;
    padding: 6px 12px;
    min-width: 120px;
    font-size: 13px;
    margin-right: 5px; }

.bottomButtonWrap {
  padding-top: 8px; }
  .bottomButtonWrap .btn-primary {
    width: 122px;
    min-width: unset; }

.footerIconsWrapper input {
  color: #fff; }

.assigneeWrap .floatingLabel {
  display: none; }

@media print {
  .customCheckbox2 input[type="checkbox"]:checked + label, .customCheckbox2 input[type="radio"]:checked + label, .customRadioLayout2 input[type="checkbox"]:checked + label, .customRadioLayout2 input[type="radio"]:checked + label {
    background: #26282E !important; }
    .customCheckbox2 input[type="checkbox"]:checked + label span, .customCheckbox2 input[type="radio"]:checked + label span, .customRadioLayout2 input[type="checkbox"]:checked + label span, .customRadioLayout2 input[type="radio"]:checked + label span {
      color: #fff !important; }
  .sideNav li a span {
    color: #fff !important; }
  .sideNavMenu {
    background: #31343b !important; }
    .sideNavMenu.lhinMenu {
      background: #26282E !important; }
    .sideNavMenu.hcMenu {
      background: #31343b !important; }
    .sideNavMenu.siteMenu {
      background: #3b3f47 !important; }
    .sideNavMenu.assetMenu {
      background: #3b3f47 !important; }
  .sideNavWrapper strong, .breadcrumbtitles, .breadcrumbBack, .sidebarFooter a, .sidebarFooter h5 {
    color: #fff !important; } }

.appHelpWrap {
  position: fixed;
  right: 30px;
  bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  z-index: 500;
  cursor: pointer; }
  .appHelpWrap .helpIcon {
    width: 60px;
    height: 60px;
    background: #2bb3ad;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 500; }
    .appHelpWrap .helpIcon::after {
      content: '';
      background: url(4e3cd65ba31ec5df9302bfb3cf57d375.png) 0 0 no-repeat;
      width: 32px;
      height: 32px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto; }
    .appHelpWrap .helpIcon img {
      margin: 13px; }
  .appHelpWrap .helpToggled .helpIcon::after {
    height: 24px;
    width: 24px;
    background: url(e7cc9d5568f5a3bd22a463b636140fe3.png) 0 0 no-repeat; }

.helpSearchWrap {
  width: 350px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  position: fixed;
  bottom: 105px;
  right: 60px;
  min-height: 430px;
  z-index: 500; }
  .helpSearchWrap .searchPanel {
    padding: 20px;
    background: #e8eaf2; }
    .helpSearchWrap .searchPanel input[type="text"] {
      background: none;
      border: none;
      font-size: 14px;
      width: 100%;
      border-bottom: solid 1px #000000;
      margin-top: 15px; }
    .helpSearchWrap .searchPanel h5 {
      font-size: 18px;
      font-weight: bold;
      color: #000000;
      margin: 0; }
    .helpSearchWrap .searchPanel input {
      display: none; }
      .helpSearchWrap .searchPanel input:focus {
        outline: none; }

.footerSection {
  padding: 20px;
  text-align: center; }
  .footerSection p {
    margin: 0 0 5px;
    font-size: 14px;
    color: #797b81; }
  .footerSection a {
    color: #1175d2;
    font-size: 14px;
    font-weight: bold;
    padding-right: 20px; }
    .footerSection a:hover {
      text-decoration: none;
      color: #000000; }

.commonQuestions {
  padding: 20px;
  margin-bottom: 26px; }
  .commonQuestions h4 {
    color: #000000;
    font-size: 22px;
    line-height: 20px;
    padding-bottom: 20px;
    margin: 0;
    font-weight: 600; }
  .commonQuestions ul {
    margin-bottom: 20px; }
  .commonQuestions li {
    border-bottom: solid 1px #dddddd;
    padding: 12px 0; }
    .commonQuestions li:first-child {
      border-top: solid 1px #dddddd; }
    .commonQuestions li a {
      color: #1175d2;
      font-size: 14px; }
      .commonQuestions li a:hover {
        color: #000000;
        text-decoration: none; }
  .commonQuestions .btn-primary {
    font-weight: 700;
    width: 100%; }

.externalLink {
  position: relative; }
  .externalLink::after {
    content: '';
    background: url(01cc64e25076725176c24f45e1351546.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    right: -5px;
    top: 0;
    background-size: contain; }

.ahpDetailWrap .nav-tabs li {
  margin-right: 50px; }

.ahpDetailWrap .userProfile {
  padding: 0 20px; }

.ahpDetailWrap .ahpMainHeading {
  margin: 0 auto 50px;
  text-align: center;
  max-width: 550px;
  clear: both; }
  .ahpDetailWrap .ahpMainHeading h3 {
    line-height: 1.4;
    margin-bottom: 8px;
    margin-top: 5px; }

.ahpDetailWrap .systemDetails {
  margin: 0 auto;
  max-width: 1045px; }

.ahpDetailWrap .customRadioLayout input[type="radio"] {
  border-color: #acacac; }

.ahpDetailWrap .customRadioLayout label {
  display: none; }

.ahpDetailWrap .actionIcons {
  top: -1px;
  margin-left: 2px; }
  .ahpDetailWrap .actionIcons .buttonToolTip {
    width: 338px;
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0.1px;
    color: #191a1e;
    font-weight: normal;
    left: -27px;
    border: solid 1px #dadde6;
    border-radius: 6px; }
    .ahpDetailWrap .actionIcons .buttonToolTip::before {
      left: 7.5%; }

.ahpDetailWrap .errorMsgWrap {
  text-align: center;
  margin: -40.4px 0 7px 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.23;
  letter-spacing: 0.13px;
  color: #ee3642; }

.ahpHeadingWrap {
  margin-bottom: 30px;
  min-height: 120px;
  padding: 0 27px 0 15px; }
  .ahpHeadingWrap .reportSelectItem {
    margin-top: 44px; }
  .ahpHeadingWrap .reportSelectItem {
    padding: 6px 24px;
    font-size: 12.4px;
    float: right;
    margin-bottom: 0; }
  .ahpHeadingWrap h3 {
    margin-top: 37px;
    line-height: normal;
    margin-bottom: 49px; }
  .ahpHeadingWrap .confirmationModalBox .modal-dialog {
    width: 522px;
    padding: 0; }
  .ahpHeadingWrap .confirmationModalBox .modal-content {
    padding: 20px 14px; }
    .ahpHeadingWrap .confirmationModalBox .modal-content .btn-md {
      padding: 12px 18px;
      min-width: 183px;
      font-size: 13px;
      height: 42px;
      margin-right: 17px; }
    .ahpHeadingWrap .confirmationModalBox .modal-content .btn-primary {
      margin-right: 0; }
    .ahpHeadingWrap .confirmationModalBox .modal-content .modal-body {
      padding-top: 25px; }
    .ahpHeadingWrap .confirmationModalBox .modal-content .modal-footer {
      margin-top: 20px; }

.ahpTabDetails .simplebar-track.horizontal {
  top: 320px !important; }

.ahpTabDetails .ReactTable {
  border: none; }
  .ahpTabDetails .ReactTable .rt-thead .rt-th {
    font: 400 12px/1.25 "Open Sans", sans-serif  !important;
    white-space: normal;
    padding: 8px 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: default;
    border: none;
    background-color: #d3d7e2; }
    .ahpTabDetails .ReactTable .rt-thead .rt-th::before {
      display: none; }
    .ahpTabDetails .ReactTable .rt-thead .rt-th .rt-resizer {
      display: none; }
    .ahpTabDetails .ReactTable .rt-thead .rt-th:nth-child(9) {
      background-color: #2bb3ad;
      color: #fff; }
    .ahpTabDetails .ReactTable .rt-thead .rt-th:nth-child(10) {
      background-color: #006c6c;
      color: #fff; }
  .ahpTabDetails .ReactTable .rt-thead .rt-resizable-header-content {
    overflow: unset;
    text-overflow: unset;
    text-transform: none; }
  .ahpTabDetails .ReactTable .-even .rt-td:not(:nth-child(9)) {
    background-color: #e8eaf2; }
  .ahpTabDetails .ReactTable .-even .rt-td:last-child {
    background-color: #fff; }
  .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group .rt-tr {
    border-bottom: none;
    text-align: center;
    border: none; }
    .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group .rt-tr:hover {
      box-shadow: none;
      cursor: default; }
    .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group .rt-tr .percentIcon {
      position: absolute;
      top: -9px;
      right: 5px; }
  .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group:last-child {
    margin-bottom: 60px; }
  .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group:nth-last-child(2) .buttonToolTip, .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group:last-child .buttonToolTip {
    top: auto;
    bottom: 26px; }
    .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group:nth-last-child(2) .buttonToolTip::before, .ahpTabDetails .ReactTable .rt-tbody .rt-tr-group:last-child .buttonToolTip::before {
      transform: rotate(-135deg);
      top: auto;
      bottom: -8px; }
  .ahpTabDetails .ReactTable .rt-th,
  .ahpTabDetails .ReactTable .rt-td {
    text-align: center;
    white-space: normal; }
    .ahpTabDetails .ReactTable .rt-th:first-child,
    .ahpTabDetails .ReactTable .rt-td:first-child {
      text-align: left;
      justify-content: left;
      padding-left: 22px;
      overflow: unset;
      text-overflow: unset;
      line-height: normal;
      font-size: 14px;
      display: flex;
      align-items: center; }
    .ahpTabDetails .ReactTable .rt-th .daysLabel,
    .ahpTabDetails .ReactTable .rt-td .daysLabel {
      display: none; }
  .ahpTabDetails .ReactTable .claculatedValue {
    float: none;
    margin: 0 auto;
    padding-left: 0;
    border-bottom: solid 1px #191a1e;
    max-width: 65px; }
    .ahpTabDetails .ReactTable .claculatedValue .customFormInput {
      margin-top: 10px;
      margin-bottom: 0; }
      .ahpTabDetails .ReactTable .claculatedValue .customFormInput .form-control {
        border: none;
        padding-right: 5px; }
        .ahpTabDetails .ReactTable .claculatedValue .customFormInput .form-control:focus {
          box-shadow: none; }

.tootipIcon {
  width: 13px;
  height: 13px;
  background-color: #2bb3ad;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  line-height: 13px;
  text-align: center;
  border-radius: 50px;
  font-weight: bold; }
  .tootipIcon:hover, .tootipIcon:focus {
    color: #fff; }

.reportsDashboard .tootipIcon {
  width: 16px;
  height: 16px;
  background-color: #2bb3ad;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  line-height: 16px;
  text-align: center;
  border-radius: 50px;
  font-weight: bold;
  text-transform: lowercase; }
  .reportsDashboard .tootipIcon:hover, .reportsDashboard .tootipIcon:focus {
    color: #fff; }

.reportsDashboard .userModelBoxWrapper .modal-dialog {
  width: 1000px;
  top: 5vh; }
  .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content {
    padding: 0; }
    .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .modal-header {
      padding: 10px; }
    .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .usersInfoList {
      max-height: 194px; }
      .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .usersInfoList li {
        display: flex;
        align-items: center; }
        .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .usersInfoList li .userInfo {
          text-align: start; }
        .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .usersInfoList li input {
          margin-right: 10px; }
    .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .userGroups {
      border-right: unset; }
      .reportsDashboard .userModelBoxWrapper .modal-dialog .modal-content .userGroups .siteDetailRadioBlock {
        margin-bottom: 10px; }

.reportsDashboard .shareQueryModel .modal-dialog .modal-content {
  padding: 15px; }
  .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body {
    padding: 5px;
    margin-bottom: 15px; }
    .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList {
      max-height: 295px; }
      .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList li {
        justify-content: space-between; }
        .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList li .queryButtons {
          display: flex;
          align-items: center;
          gap: 10px; }
          .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList li .queryButtons .sharedUserText {
            font-size: 14px; }
          .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList li .queryButtons .btn-small {
            padding: 5px 8px 5px 0px;
            font-size: 12px;
            min-width: 80px; }
          .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList li .queryButtons .iconBtn {
            width: 21.5px;
            height: 10px; }
          .reportsDashboard .shareQueryModel .modal-dialog .modal-content .modal-body .usersInfoList li .queryButtons .notificationInlineBadge {
            background-color: #ff6b6b;
            color: #fff;
            padding: 2px 6px;
            border-radius: 12px;
            font-size: 12px;
            margin-left: 8px;
            /* Adds space between text and badge */ }

.reportsDashboard .savedQueryBlock .queryButtons {
  display: flex;
  gap: 10px;
  justify-content: flex-end; }
  .reportsDashboard .savedQueryBlock .queryButtons .shareQueryBtn {
    position: relative; }
    .reportsDashboard .savedQueryBlock .queryButtons .shareQueryBtn .roundedDot {
      padding-top: 5px;
      position: absolute;
      right: -6px;
      top: -16px;
      background-color: white;
      height: 30px;
      width: 30px;
      border-radius: 15px;
      border: 2px solid #16d4d4;
      text-align: center; }

.reportsDashboard .reportLink {
  margin-right: 15px; }

@media only screen and (max-width: 1200px) {
  .loginContainer {
    background-size: cover; }
  .sideNavMenu {
    left: -250px; }
  .simplebar-track {
    display: none; }
  .simplebar-scroll-content .simplebar-content {
    overflow-x: scroll; }
  .iconBtn.moreActionsIcon {
    display: none; }
  .actionButtonBar {
    display: block; }
  .addPanelFooter {
    width: 100%; }
  .actionsList li .queryActionButtons {
    display: block; }
  .navbarBtn {
    margin-left: 15px; }
  .iconBtn.moreActionsIcon.dashboardRemoveWidgetIcon {
    display: inherit; } }

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .loginBox {
    width: 600px; }
  .sideNavMenu {
    width: 225px; }
  .form-control {
    box-shadow: none; }
    .form-control:focus {
      box-shadow: none; }
  .container-fluid.contentBlock {
    margin: 0 0; }
  .dashboardPanel h4 span {
    width: 60%;
    display: inline-block;
    font-size: 14px;
    line-height: 16px; }
  .btn-sm {
    padding: 10px 12px; }
  /* explore page breadcrumbs */
  .exploreBreadCrumbs {
    width: 72%; }
    .exploreBreadCrumbs li {
      font-size: 10px;
      line-height: 12px; }
  /* explore pages scss starts here */
  .selectCardContent .detailLink {
    margin-bottom: 12px; }
  .selectCardContent a h5 {
    font-size: 14px;
    line-height: 16px;
    height: 50px; }
  /* Reports module responsive SCSS starts here */
  .savedQueryBlock .customListLayout {
    max-height: 70vh;
    overflow-y: scroll; }
  .queryReport {
    display: none; }
  .savedQueryBlock .customListLayout li a.queryName {
    width: 70%;
    display: inline-block; }
  /* add screens responsive scss starts here */
  .addExploreDetailsModal .addDetailsWrapper {
    margin: 0 100px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(1),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(1) ~ .navLevel {
    width: 700px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(2),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(2) ~ .navLevel {
    width: 350px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(3),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(3) ~ .navLevel {
    width: 233.33333px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(4),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(4) ~ .navLevel {
    width: 175px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(5),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(5) ~ .navLevel {
    width: 140px; }
  .addUserWrapper .usersInfoList {
    max-height: 57vh; }
  .nav-tabs li a {
    padding: 16px 10px; }
  .navbar .primaryCustomDropdown.formOptionBox li {
    padding: 10px 3px; }
  .navbar .primaryCustomDropdown.formOptionBox .selectedOption {
    width: 180px; }
  .headerAdminMenu, .headerWorkOrderMenu {
    left: 0;
    right: inherit; }
  /*scss for gis module starts here */
  .mapViewWrapper.siteDetailsMapView {
    right: 0; }
  .toggleMapIcon {
    display: none; }
  .siteDetailsMapWrapper {
    height: 72vh; }
  .mapViewWrapper.assetDetailMapView {
    width: 100%;
    margin: -75px 0 20px; }
  /*scss for gis module ends here */
  .searchModal .searchModalClose {
    right: 285px; }
  /*scss for attachments starts here */
  .attachmentsWrapper .thumbnailsWrapper .thumbs {
    height: 305px; }
  /*scss for attachments ends here */ }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .actionsList li .queryActionButtons {
    display: block; }
  .savedQueryBlock .customListLayout {
    max-height: 75vh;
    overflow-y: scroll; }
  .savedQueryBlock .customListLayout li a.queryName {
    width: 65%;
    display: inline-block; }
  .workOrderWrapper .simplebar-scroll-content {
    border: solid 1px #dbdde5; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .loginWrapper {
    padding: 35px; }
  .loginBox {
    max-width: 600px; }
  .simplebar-track {
    display: none; }
  .queryActionButton {
    min-width: 100px; }
  .primaryNav li a, .menuName {
    font-size: 9px; }
  .form-control {
    box-shadow: none; }
    .form-control:focus {
      box-shadow: none; }
  .btn-small {
    padding: 12px;
    font-size: 12px; }
  .squareCheckbox input[type="checkbox"] {
    vertical-align: middle; }
    .squareCheckbox input[type="checkbox"] + label {
      top: 2px; }
  /*explore scss starts here */
  .exploreBreadCrumbs {
    width: 65%; }
    .exploreBreadCrumbs li {
      display: none;
      font-size: 10px;
      line-height: 12px; }
      .exploreBreadCrumbs li:last-child {
        display: inline-block;
        padding-left: 0; }
  .exploreBreadCrumbs li .stepWrap .selectedBreadcrumbsTitle:hover .selectCardContent a .selectCardId {
    height: 18px;
    overflow: hidden; }
  .exploreBreadCrumbs li .stepWrap .selectedBreadcrumbsTitle:hover .selectCardContent a h5 {
    font-size: 14px;
    line-height: 16px;
    height: 50px; }
  .exploreSelectItemsWrapper .selectedItemDetails .selectCardId {
    height: 18px;
    overflow: hidden;
    display: block; }
  .exploreSelectItemsWrapper .selectedItemDetails h5 {
    height: 55px;
    overflow: hidden; }
  .exploreSystemWrapper .tabsContent, .exploreContentWrapper .tabsContent, .reqHeadWrapper .tabsContent {
    padding-left: 50px;
    padding-right: 50px; }
  .conditionRatingButton .customRadioLayout2 input[type='radio'] + label {
    min-width: 80px; }
  /*admin module scss starts here */
  .userGroups h4.blockTitle {
    font-size: 16px;
    line-height: 18px; }
  .userGroups .customSemiboldLinks {
    font-size: 11px; }
  .customListLayout li {
    font-size: 12px;
    line-height: 14px; }
  .userFunctionalityPanel .panel-heading {
    padding: 0 0 15px; }
  .searchModal {
    width: 85%;
    right: 18px; }
  .functionalitiesPanel .table tbody tr td {
    padding: 10px 8px; }
  .sessionExpired {
    font-size: 11px; }
  .addUserWrapper {
    padding-bottom: 50px; }
  .uniformatLevels {
    text-align: right; }
    .uniformatLevels .customRadioLayout2 input[type="radio"] + label {
      min-width: 80px; }
  .addUserWrapper .usersInfoList {
    max-height: 68vh; }
  /* Reports module responsive SCSS starts here */
  .savedQueryBlock .customListLayout {
    max-height: 78vh;
    overflow-y: scroll; }
    .savedQueryBlock .customListLayout li a.queryName {
      font-size: 14px;
      line-height: 16px;
      width: 62%;
      display: inline-block; }
  .actionsList li .queryActionButtons {
    display: inline-block; }
  .conditionalQueryBlock .primaryCustomDropdown .optionListWrapper {
    left: 35%;
    right: auto; }
  .mySearchFooterNav li a, .mySearchFooterNav li .footerNavLabel {
    width: 90px;
    font-size: 10px;
    line-height: 14px; }
    .mySearchFooterNav li a.active, .mySearchFooterNav li .footerNavLabel.active {
      font-size: 10px;
      line-height: 14px; }
  .queryReport {
    display: none; }
  .queryBuilderWrapper table thead th {
    vertical-align: middle;
    padding: 10px; }
  /* explore add screen modules starts here */
  .addExploreDetailsModal .addDetailsWrapper {
    margin: 0 30px; }
  .siteDetailRadioBlock {
    padding: 0 2px; }
  .customRadioLayout2 input[type="radio"] + label {
    min-width: 90px;
    font-size: 11px;
    line-height: 14px; }
  .addPanelWrapper .addContentWrapper {
    margin: 0 40px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(1),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(1) ~ .navLevel {
    width: 450px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(2),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(2) ~ .navLevel {
    width: 225px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(3),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(3) ~ .navLevel {
    width: 150px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(4),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(4) ~ .navLevel {
    width: 112.5px; }
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(5),
  .addNavLevelWrapper .navLevel:first-child:nth-last-child(5) ~ .navLevel {
    width: 90px; }
  .attachmentsWrapper {
    padding: 0 20px; }
  .primaryNav li {
    padding: 0 5px 5px; }
  .navbar .primaryCustomDropdown.formOptionBox {
    min-width: 120px; }
    .navbar .primaryCustomDropdown.formOptionBox li {
      padding: 5px 3px;
      font-size: 9px;
      line-height: 12px; }
    .navbar .primaryCustomDropdown.formOptionBox .selectedOption {
      width: 120px;
      font-size: 9px; }
  .headerProfileMenu, .headerAdminMenu, .headerWorkOrderMenu {
    width: 120px; }
  .headerAdminMenu, .headerWorkOrderMenu {
    left: 0;
    right: inherit; }
  header .primaryCustomDropdown {
    min-width: 130px; }
  .navbar .primaryCustomDropdown.formOptionBox .selectedOption {
    width: 120px;
    font-size: 13px;
    line-height: 15px; }
  .searchContent.searchLayout2 {
    width: 160px; }
  .workOrderWrapper h2 {
    font-size: 20px; }
  .simplebar-scroll-content {
    margin-bottom: 0 !important; }
  .workOrderWrapper .simplebar-scroll-content {
    border: solid 1px #dbdde5; }
  /*scss for pmo module starts here */
  .equipmentWrapper, .systemEquipmentWrapper.pmoDetails {
    padding: 0; }
  .preventativeMainteanceWrapper {
    margin: 0 -50px; }
  .pmoDetails .searchContent {
    width: 60%; }
  header .primaryCustomDropdown {
    min-width: 150px; }
  .projectListWrapper .searchContent {
    width: 170px; }
  /*scss for pmo module ends here */
  /*scss for gis module start here */
  .tabsLayout .nav-tabs li a {
    padding: 15px 6px;
    font-size: 13px;
    line-height: 15px; }
  /*scss for feature-map-box starts here */
  .siteListMapView {
    width: 100%; }
    .siteListMapView.hideList .toggleMapIcon {
      display: none; }
  .mapViewWrapper.siteDetailsMapView {
    width: calc(100% - 20px);
    position: relative;
    top: 20px;
    right: 0;
    height: 300px;
    margin: 10px; }
  .mapViewWrapper.assetDetailMapView {
    width: calc(98% - 20px);
    display: inline-block;
    padding: 0;
    margin: -75px 0 0 20px; }
  .siteAssetMapList h2 {
    font-size: 16px;
    line-height: 20px; }
  .siteAssetMapList .searchContent {
    margin-top: 15px; }
  .toggleData {
    display: none; }
  .siteAssetMapList .assetNameList li {
    padding: 8px 15px;
    font-size: 12px; }
  .assetMapListScroller {
    max-height: 44vh; }
  .mapPlotViewWrapper .toggleMapIcon {
    display: none; }
  .siteDetailsMapWrapper {
    height: 50vh; }
  /*scss for gis module ends here */
  .dashboardPanel .btn {
    top: -5px;
    padding: 5px 8px; }
  .dashboardPanel h4 {
    font-size: 14px;
    line-height: 16px; }
  /* scss for header modal starts here */
  .srchModalWrapper .searchInBlock {
    width: 75%; }
  .searchModal .searchModalClose {
    width: 48px;
    right: 200px; }
  /*scss for header modal ends here */
  /*scss for attachments responsive starts here */
  .mobileUploadContainer {
    width: 72%;
    display: inline-block; }
  .attachmentsWrapper {
    padding: 0 15px; }
    .attachmentsWrapper .thumbnailsWrapper .thumbs {
      height: 330px;
      padding: 0 15px;
      display: inline-block;
      overflow: hidden; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs:nth-of-type(3n) {
        padding-right: 0; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs:nth-of-type(3n+1) {
        padding-left: 0; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs .thumbnailImgBlock {
        height: 160px;
        overflow: hidden; }
    .attachmentsWrapper .fileTypeWrapper {
      padding: 30px 0; }
  .imageCarousel .modal-dialog {
    width: 90%;
    height: 93vh; }
    .imageCarousel .modal-dialog .modal-content {
      height: 100%;
      overflow-y: scroll; }
  .imageCarousel .slide .fileName {
    max-height: 20px;
    overflow: hidden; }
  .sliderImage .imageWrap {
    display: flex; }
  .slideControls {
    display: none; }
  /*scss for attachments responsive ends here */
  .inputWarningBox {
    bottom: -35px; } }

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 16px;
    line-height: 18px; }
  .btn-md, .btn-primary, .btn-primaryAlter {
    padding: 7px 10px;
    font-size: 12px;
    line-height: 14px;
    min-width: 100px; }
  .customFormInput, .datePickerBlock {
    margin-bottom: 40px; }
  .infoFieldsBox {
    margin-bottom: 32px; }
    .infoFieldsBox.mobileBottomSpace {
      margin-bottom: 0; }
  /* details tab general layout css */
  .exploreSystemWrapper .tabsLayout, .exploreContentWrapper .tabsLayout, .reqHeadWrapper .tabsLayout {
    padding: 0 10px; }
  .nav-tabs li {
    height: 40px; }
    .nav-tabs li a {
      padding: 10px 6px;
      font-size: 13px; }
  .exploreSystemWrapper {
    margin-bottom: 10px; }
  .breadcrumbWrapper {
    padding: 0;
    margin-bottom: 20px;
    display: block;
    position: relative; }
    .breadcrumbWrapper .exploreBreadCrumbs {
      width: auto; }
      .breadcrumbWrapper .exploreBreadCrumbs li {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        display: none; }
        .breadcrumbWrapper .exploreBreadCrumbs li:last-child {
          display: inline-block; }
    .breadcrumbWrapper .btn-sm {
      margin-right: 0; }
  .selectCardContent .detailLink {
    font-size: 12px;
    line-height: 14px; }
  .selectCardContent a .selectCardId {
    font-size: 13px;
    line-height: 15px; }
  .selectCardContent a h5 {
    font-size: 14px;
    line-height: 16px; }
  /* search bar on explore module lisiting pages */
  .exploreAssessmentBar .searchContent {
    width: 100%;
    max-width: 300px;
    margin-right: 0; }
  .exploreAssessmentBar .selectItemsBtn {
    margin: 20px 0 0;
    float: right; }
  .exploreSelectItemButton {
    display: none; }
  /* tables view on mobile with action icon grid visible*/
  .searchResults .actionIconGrid, .exploreTableWrapper .actionIconGrid, .savedSearchWrapper .actionIconGrid {
    width: 120px; }
  .searchResults .expandableColWrapper, .exploreTableWrapper .expandableColWrapper, .savedSearchWrapper .expandableColWrapper {
    width: calc(100% - 120px); }
  /* responsive scss for dashboard module */
  .dashboardPanel .panel-title {
    margin: 10px 0; }
  .dashboardPanel h4 {
    font-size: 14px;
    line-height: 16px; }
    .dashboardPanel h4 span {
      width: 60%;
      display: inline-block; }
  .dashboardPanel a {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 12px; }
  .dashboardPanel .btn {
    top: -5px; }
  /* responsive for reports module */
  .container-fluid.contentBlock {
    margin: 0; }
  .panel-default .panel-heading {
    padding: 10px; }
  h4.blockTitle {
    font-size: 18px;
    line-height: 20px;
    margin: 0; }
  .customListLayout li {
    padding: 10px;
    font-size: 12px;
    line-height: 14px; }
    .customListLayout li a {
      font-size: 12px;
      line-height: 14px;
      width: 60%;
      display: inline-block; }
      .customListLayout li a:hover, .customListLayout li a:focus {
        font-size: 12px;
        line-height: 14px; }
  .reportsListBlock .customListLayout li a {
    display: block;
    width: auto; }
  .accordionPanel .panel-heading {
    padding: 6px 0;
    font-size: 12px;
    line-height: 14px; }
  .queryActionButton {
    max-width: 200px;
    width: 100%;
    margin: 5px auto;
    display: inherit; }
    .queryActionButton:last-child {
      margin: 5px auto; }
  .columnName .columnTitleWrapper h5 {
    width: 80%;
    white-space: normal; }
  .columnName .table tbody tr:hover .iconBtn {
    position: relative;
    display: inline-block;
    top: 0;
    right: 0; }
  .columnName .table tbody tr:hover .iconDrag {
    display: none; }
  .columnName .table tbody tr .iconDrag {
    display: none; }
  .iconBtn.smallIconBtn.iconDelete {
    display: inline-block; }
  .customQueryWrapper {
    padding-bottom: 40px; }
  .queryListPanel .searchContent {
    margin-bottom: 15px; }
  .queryListTable {
    margin-top: 0; }
  .reportFormWrapper {
    margin: 0 15px; }
    .reportFormWrapper .changeReportSelectbox {
      max-width: 270px;
      width: 100%; }
      .reportFormWrapper .changeReportSelectbox .optionListWrapper {
        max-width: 250px;
        width: 100%; }
  .fullTableWrapper {
    border-right: solid 1px #dbdde5; }
  .reportAssetPanel {
    margin: 15px 15px 0; }
    .reportAssetPanel .searchContent {
      width: 100%;
      margin: 10px 0 25px; }
    .reportAssetPanel .resizeTableWrapper .actionColumn {
      height: 50px; }
    .reportAssetPanel .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr {
      height: 50px; }
  .buildingReportsWrapper .exploreTableWrapper .expandableColWrapper {
    width: 100%; }
  .buildingReportsWrapper .exploreTableWrapper .actionIconGrid {
    display: none; }
  .buildingReportsWrapper .tableFixedHeader .iconsGridHeader {
    width: auto; }
  /*form elements scss starts here */
  .siteDetailRadioBlock .threeOptionLayout .customRadioLayout2, .siteDetailRadioBlock .conditionRatingButton .customRadioLayout2, .siteDetailRadioBlock .twoOptionLayout .customRadioLayout2, .siteDetailRadioBlock .fourOptionLayout .customRadioLayout2, .siteDetailRadioBlock .sixOptionLayout .customRadioLayout2, .reqTypeRadioBlock .threeOptionLayout .customRadioLayout2, .reqTypeRadioBlock .conditionRatingButton .customRadioLayout2, .reqTypeRadioBlock .twoOptionLayout .customRadioLayout2, .reqTypeRadioBlock .fourOptionLayout .customRadioLayout2, .reqTypeRadioBlock .sixOptionLayout .customRadioLayout2, .assetDetailRadioBlock .threeOptionLayout .customRadioLayout2, .assetDetailRadioBlock .conditionRatingButton .customRadioLayout2, .assetDetailRadioBlock .twoOptionLayout .customRadioLayout2, .assetDetailRadioBlock .fourOptionLayout .customRadioLayout2, .assetDetailRadioBlock .sixOptionLayout .customRadioLayout2, .systemRatingRadioBlock .threeOptionLayout .customRadioLayout2, .systemRatingRadioBlock .conditionRatingButton .customRadioLayout2, .systemRatingRadioBlock .twoOptionLayout .customRadioLayout2, .systemRatingRadioBlock .fourOptionLayout .customRadioLayout2, .systemRatingRadioBlock .sixOptionLayout .customRadioLayout2, .reqDetailRadioBlock .threeOptionLayout .customRadioLayout2, .reqDetailRadioBlock .conditionRatingButton .customRadioLayout2, .reqDetailRadioBlock .twoOptionLayout .customRadioLayout2, .reqDetailRadioBlock .fourOptionLayout .customRadioLayout2, .reqDetailRadioBlock .sixOptionLayout .customRadioLayout2, .workorderRadioBlock .threeOptionLayout .customRadioLayout2, .workorderRadioBlock .conditionRatingButton .customRadioLayout2, .workorderRadioBlock .twoOptionLayout .customRadioLayout2, .workorderRadioBlock .fourOptionLayout .customRadioLayout2, .workorderRadioBlock .sixOptionLayout .customRadioLayout2 {
    display: block;
    width: auto; }
    .siteDetailRadioBlock .threeOptionLayout .customRadioLayout2 label, .siteDetailRadioBlock .conditionRatingButton .customRadioLayout2 label, .siteDetailRadioBlock .twoOptionLayout .customRadioLayout2 label, .siteDetailRadioBlock .fourOptionLayout .customRadioLayout2 label, .siteDetailRadioBlock .sixOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .threeOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .conditionRatingButton .customRadioLayout2 label, .reqTypeRadioBlock .twoOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .fourOptionLayout .customRadioLayout2 label, .reqTypeRadioBlock .sixOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .threeOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .conditionRatingButton .customRadioLayout2 label, .assetDetailRadioBlock .twoOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .fourOptionLayout .customRadioLayout2 label, .assetDetailRadioBlock .sixOptionLayout .customRadioLayout2 label, .systemRatingRadioBlock .threeOptionLayout .customRadioLayout2 label, .systemRatingRadioBlock .conditionRatingButton .customRadioLayout2 label, .systemRatingRadioBlock .twoOptionLayout .customRadioLayout2 label, .systemRatingRadioBlock .fourOptionLayout .customRadioLayout2 label, .systemRatingRadioBlock .sixOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .threeOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .conditionRatingButton .customRadioLayout2 label, .reqDetailRadioBlock .twoOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .fourOptionLayout .customRadioLayout2 label, .reqDetailRadioBlock .sixOptionLayout .customRadioLayout2 label, .workorderRadioBlock .threeOptionLayout .customRadioLayout2 label, .workorderRadioBlock .conditionRatingButton .customRadioLayout2 label, .workorderRadioBlock .twoOptionLayout .customRadioLayout2 label, .workorderRadioBlock .fourOptionLayout .customRadioLayout2 label, .workorderRadioBlock .sixOptionLayout .customRadioLayout2 label {
      border-radius: 50px;
      margin-bottom: 2px;
      border: solid 1px #26282E; }
      .siteDetailRadioBlock .threeOptionLayout .customRadioLayout2 label:first-child, .siteDetailRadioBlock .threeOptionLayout .customRadioLayout2 label:last-child, .siteDetailRadioBlock .conditionRatingButton .customRadioLayout2 label:first-child, .siteDetailRadioBlock .conditionRatingButton .customRadioLayout2 label:last-child, .siteDetailRadioBlock .twoOptionLayout .customRadioLayout2 label:first-child, .siteDetailRadioBlock .twoOptionLayout .customRadioLayout2 label:last-child, .siteDetailRadioBlock .fourOptionLayout .customRadioLayout2 label:first-child, .siteDetailRadioBlock .fourOptionLayout .customRadioLayout2 label:last-child, .siteDetailRadioBlock .sixOptionLayout .customRadioLayout2 label:first-child, .siteDetailRadioBlock .sixOptionLayout .customRadioLayout2 label:last-child, .reqTypeRadioBlock .threeOptionLayout .customRadioLayout2 label:first-child, .reqTypeRadioBlock .threeOptionLayout .customRadioLayout2 label:last-child, .reqTypeRadioBlock .conditionRatingButton .customRadioLayout2 label:first-child, .reqTypeRadioBlock .conditionRatingButton .customRadioLayout2 label:last-child, .reqTypeRadioBlock .twoOptionLayout .customRadioLayout2 label:first-child, .reqTypeRadioBlock .twoOptionLayout .customRadioLayout2 label:last-child, .reqTypeRadioBlock .fourOptionLayout .customRadioLayout2 label:first-child, .reqTypeRadioBlock .fourOptionLayout .customRadioLayout2 label:last-child, .reqTypeRadioBlock .sixOptionLayout .customRadioLayout2 label:first-child, .reqTypeRadioBlock .sixOptionLayout .customRadioLayout2 label:last-child, .assetDetailRadioBlock .threeOptionLayout .customRadioLayout2 label:first-child, .assetDetailRadioBlock .threeOptionLayout .customRadioLayout2 label:last-child, .assetDetailRadioBlock .conditionRatingButton .customRadioLayout2 label:first-child, .assetDetailRadioBlock .conditionRatingButton .customRadioLayout2 label:last-child, .assetDetailRadioBlock .twoOptionLayout .customRadioLayout2 label:first-child, .assetDetailRadioBlock .twoOptionLayout .customRadioLayout2 label:last-child, .assetDetailRadioBlock .fourOptionLayout .customRadioLayout2 label:first-child, .assetDetailRadioBlock .fourOptionLayout .customRadioLayout2 label:last-child, .assetDetailRadioBlock .sixOptionLayout .customRadioLayout2 label:first-child, .assetDetailRadioBlock .sixOptionLayout .customRadioLayout2 label:last-child, .systemRatingRadioBlock .threeOptionLayout .customRadioLayout2 label:first-child, .systemRatingRadioBlock .threeOptionLayout .customRadioLayout2 label:last-child, .systemRatingRadioBlock .conditionRatingButton .customRadioLayout2 label:first-child, .systemRatingRadioBlock .conditionRatingButton .customRadioLayout2 label:last-child, .systemRatingRadioBlock .twoOptionLayout .customRadioLayout2 label:first-child, .systemRatingRadioBlock .twoOptionLayout .customRadioLayout2 label:last-child, .systemRatingRadioBlock .fourOptionLayout .customRadioLayout2 label:first-child, .systemRatingRadioBlock .fourOptionLayout .customRadioLayout2 label:last-child, .systemRatingRadioBlock .sixOptionLayout .customRadioLayout2 label:first-child, .systemRatingRadioBlock .sixOptionLayout .customRadioLayout2 label:last-child, .reqDetailRadioBlock .threeOptionLayout .customRadioLayout2 label:first-child, .reqDetailRadioBlock .threeOptionLayout .customRadioLayout2 label:last-child, .reqDetailRadioBlock .conditionRatingButton .customRadioLayout2 label:first-child, .reqDetailRadioBlock .conditionRatingButton .customRadioLayout2 label:last-child, .reqDetailRadioBlock .twoOptionLayout .customRadioLayout2 label:first-child, .reqDetailRadioBlock .twoOptionLayout .customRadioLayout2 label:last-child, .reqDetailRadioBlock .fourOptionLayout .customRadioLayout2 label:first-child, .reqDetailRadioBlock .fourOptionLayout .customRadioLayout2 label:last-child, .reqDetailRadioBlock .sixOptionLayout .customRadioLayout2 label:first-child, .reqDetailRadioBlock .sixOptionLayout .customRadioLayout2 label:last-child, .workorderRadioBlock .threeOptionLayout .customRadioLayout2 label:first-child, .workorderRadioBlock .threeOptionLayout .customRadioLayout2 label:last-child, .workorderRadioBlock .conditionRatingButton .customRadioLayout2 label:first-child, .workorderRadioBlock .conditionRatingButton .customRadioLayout2 label:last-child, .workorderRadioBlock .twoOptionLayout .customRadioLayout2 label:first-child, .workorderRadioBlock .twoOptionLayout .customRadioLayout2 label:last-child, .workorderRadioBlock .fourOptionLayout .customRadioLayout2 label:first-child, .workorderRadioBlock .fourOptionLayout .customRadioLayout2 label:last-child, .workorderRadioBlock .sixOptionLayout .customRadioLayout2 label:first-child, .workorderRadioBlock .sixOptionLayout .customRadioLayout2 label:last-child {
        border-radius: 50px; }
  .infoFieldsBox label.floatingLabel {
    top: -18px; }
  .percentBlock:before {
    padding-top: 0; }
  .suggestionList {
    width: 100%;
    max-width: 500px; }
  /* explore module scss starts here */
  .reqHeadWrapper, .panelHeadingDetails {
    padding: 10px 5px;
    margin-bottom: 20px; }
  .assetMappingView {
    width: 100%;
    margin-top: 30px; }
    .assetMappingView .suggestionList {
      width: 100%; }
  .mappedDetailsWrapper .mapLabel {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 5px; }
  .mappedDetailsWrapper .iconDelete {
    margin-top: -20px; }
  .viewMappingWrapper {
    width: 100%; }
  .assetSummaryWrapper {
    padding: 0 30px; }
    .assetSummaryWrapper .sectionTitle {
      display: inline-block;
      width: 60%; }
    .assetSummaryWrapper .addPanelWrapper h4 {
      font-size: 12px;
      line-height: 14px; }
  .assetSummaryWrapper .addPanelWrapper.active .addContentWrapper {
    margin: 10px 10px 0; }
  .assetAccessibility {
    display: inline-block;
    margin: 0 15px 40px 0; }
    .assetAccessibility label {
      font-size: 11px; }
    .assetAccessibility input[type="checkbox"] {
      right: -50px; }
  .reqHeadWrapper .panelHeadingLabel {
    width: auto;
    display: block; }
  .systemHeaderInfo h6 {
    display: block;
    margin-bottom: 10px; }
  .systemHeaderInfo .systemStatusDetails {
    display: block;
    margin-left: 0; }
    .systemHeaderInfo .systemStatusDetails .panelHeadingLabel {
      padding: 0;
      border-left: none; }
  .systemDescriptionTab, .systemGeneralTab {
    padding: 0 15px; }
  .systemGeneralTab .percentBlock:before {
    padding-top: 7px; }
  .addDetailsWrapper {
    padding: 0 5px; }
  .reqHeadWrapper .customInfoLinks {
    display: block; }
    .reqHeadWrapper .customInfoLinks.reqSystemLink {
      padding-left: 0;
      margin-left: 0;
      border: none;
      margin-top: 10px; }
  .sidepaneBtn {
    display: none; }
  .reqBtn {
    margin-right: 5px; }
  .addExploreDetailsModal .modal-dialog {
    margin: 0 8px; }
  .addExploreDetailsModal .addDetailsWrapper {
    margin: 0 15px;
    padding: 0; }
  .addExploreDetailsModal h2 {
    font-size: 18px;
    line-height: 22px; }
  .addExploreDetailsModal .exploreBreadCrumbs {
    width: 100%; }
    .addExploreDetailsModal .exploreBreadCrumbs li {
      width: 48%;
      margin-bottom: 12px; }
  .addPanelWrapper .addContentWrapper {
    margin: 0; }
  .addNavLevel .updateActionsBlock {
    display: block;
    margin-top: 20px; }
  .addNavLevelWrapper .navLevel {
    margin-bottom: 12px; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(1),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(1) ~ .navLevel {
      width: 278%; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(2),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(2) ~ .navLevel {
      width: 139%; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(3),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(3) ~ .navLevel {
      width: 92.66667%; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(4),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(4) ~ .navLevel {
      width: 69.5%; }
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(5),
    .addNavLevelWrapper .navLevel:first-child:nth-last-child(5) ~ .navLevel {
      width: 55.6%; }
    .addNavLevelWrapper .navLevel .form-group {
      margin-bottom: 20px; }
  .addNavLevelWrapper .suggestionListWrapper .suggestionList {
    top: -20px; }
  .confirmationModalBox .modal-dialog {
    width: 100%;
    max-width: 600px; }
    .confirmationModalBox .modal-dialog .modal-content {
      padding: 0; }
  .confirmationModalBox .modal-body {
    padding: 5px 15px 15px; }
    .confirmationModalBox .modal-body p {
      font-size: 14px;
      line-height: 16px; }
  /*scss for header menu*/
  .sideNavMenu {
    display: none; }
    .sideNavMenu.active + .layoutContent {
      margin-left: 0; }
  header .navbar-collapse {
    background: #e8eaf2; }
  header .primaryNav li {
    display: block; }
  header .primaryNav .navbar {
    text-align: left;
    width: 100%; }
  .mobileRightMenu {
    width: calc(100% - 50px);
    float: right;
    padding: 15px 0;
    text-align: right; }
    .mobileRightMenu .primaryCustomDropdown {
      min-width: 100px;
      margin-right: 10px;
      max-width: 160px;
      display: inline-block; }
      .mobileRightMenu .primaryCustomDropdown .optionListWrapper {
        text-align: left; }
      .mobileRightMenu .primaryCustomDropdown.formOptionBox {
        top: 0; }
        .mobileRightMenu .primaryCustomDropdown.formOptionBox .selectedOption {
          width: 95%; }
    .mobileRightMenu .mobileUserDetails {
      width: 55px;
      margin-right: 0;
      display: inline-block;
      top: -10px;
      position: relative; }
      .mobileRightMenu .mobileUserDetails .profileIcon {
        padding: 5px;
        width: 25px;
        height: 25px; }
  .navbar-fixed-top .navbar-collapse {
    max-height: 100vh;
    height: 100vh; }
  .headerAdminMenu, .headerWorkOrderMenu {
    right: inherit;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    border: none; }
  /*listing action icon */
  .searchResults .actionIconGrid, .exploreTableWrapper .actionIconGrid, .savedSearchWrapper .actionIconGrid {
    width: 100px; }
  .searchResults .expandableColWrapper, .exploreTableWrapper .expandableColWrapper, .savedSearchWrapper .expandableColWrapper {
    width: calc(100% - 100px); }
  .resizeTableWrapper .actionColumn {
    height: 100px; }
  .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr {
    height: 100px; }
  .iconBtn.moreActionsIcon {
    display: none; }
  .actionButtonBar {
    display: block;
    width: 65%; }
  .resizeTableWrapper .actionColumn .moreActionsIcon {
    left: 30px;
    top: 30px; }
  .resizeTableWrapper .actionColumn:hover .actionButtonBar {
    width: 94px;
    top: 10px;
    right: 0; }
  /*css for login module */
  .loginContainer .appLogo {
    margin: 0 0 20px; }
  .loginContainer .loginWrapper {
    padding: 20px;
    min-height: auto; }
  .selectCardBox {
    padding-left: 0;
    padding-right: 0; }
  .exploreReqFilterWrapper {
    display: none; }
  .reportsIconBtn .smallIconBtn {
    display: none; }
  .headerAdminMenu.mobileHeaderMenu, .headerWorkOrderMenu.mobileHeaderMenu {
    top: 50px;
    right: 5px; }
  /*scss for comments module */
  .commentsModule .commentsButton {
    min-width: 50px;
    padding: 5px 12px;
    font-size: 11px; }
  .commentsCount {
    right: -5px;
    top: 0;
    padding: 0;
    font-size: 12px;
    line-height: 15px;
    width: 14px;
    height: 14px; }
  .commentBlockWrapper .commentReplyWrapper > ul {
    padding-left: 15px; }
  /*scss for comments module ends here */
  /* scss for work order and vendor module */
  .workOrderWrapper h2, .projectListWrapper h2 {
    font-size: 20px;
    line-height: 22px;
    margin: 0; }
  .workOrderWrapper .fullTableWrapper, .projectListWrapper .fullTableWrapper {
    border-left: solid 1px #dbdde5; }
  .workOrderWrapper .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr, .projectListWrapper .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr {
    height: 50px; }
  .searchContent.searchLayout2 {
    width: 100%;
    margin-bottom: 20px; }
  .vendorListMessageLayout {
    padding: 20px;
    width: auto;
    font-size: 20px;
    line-height: 22px; }
  .userGroups .customSemiboldLinks {
    margin-top: 5px; }
  .userVendorListView .form-control {
    margin: 30px 0 10px; }
  .addUserWrapper .usersInfoList {
    max-height: 34vh; }
  .mobileDisciplineRateView .customFormInput {
    width: 76%;
    margin-bottom: 30px; }
  .mobileDisciplineRateView + .iconDelete {
    position: absolute;
    right: 20px; }
  .mobileDisciplineRateView + .addDisciplineButton {
    margin: 0 auto 30px;
    display: block; }
  .referenceReqWrapper .customFormInput label {
    font-size: 9px; }
  .referenceReqWrapper .viewMappingWrapper .suggestionList {
    width: 96%;
    top: 55px; }
  .referenceReqWrapper .mapLabel {
    width: 42%;
    margin-right: 10px; }
  .simplebar-scroll-content {
    margin-bottom: 0 !important; }
  .workOrderAddVendor .primaryCustomDropdown .optionListWrapper {
    max-height: 300px; }
  .adminMenu {
    margin-bottom: 22px; }
  /* scss for work order and vendor module ends here */
  /*scss for pmo module starts here */
  .assetRadioTabWrapper .reqTypeRadioBlock {
    width: 100%; }
  .pmoDetails .searchContent {
    width: 50%;
    max-width: 250px; }
  .srchModalWrapper.pmoFilterPanelWrapper, .srchModalWrapper.taskFilterPanelWrapper {
    width: 90%;
    max-width: 630px; }
    .srchModalWrapper.pmoFilterPanelWrapper .searchGroupLabel, .srchModalWrapper.taskFilterPanelWrapper .searchGroupLabel {
      display: block; }
    .srchModalWrapper.pmoFilterPanelWrapper .searchElement, .srchModalWrapper.taskFilterPanelWrapper .searchElement {
      width: auto;
      display: block;
      margin-top: 40px; }
    .srchModalWrapper.pmoFilterPanelWrapper .customCheckWrap1, .srchModalWrapper.taskFilterPanelWrapper .customCheckWrap1 {
      width: 110px;
      padding-right: 10px; }
      .srchModalWrapper.pmoFilterPanelWrapper .customCheckWrap1 input[type='checkbox'] + label, .srchModalWrapper.taskFilterPanelWrapper .customCheckWrap1 input[type='checkbox'] + label {
        padding: 7px 10px; }
  .pmoDetails .expandableTable.ReactTable .rt-tbody .rt-tr-group .rt-tr {
    height: 50px; }
  .preventativeAssigneWrapper {
    margin-top: 15px;
    display: inline-block; }
    .preventativeAssigneWrapper .repeatIntervalInput {
      margin-bottom: 40px; }
  .preventativeDataWrapper.form-group {
    margin-bottom: 20px; }
  .maintenanceLabelText {
    text-align: left; }
  .repeatIntervalInput .form-error {
    width: 200px; }
  label.maintenanceTitle {
    font-size: 12px;
    line-height: 14px; }
  /*scss for pmo module ends here */
  /*scss for footer panel on explore pages */
  .selectFooterWrapper .footerPanelWrapper {
    padding: 5px 15px;
    height: 80px; }
  .footerPanelWrapper .contentBlock {
    width: 100%; }
  .footerIconsWrapper {
    position: relative;
    margin: 15px -15px 0; }
  .exploreSelectItemFooter .squareCheckbox {
    padding-left: 15px; }
  .viewDetailsSelectWrapper {
    z-index: 1; }
  /*scss for footer panel ends here */
  /*scss for feature-map-box starts here */
  .siteListMapView {
    width: 100%; }
    .siteListMapView.hideList .toggleMapIcon {
      display: none; }
  .mapViewWrapper.siteDetailsMapView {
    width: calc(100% - 20px);
    position: relative;
    top: -30px;
    right: 0;
    height: 300px;
    margin: 10px; }
  .mapViewWrapper.assetDetailMapView {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: -60px 0 30px;
    height: 80vh; }
  .siteAssetMapList h2 {
    font-size: 16px;
    line-height: 20px; }
  .siteAssetMapList .searchContent {
    margin-top: 15px; }
  .toggleData {
    display: none; }
  .siteAssetMapList .assetNameList li {
    padding: 8px 15px;
    font-size: 12px; }
  .assetMapListScroller {
    max-height: 40vh; }
  .mapPlotViewWrapper .toggleMapIcon {
    display: none; }
  .siteDetailsMapWrapper {
    height: 50vh; }
  /*scss for feature-map-box ends here */
  /*scss for header search modal */
  .searchModal {
    width: 100%;
    left: 0;
    right: 0;
    max-height: 80vh;
    overflow: scroll; }
    .searchModal .srchModalWrapper .searchElement {
      width: 90%;
      margin-top: 20px; }
    .searchModal .srchModalWrapper .customCheckWrap1 {
      width: 122px;
      padding-right: 8px; }
      .searchModal .srchModalWrapper .customCheckWrap1 input[type="checkbox"] + label {
        padding: 10px;
        font-size: 12px;
        line-height: 14px; }
    .searchModal .searchInBlock {
      width: 100%;
      margin-top: 20px; }
      .searchModal .searchInBlock .customFormInput {
        margin-bottom: 20px; }
    .searchModal .tagsWrapper {
      width: 100%;
      padding-left: 0; }
      .searchModal .tagsWrapper .searchTags .tagName {
        font-size: 12px;
        line-height: 14px; }
    .searchModal .searchModalClose {
      right: 0;
      top: 0;
      border: none; }
  /*scss for header search modal ends here */
  /*scss for attachments responsive starts here */
  .mobileUploadContainer {
    width: 72%;
    display: inline-block; }
  .attachmentsWrapper {
    padding: 0 15px; }
    .attachmentsWrapper .thumbnailsWrapper .thumbs {
      height: auto;
      padding: 0;
      display: block; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs:nth-of-type(4n+1), .attachmentsWrapper .thumbnailsWrapper .thumbs:nth-of-type(4n+4) {
        padding: 0; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs .imageTitle {
        padding: 10px 0;
        margin: 0; }
        .attachmentsWrapper .thumbnailsWrapper .thumbs .imageTitle label {
          padding-top: 10px; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs .thumbnailImgBlock {
        height: auto;
        margin-bottom: 0; }
      .attachmentsWrapper .thumbnailsWrapper .thumbs .fileName {
        margin-bottom: 0; }
    .attachmentsWrapper .fileTypeWrapper {
      padding: 60px 0; }
    .attachmentsWrapper .imageCarousel .modal-dialog {
      width: 100%;
      height: 93vh; }
      .attachmentsWrapper .imageCarousel .modal-dialog .modal-content {
        height: 100%;
        overflow-y: scroll; }
    .attachmentsWrapper .imageCarousel .slide .fileName {
      max-height: 20px;
      overflow: hidden; }
    .attachmentsWrapper .sliderImage .imageWrap {
      display: flex; }
    .attachmentsWrapper .slideControls {
      display: none; }
  /*scss for attachments responsive ends here */
  .inputWarningBox {
    bottom: -60px; }
  /*scss for feature project management start here */
  .projectListWrapper .searchContent {
    margin-bottom: 20px; }
  .searchReqListWrapper {
    display: none; }
  /*scss for feature project management ends here */ }