/* custom checkbox css start */

.drawings-not-found {
  margin-top: 70px;
}

.drawing-spec-review-footer {
  float: left;
  height: 20px;
  width: 100%;
  background: #eee;
}
.beta-tag {
  background-color: #0696d7;
  border-radius: 14px;
  padding: 0px 6px;
  font-size: 9px;
  color: #fff;
  margin-top: 5px;
  line-height: 18px;
  float: left;
  margin-left: 5px;
}

.no-specs {
  padding: 130px 0px;
  text-align: center;
}

.projects-not-uploaded {
  padding: 10px 0px;
}

.common-checkbox-container {
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}

.common-checkbox-container input {
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: relative;
  height: 16px;
  width: 16px;
  top:1px;
  background-color: #fff;
  border: solid 1px #d7d7d7;
  border-radius: 2px;
  float: left;
}

.common-checkbox-container:hover input~.checkmark {
  background-color: #eee;
}

.common-checkbox-container input:checked~.checkmark {
  background-color: #0696d7;
  border: solid 1px #0696d7;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.common-checkbox-container input:checked~.checkmark:after {
  display: block;
  border-width: 0 0px 0px 0 !important;
  background: url(/autospecs/images/unification/smartregister/check.svg);
    width: 14px !important;
    height: 14px !important;
    content: '';
    background-repeat: no-repeat;
    position: relative;
    top: 3px !important;
    left: 2px !important;
    transform: rotate(0deg);
}

.common-checkbox-container .checkmark:after {
  left: 8px;
  top: 3px;
  width: 6px;
  height: 13px;
  border: solid #2196F3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* custom checkbox css end */

/* custom radio css start */

.common-radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.common-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.common-radio-container input[type=radio][disabled]+.checkmark-radio {
  cursor: not-allowed;
}

.common-radio-container:hover input~.checkmark-radio {
  background-color: #ccc;
}

.common-radio-container input:checked~.checkmark-radio {
  background-color: #2196F3;
}

.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

.common-radio-container input:checked~.checkmark-radio:after {
  display: block;
}

.common-radio-container .checkmark-radio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* custom radio css end */

/* scroll custom css start */

.drawingsandspecsreview ::-webkit-scrollbar {
  width: 5px;
}

.drawingsandspecsreview ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.drawingsandspecsreview ::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.drawingsandspecsreview ::-webkit-scrollbar-thumb:hover {
  background: #acacac;
}

/* scroll custom css end */

/* -- Drawings and specs view css start --*/

.Drawing-specs-main-body-container {
  background-color: #fff;
  float: left;
  height: 93.5vh;
  padding: 0px;
  overflow: Hidden;
}

.drawing-specs-header-container {
  background-color: #f0f1f2;
  padding: 10px 20px;
  float: left;
  height: 54px;
  width: 100%;
  position: absolute;
  z-index: 2;
  border-bottom: 1px solid #e0e0e0;
}

.drawingsandspecsreview .undo-text {
  padding-right: 5px;
  font-size: 12px;
  margin-top: -2px;
}

.drawingsandspecsreview .schedules-text {
  padding: 0px 10px;
  font-size: 12px;
  margin-top: -2px;
}

.drawingsandspecsreview .deleted-count {
  float: none;
  font-size: 10px;
  line-height: 8px;
  padding: 2px 2px;
  color: white;
}

.drawingsandspecsreview .undo-button {
  color: white;
  background-color: #0696d7;
  height: 28px;
  font-size: 12px;
  margin-top: -3px;
  width: 70px;
  padding: 0px;
}

.drawingsandspecsreview .undo-button-text {
  font-size: 12px;
  padding-left: 2px;
  color: white;
}

.drawingsandspecsreview .schedule-delete-number {
  cursor: pointer;
  color: #fff;
  background-color: #4cae4b;
  line-height: 17px;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  border: 3px solid #4cae4b;
  float: none;
  height: 20px;
  width: 20px;
  margin-top: -2px;
  font-weight: 600;
  padding: 0px 3px;
}

.drawingsandspecsreview .upload-drawings-text {
  font-size: 11px;
  line-height: 0px;
  color: #3b4553;
  padding-left: 5px;
}

.drawingsandspecsreview .upload-drawings-div {
  padding-top: 4px;
  float: right;
}

.drawing-specs-header-left-content {
  float: left;
  width: 50%;
}

.drawing-specs-header-left-content img {
  float: left;
  margin-top: 3px;
  width: 30px;
}

.drawing-specs-header-left-content h1 {
  padding-left: 5px;
  color: #3b4553;
  font-weight: 600;
  float: left;
  margin: 0px;
}

.drawing-specs-header-right-content {
  float: right;
  width: 50%;
}

.project-version-dropdown {
  margin-right: 0px;
  background-color: #fff;
  border-radius: 3px;
  float: right;
}

.project-version-icon {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-bottom: 8px;
  margin-top: 7px;
}

.project-menu-custom .dropdown-project-test {
  float: left;
  padding: 7.5px 10px;
  color: #273343;
  text-transform: uppercase;
  font-weight: 400;
  max-width: 200px;
}

.project-menu-custom .dropdown-version-test {
  background: #4cae4b;
  border-radius: 30px;
  padding: 2px 15px;
  font-size: 13px;
  margin-top: 5.5px;
  margin-right: 1px;
  text-transform: uppercase;
  float: left;
  color: #fff;
  font-weight: 500;
}

.drop-down-icon {
  width: 10px;
  margin: 10.5px 15px 5.5px 5px;
}

.drawing-specs-main-body-container {
  padding: 0px;
  float: left;
  height: 88vh;
  padding-top: 54px;
  background: #fff;
}

.drawing-specs-left-container {
  float: left;
  height: 92vh;
  background-color: #f8f9f9;
  padding: 0px;
}

.drawing-specs-common-header img {
      width: 17px;
    height: auto;
    margin: 6px 0 0;
    float: left;
}

.expand-all-wrapper {
  float: left;
  width: 100%;
  padding: 17px 20px;
  font-size: 12px;
  background: #fff;
  z-index: -9999;
  color: #d4d4d4;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #eee;
}

.expand-all-wrapper a {
  float: right;
}

.expand-all-wrapper a span {
  color: #848a91;
  text-decoration: underline;
}

.expand-all-wrapper a .fa-chevron-circle-down {
  font-size: 17px;
  color: #848a91;
  padding-left: 5px;
  float: right;
}

.expand-all-wrapper a .fa-chevron-circle-up {
  font-size: 17px;
  color: #cccccc;
  padding-left: 5px;
  float: right;
}

.left-accordion-container {
  float: left;
  width: 100%;
  height: 77vh;
  overflow: auto;
  margin-bottom: 0px;
  border-right: 1px solid #f0f0f0;
  padding-bottom: 30px;
}

.left-accordion-container .specs-left-accordion {
  margin-bottom: 0px;
  background-color: inherit;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border-bottom: 1px solid #ececec;
  padding: 0px;
  margin-top: 0px !important;
  float: left;
  width: 100%;
}

.panel-default>.specs-left-accordion-heading {
  background-color: inherit;
  padding: 15px 20px;
  float: left;
  width: 100%;
  cursor: pointer;
}

.specs-left-accordion-heading h4 {
  font-size: 14px;
  text-transform: none;
  color: #888b8f;
  float: left;
  width: 100%;
}

.specs-left-accordion-heading h4 a {
  float: left;
  width: 90%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.specs-left-accordion-heading h4 .fa-chevron-circle-down {
  font-size: 17px;
  color: #848a91;
  padding-left: 5px;
  float: right;
}

.specs-left-accordion-heading h4 .fa-chevron-circle-up {
  font-size: 17px;
  color: #cccccc;
  padding-left: 5px;
  float: right;
}

.specs-listing-header {
  background-color: #eaeaea;
  height: 32px;
  padding: 5px 20px 5px 50px;
  float: left;
  width: 100%;
}

.specs-listing-container {
  border-bottom: 3px solid #eee;
  float: left;
  width: 100%;
}

.image-rotate {
  margin-top: -7px !important;
  margin-right: 7px;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari 3-8 */
  transform: rotate(180deg);
}

.specs-listing-body {
  padding: 10px 20px 10px 50px;
  float: left;
  width: 100%;
  border-bottom: 1px dashed #eee;
  color: #3b4553;
  font-size: 13px;
}

.specs-listing-header span {
  font-size: 12px;
  color: #adadad;
  font-weight: 400;
  line-height: 21px;
}

.spec-code-container {
  width: 30%;
  padding-right: 10px;
  float: left;
}

.spec-name-container {
  width: 60%;
  padding-right: 10px;
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.spec-pdf-container {
  width: 10%;
  padding-right: 10px;
  float: left;
}

.spec-pdf-container a span {
  color: #065ed4 !important;
  text-decoration: underline;
  padding-right: 10px
}

.spec-pdf-container a i {
  color: #065ed4 !important;
  text-decoration: none;
}

/*--- Middle container css --*/

.drawing-specs-middle-container {
  padding: 0px;
  background: #fff;
}

.drawing-header {
  float: left;
  width: auto;
}

.add-schedule-btn {
  float: right;
  height: 31px;
  font-size: 12px;
  background-color: #eaeaea;
}

.add-schedule-btn img {
  float: left;
  margin-top: 1px;
}

.add-schedule-btn span {
  float: left;
  font-size: 13px;
  line-height: 16px;
  padding-left: 3px;
  font-weight: 500;
}

.drawing-listing-header {
  background-color: #eaeaea;
  height: 52px;
  padding: 14px 20px;
  float: left;
  width: 100%;
  box-shadow: 1px 2px 3px 1px #00000026;
}

.drawing-listing-container {
  float: left;
  width: 100%;
  height: 77.5vh;
  overflow: auto;
  margin-bottom: 0px;
  border-right: 1px solid #f0f0f0;
  padding-bottom: 30px;
}

.drawing-listing-body {
  padding: 20px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  color: #3b4553;
  font-size: 13px;
}

.drawing-listing-checkbox {
  float: left;
  width: 6%;
  height: 25px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .drawing-listing-checkbox {
    float: none;
  }
}

.drawing-listing-schedule-name {
  float: left;
  padding-right: 10px;
  padding-top: 2px;
  font-weight: 600;
  color: #3b4553;
  width: 48%;
}

.schedule-title-name {
  margin-bottom: 0px;
  float: left;
  width: 80%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 23px;
  font-size: 12px;
}

.orange-icon {
  float: right;
  margin-top: 0px;
}

.drawing-listing-schedule-name-container {
  float: left;
  width: 49%;
  padding-right: 10px;
  /* line-height: 24px; */
  padding-top: 2px;
  font-weight: 600;
  color: #3b4553;
  display: block;
  /* width: 100px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.drawing-listing-sheets {
  float: left;
  width: 10%;
  padding-right: 10px;
  line-height: 24px;
}

.drawing-listing-header .drawing-listing-sheets {
  line-height: 24px;
}

.drawing-listing-sc-o-work {
  float: left;
  width: 20%;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
}

.drawing-listing-header .drawing-listing-sc-o-work {
  line-height: 24px;
}

.drawing-listing-multiple-delete {
  float: left;
  width: 14%;
  /*css commit*/
}

.drawing-listing-sc-o-work-result {
  float: left;
  width: 20%;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
  display: block;
  /* width: 100px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 23px;
}

.drawing-listing-edit-delete {
  float: left;
  width: 15%;
  text-align: right;
}

.drawing-listing-edit-delete i {
  width: 22px;
  height: 22px;
  background-color: #eaeaea;
  border-radius: 30px;
  color: #3b4553;
  margin-top: 0px;
  line-height: 22px;
  margin-right: 4px;
  text-align: center;
  font-size: 12px;
}

.drawing-listing-edit-delete i:hover {
  background-color: #d5d5d5;
}

.drawing-listing-sheets a span {
  color: #065ed4 !important;
  text-decoration: underline;
  padding-right: 10px;
}

.drawing-listing-sheets a i {
  color: #065ed4 !important;
  text-decoration: none;
  font-size: 20px;
}

.drawing-listing-header span {
  font-weight: 400;
  color: #adadad;
}

.multiple-delete-btn {
  float: right;
  height: 31px;
  font-size: 12px;
  background-color: #e83c3c;
  margin-top: -3px;
}

.multiple-delete-btn:hover {
  background-color: #f15e5e;
}

.multiple-delete-btn i {
  width: 22px;
  height: 22px;
  float: left;
  background: #fff;
  border-radius: 30px;
  color: #e83c3c;
  margin-top: -2px;
  line-height: 22px;
}

.multiple-delete-btn span {
  color: #fff;
  font-weight: 600;
  padding-left: 8px;
}

.upload-drawing-green-button {
  width: 180px;
}

.upload-drawing-grey-button {
  background-color: #eaeaea;
  width: auto;
  padding: 3px 10px;
  line-height: 17px;
}

/*-- drawing specs right ontainer css --*/

 

.drawing-specs-right-container {
  padding: 0px;
  height: 88vh;
}

.panel-default>.filter-right-accordion-heading {
  background-color: inherit;
  padding: 13px 15px 13px 20px;
}

.panel-group .filter-right-accordion {
  margin-bottom: 0px;
  background-color: inherit;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  border-bottom: 1px solid #ececec;
  margin-top: 0px !important;
  padding: 0px 20px;
  cursor: pointer;
}

.filter-right-accordion-heading h4 {
  font-size: 14px;
  text-transform: none;
  color: #888b8f;
}

.filter-right-accordion-heading h4 .fa-chevron-circle-down {
  font-size: 17px;
  color: #848a91;
  padding-left: 5px;
  float: right;
  padding-top: 4px;
}

.filter-right-accordion-heading h4 .fa-chevron-circle-up {
  font-size: 17px;
  color: #cccccc;
  padding-left: 5px;
  float: right;
  padding-top: 4px;
}

.filter-right-accordion-heading h4 span {
  padding-left: 11px;
}

.panel-default>.panel-heading+.panel-collapse>.filters-panel-container {
  border-top: 1px dashed #eee;
  padding-left: 40px;
}

.filter-search-input-container .filter-search-input {
  border: 1px solid #ececec;
  color: #3b4553;
}

.filter-search-input-container span {
  color: #cccccc;
  border-left: 1px solid #f7f7f7;
}

.filters-list-division-header {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
  padding-top: 20px;
}

.filters-list-division-header span {
  font-size: 12px;
  color: #adadad;
  font-weight: 400;
  line-height: 19px;
}

.filter-checkbox-container {
  width: auto;
  padding-right: 10px;
  float: left;
}
 
.filter-listing-container {
  float: left;
  width: 100%;
  height: 82.8vh;
  overflow: auto;
  margin-bottom: 0px;
  background-color: #f8f9f9;
}

.filter-listing-body {
  padding: 5px 0px;
  float: left;
  width: 100%;
  color: #3b4553;
  font-size: 12px;
  font-weight: 500;
  height: 39px;
}

.filter-division-checkbox-container {
  width: auto;
  padding-right: 10px;
  float: left;
}

.filter-division-name-container {
  width: 75%;
  padding-right: 10px;
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
  margin-top: 2px;
}

.filter-listing-radio-btn-body {
  padding: 10px 0px;
  float: left;
  width: 100%;
  color: #3b4553;
  font-size: 12px;
  font-weight: 500
}

.filter-listing-radio-btn-body .filter-division-name-container label{
	font-weight : normal;
	cursor : pointer;
}

.filter-group {
  margin-bottom: 0px;
  border-bottom: 2px solid #eee;
}

.scope-of-work-link {
  float: left;
  width: 100%;
  padding: 10px 10px 10px 20px;
  font-size: 11px;
}

.scope-gap-analysis {
  float: left;
  width: 100%;
  border-bottom: 2px solid #eee;
  background: #f8f9f9;
}

.common-accordion-header-right-col {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}

.drawing-specs-common-header .project-start-log-icon {
  margin-top: 0px;
}

.no-drawings-schedules-found-container {
  margin: 0 auto;
  text-align: center;
  padding: 35% 0;
}

.no-schedules-found-message {
  display: block;
  padding: 10px;
  color: #b9b6b6;
}

.fullScreen-btn-container {
  float: right;
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: #d0d0d0;
  margin-left: 15px;
  color: #fff;
  padding: 0px;
}

.fullScreen-btn-container:hover {
  background: #e3e3e3;
}

.fullScreen-btn-container button {
  font-size: 20px;
  float: left;
  padding: 5px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  color: #3b4553;
}

/*-- drawing specs right container css end --*/

.export-schedules-data {
  padding-right: 5px;
}

.sorting-icon {
  font-size: 15px;
  padding-left: 3px;
  cursor: pointer;
}

.drawing-listing-ada-sheet-name {
  width: 20%;
  float: left;
}

.drawing-listing-ada-sheet-no {
  float: left;
  width: 15%;
}

.drawing-listing-ada-sheets {
  float: left;
  width: 15%;
}

.drawing-listing-scope-of-work {
  float: left;
  width: 20%;
}

.drawing-listing-scope-of-work-container {
  float: left;
  width: 20%;
}

.drawing-listing-ada-context {
  font-size: 20px;
  float: left;
  width: 15%;
}

.drawing-listing-sheet-name-container {
  float: left;
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}

.drawing-listing-sheet-number-container {
  float: left;
  padding-left: 10px;
  width: 16%;
  font-size: 13px;
}

.drawing-listing-sheets-icons {
  font-size: 20px;
  float: left;
  width: 15%;
}

.drawing-listing-context-container {
  float: left;
  font-size: 18px;
}

/* specView Css - Arun */

.spec-view-header {
  position: inherit;
  background-color: #fff;
}

.spec-view-left-col {
  background-color: #fff;
  padding: 0px;
}
#specview-wrapper #sideDiv.left-col-div-container {
  height: calc(100vh - 230px) !important;
}
.fullscreen-specview #sideDiv.left-col-div-container {
  height: calc(100vh - 141px) !important;
}
.fullscreen-specview #pdfview-container {
    height: calc(100vh - 113px) !important;
}
.fullscreen-specview #cards.production-tab-container {
    height: calc(100vh - 105px) !important;
}
.left-col-div-container {
  overflow: auto;
  float: left;
  width: 100%;
  /*height: calc(100vh - 197px)!important; */
}
.col-empty-container {
  height: calc(100vh - 212px);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
}
.col-empty-container .empty-container {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.col-empty-container .empty-container p {
  font-size: 20px;
  font-weight: 500;
  color: #3C3C3C;
  margin: 18px 0 14px 0;
}
.col-empty-container .empty-container div {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  text-align: center;
}
.specViewPage.fullscreen-planview .specview-full{
	padding-top: 14px !important;
}
.specview-full{
	padding-top:69px;
	height: calc(100vh - 114px);
}
.specview-full #pdfView{
  height: calc(100vh - 92px);
}
.spec-view-search .specview-full #pdfView{
    height: calc(100vh - 158px) !important;
}
#cards.production-tab-container{
    height: calc(100vh - 266px) !important;
    background-color: #FFFDFD;
}
#cards.production-tab-container.product-spec-tab-htm-pdf{
  height: calc(100vh - 189px) !important;
  background-color: #FFFDFD;
}
.specview-filt + .submittal-expand-collapse-container + #cards.production-tab-container.product-spec-tab-htm-pdf.avail-submittals-ai{
  height: calc(100vh - 418px) !important;
  background-color: #fff;
  border-top: 0px solid #ececec;
}
#cards.production-tab-container.product-spec-tab-htm-pdf.avail-submittals-ai{
  height: calc(100vh - 361px) !important;
  background-color: #fff;
  border-top: 0px solid #ececec;
}
.specview-filt.ng-hide + .submittal-expand-collapse-container + #cards.production-tab-container.product-spec-tab-htm-pdf.avail-submittals-ai {
    height: calc(100vh - 361px) !important;
}
.submittal-expand-collapse-container {
  background-color: #fff;
  float: left;
  width:100%;
  padding-bottom: 8px;
  padding-top: 0px;
}
.alert.specview-filt + .submittal-expand-collapse-container{
	padding-top: 8px;
}
.production-tab-container.product-spec-tab-htm-pdf.avail-submittals-ai .panel-group{
	border-bottom:2px solid #fff;
}
.production-tab-container.product-spec-tab-htm-pdf.avail-submittals-ai .panel-group .panel-heading{
	background-color:#F5F8FA;
}
.submittal-expand-collapse-container a {
  font-size: 12px;
  font-weight: 600;
  color: #0696d7;
  line-height: 16px;
  text-decoration: none;
  padding: 6px 10px 6px 0px;
  cursor: pointer;
  margin-right:15px;
}
.submittal-expand-collapse-container a:hover,
.submittal-expand-collapse-container a:focus {
  text-decoration: none;
  background-color: #F6F6F6 !important;
    border-radius: 0px !important;
    padding: 6px 10px !important;
    margin-right: 15px;
}
/*.specview-full .specs-right-tab #cards.production-tab-container{
  height: calc(100vh - 193px) !important;
  background-color: #f8f8f8;
}*/
#cards.production-tab-container.product-active{
    height: calc(100vh - 277px) !important;
}
.fullscreen-planview #cards.production-tab-container{
  height: calc(100vh - 135px) !important;
}
#wrapper.fullscreen-planview #cards.production-tab-container.avail-submittals-ai{
  height: calc(100vh - 235px) !important;
}
.fullscreen-planview #cards.production-tab-container.product-active{
    height: calc(100vh - 104px) !important;
}
/*.product-active + #cards.production-tab-container{
  height: calc(100vh - 194px) !important;
}
.product-active + #cards.production-tab-container.product-active{
  height: calc(100vh - 158px) !important;
}*/
.recommed-active #cards.production-tab-container{
  height: calc(100vh - 158px) !important;
}
.fullscreen-planview .recommed-active #cards.production-tab-container {
    height: calc(100vh - 155px) !important;
}
.fullscreen-planview .product-active + #cards.production-tab-container.product-active {
    height: calc(100vh - 155px) !important;
}
#pdfview-container{
  height: calc(100vh - 266px) !important;
  border: none;
}
.pdf-loading-container {
    height: calc(100vh - 266px) !important;
    border: none;
}
.planview-draws #pdfview-container{
  height: calc(100vh - 133px) !important;
}
#wrapper-planview{
  height: calc(100vh - 92px);
}
.spec-view-header-left-content img {
  width: 19px;
}
.close{
    opacity:.6;
}
.spec-view-header-left-content h1 {
  padding-left: 10px;
  color: #3b4553;
  font-weight: 600;
  float: left;
  margin: 0px;
  line-height: 33px;
  font-size: 20px;
}

.spec-view-left-col-header {
  background: #fff;
  padding: 15px 20px 0px;
  margin-bottom: 0px;
  border-right: 0px solid #dcdcdc;
}
.spec-view-left-col-header > div{
  border-bottom: 1px solid #dcdcdc;
  padding: 0px 0px 16px;
}
.spec-view-left-col-header span {
  color: #3C3C3C;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 18px;
    margin-top: 0px;
    position: relative;
    top: 1px;
}
/*#wrapper.toggled.specViewPage {
    padding-top: 57px;
}*/
.spec-view-right-col-header {
  background: #fff;
  /* padding: 4px 14px;
  height: 38px;
  box-shadow: 0px 0px 0px 0px #ededed;
  margin-bottom: 0px; */
  border-bottom: 1px solid #DCDCDC;
  padding: 16px 0px 15px 0px;
  margin: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.spec-view-right-col-header span {
  color: #3C3C3C;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 18px;
    max-width: 55%;
    margin-top: 0px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spec-view-left-search {
  border-right: 5px solid #e1e1e1;
  margin-bottom: 0px !important;
}

.spec-view-left-search input {
  font-size: 12px;
  border: 1px solid #eee;
  border-radius: 0px !important;
  border-right: 0px;
  border-left: 0px;
}

.spec-view-left-search span {
  line-height: 12px !important;
  width: 28px;
  border-right: 1px solid #eee;
  padding: 5px 5px;
  height: 21px;
  top: 7px;
}

.spec-view-left-col-collapse {
  padding: 10px;
  background: #fff;
  float: left;
  width: 100%;
  border-right: 0px solid #dcdcdc;
}

.spec-view-left-col-collapse a {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  float: right;
}

.spec-view-left-col-collapse a:focus,
.spec-view-left-col-collapse a:hover {
  text-decoration: none;
  outline: none;
}

.expand-collapse {
  color: #0696d7;
  position: relative;
}

.spec-view-division-container {
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.spec-view-division-container .division-col-accordion {
  color : grey;
}

.division-col-accordion {
  background: #F5F8FA;
  padding: 12px 15px 12px 20px;
  float: left;
  width: 100%;
  cursor: pointer;
  border: 1px solid #fff;
}

.division-col-accordion a {
  float: left;
  margin: 0 10px 0 0;
  width: 12px;
}

.division-accordion-text {
  font-size: 11px;
  font-weight: 600;
  color: #3c3c3c;
  line-height: 16px;
  width: 83%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.division-accordion-text:focus-visible {
	outline: none;
}
.specViewPage .pypeHeading div{
	font-size:14px;
}

.spec-view-coll-expand-icon {
  margin-right: 2px;
  font-size: 15px;
  float: right;
  line-height: 34px;
}

.selected {
  color: #333333 !important;
  font-weight: 600 !important;
}

.spec-section-text {
  width: 100%;
  float: left;
  font-style: normal;
}

.specSectionStyle {
  width: 100%;
  max-width: 90% !important;
  float: left;
  padding: 12px 10px 12px 37px;
  margin-left: 0px !important;
}

.spec-section-text:nth-child(odd) .spec-section-details {
  background-color: #FFF;
}

.spec-section-text:nth-child(even) .spec-section-details {
  background-color: #fff;
}

.last-child-col-border {
  height: 3px;
  border-bottom: 3px solid #eaeaea;
  float: left;
  width: 100%;
}

.specSectionStyle.highlight {
  background-color: transparent;
  border-left: 2px solid #0696d7 !important;
  padding: 13px 10px 13px 35px;
  border-bottom: 0px solid #f5f5f5;
}
.spec-section-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.specview-header-icons {
	display: block;
  align-items: center;
  width:50%;
}

.previous-next-container {
	display: flex;
  align-items: center;
}
.specview-header-icons button {
	background-color: #fff;
  padding: 0 0px;
}
.specview-header-icons button img {
	width: 14px;
	margin: 0;
	min-width:14px;
	margin-left:5px;
	margin-right:5px;
}
.specview-header-icons .grey-border {
  background-color: #E0E0E0;
  width: 1px;
  height: 19px;
}
.specview-header-icons button:hover,
.specview-header-icons button:active,
.specview-header-icons button:focus {
  box-shadow: none !important;
}
.specs-view-options-container {
  background: #ffff;
  height: 36px;
}
.highlight-submittal-container>input {
	height: 16px;
	width: 16px;
	border-radius: 1px solid #BBBBBB;
	border-radius: 2px;
}
.highlight-submittal-container>label {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin: 0;
}
.highlight-checkbox-content {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.highlight-checkbox-content label.btn.btn-checkbox {
  right: 0;
  margin: 0;
}
.highlight-checkbox-content label.filter-labels {
  padding: 0 0 0 10px;
}
.highlight-checkbox-content
.highlight-checkbox-content label.btn.btn-checkbox span {
  top: -4px;
  left: 3px;
}
.specview-menu.specview-filter-dropdown > .filter-list {
  border-bottom: 1px solid #dcdcdc;
  padding: 12px 16px 12px 16px !important;
  margin: 0 !important;
  border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.specview-menu.specview-filter-dropdown > .filter-list-content > .filter-list {
  padding: 10px 16px !important;
}
.fancy-checkbox-warning-content.fancy-checkbox-content {
  display: flex;
  align-items: center;
}
.merge-intro-footer label.btn-checkbox {
    margin: -1px 10px 0 0 !important;
}
.fancy-checkbox-warning-content.fancy-checkbox-content > label.btn-checkbox {
  margin: 0 10px 0 0 !important;
}
.fancy-checkbox-warning-content.fancy-checkbox-content > label.filter-labels {
  padding: 0;
  text-transform: inherit;
}
.apply-filter-footer {
  border-top: 1px solid #DCDCDC;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.apply-filter-footer a {
  font-size: 12px;
  font-weight: 600;
  color: #0696d7;
  text-decoration: none;
}
.apply-filter-footer .btn-add-filters.btn-success-filter {
  padding: 4px 8px;
  margin: 0;
  border-radius: 2px;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters {
  display: flex;
  align-items: center;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters:hover{
	box-shadow: rgb(6 150 215 / 35%) 0px 0px 0px 2px !important;
}
.specview-action.backdrop-highlight .dropdown.submittal-group-filter-container.dropdown-added-filters.filters:hover > button{
	border-color:#0696d7 !important;
}
.submittal-group-filter-container.filters .specview-filter-applied{
	margin: 0;
    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0.2, 1) 0ms, border-color 200ms cubic-bezier(0.2, 0, 0.2, 1) 0ms;
    border: 1px solid rgb(187, 187, 187);
    font-family: "Artifakt Element", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    height: 36px;
    padding: 0px 11px;
    color: rgb(60, 60, 60);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-variant-numeric: tabular-nums;
}
.submittal-group-filter-container.filters .specview-filter-applied .filter-color{
	position:relative;
	top:3px;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters button:first-child {
  margin: 0;
  border-radius: 0px !important;
}
.specdropdown-filter{
	transition: box-shadow 200ms cubic-bezier(0.2, 0, 0.2, 1) 0ms, border-color 200ms cubic-bezier(0.2, 0, 0.2, 1) 0ms;
    border: 0px solid rgb(187, 187, 187);
    font-family: "Artifakt Element", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    height: 34px;
    padding: 0px 5px;
    color: rgb(60, 60, 60);
    font-variant-numeric: tabular-nums;
}
.spec-view-search .no-project-container.no-data-container{
	padding-top: 70px !important;
}
.specview-emptystatus{
	padding-top:40%;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters .btn.btn-add-filters.btn-success-filter{
	border:0px solid #ddd !important;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters button:nth-child(2) {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid rgb(187, 187, 187) !important;
  transition: box-shadow 200ms cubic-bezier(0.2, 0, 0.2, 1) 0ms, border-color 200ms cubic-bezier(0.2, 0, 0.2, 1) 0ms;
  height: 36px;
}
.open .specview-filter-applied, .specview-action .dropdown.open.submittal-group-filter-container.dropdown-added-filters.filters .specview-filter-applied + .btn{
	border-color:#0696d7 !important;
	box-shadow: rgb(6 150 215 / 35%) 0px 0px 0px 2px !important;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters button:nth-child(2) img {
  width: 20px;
  margin: 0;
  position: relative;
  left: 4px;
}
.apply-filter-footer a:hover {
  text-decoration: none;
}
.glyphicon-ok:before {
  left: -1px;
}
.spec-pdf-html-tab-container {
  border-bottom: none;
  display: flex;
  align-items: flex-end;
  height: 36px;
}

.pdf-content {
  padding: 0px 15px 0px 22px;
  cursor:pointer;
}
.input-group.add-on.dropdown-toggle.searchable-dropdown-button .form-control{
	font-size:14px !important;
}
.build-content {
  padding: 0 15px;
}
.spec-tab-htm-pdf {
  color: #666666;
  font-weight: 500;
  float: left;
  margin: 0px;
  border-bottom: 2px solid #fff;
  box-shadow: 0px 0px 0px #fff;
  padding: 0 0 5px 0;
  cursor:pointer;
}
.product-active .panel-submittal-header{
	width:70%;
}
 
.apply-filter-footer a.btn[disabled]:hover{
  color: #666;
}

.spec-tab-htm-pdf:hover {
  color: #3C3C3C;
  /*border-color: rgba(6, 150, 215, 0.35);*/
}

.spec-tab-htm-pdf.active {
  color: #3C3C3C;
  font-weight: 700;
  background-color:#fff;
  box-shadow: 0px 0px 0px #fff;
  /* height: 46px; */
  border-color: #0696d7;
  border-radius: 0px !important;
  cursor: pointer;
}

.spec-tab-htm-pdf span {
  font-size: 14px;
  line-height: 20px;
}

.specview-right-container .spec-tab-htm-pdf{
  border-color: #DCDCDC;
  padding: 0 12px 5px;
  cursor: pointer;
  border-bottom: 0px solid #dcdcdc;
  width: 50%;
  text-align: center;
}

.specview-right-container .spec-tab-htm-pdf.active {
  border-color: #0696d7;
  background-color:transparent;
  border-width: 2px;
}
#ckbxHighlightAllSubmittals + .btn-checkbox span.glyphicon-ok:before{
	top:3px;
}
#ckbxHighlightAllSubmittals.ng-not-empty + .btn-checkbox{
	background-color: #0696d7;
    border-color: #0696d7;
}
#ckbxHighlightAllSubmittals.ng-not-empty + .btn-checkbox span{
	width: 14px;
	max-width:100%;
	left:-1px;
}
#ckbxHighlightAllSubmittals.ng-not-empty + .btn-checkbox span.glyphicon-ok:before {
    top: -1px;
    left: 2px !important;
}
.spec-tab-htm-pdf i {
  width: 20px;
  height: 20px;
  background: #273343;
  color: #fff;
  float: left;
  margin-top: -3px;
  margin-right: 7px;
  border-radius: 32px;
  padding-top: 5px;
  font-size: 9px;
  text-align: center;
}

.spec-tab-htm-pdf.active i {
  background: #0696d7;
  color: #fff;
}

.spec-tab-htm-pdf .new-bubble {
    position: absolute;
    left: 115px;
    top: -22px;
    width: 48px;
    z-index: 10;
}

.smart-register-sub-pro-tab {
  float: left;
  /* width: 100%;
  height: 36px;
  background: #fff; */
}

.production-tab-container {
  overflow-y: auto;
  font-size: 12px;
  padding: 0px;
  float: left;
  width: 100%;
  /*background: #eeeeee;*/
  position: relative;
}

.action-col-submittal {
  background-color: #fff;
  padding: 10px 10px 5px 10px;
  float: left;
  width: 100%;
}
.specview-right-container .action-col-submittal.toolbar-shadow-top{
  background-color: #fff;
  border-bottom: 1px solid #dcdcdc;
    margin-left: 5%;
    margin-right: 0%;
    padding-left: 0px !important;
    padding-right: 0px;
    width: 90%;
    padding-bottom:10px;
}
.action-col-submittal.specview-action.backdrop-highlight{
	background-color:#fff;
}
.specview-action .bg-white{
    padding: 6px 10px !important;
    font-weight: 600;
    margin-right:5px;
}
.specview-action .bg-white:hover{
	background-color: #F6F6F6 !important;
    font-size: 14px;
    border-radius: 0px !important;
    padding: 6px 10px !important;
    font-weight: 600;
}
.action-col-btn {
  background: #fff;
  color: #3b4553;
  border: 0px;
  font-weight: 500;
  line-height: 20px;
  padding: 0px 10px;
  border-right: 1px solid #eee;
  margin-left: 0px !important;
  font-size: 11px;border-radius: 0px;
}

.action-col-btn:hover {
 /* color: #646d79 !important;
  background: #fbfbfb;*/
}

.action-col-btn-icon {
  padding: 4px;
  border-radius: 20px;
  background: #3b4553;
  color: #fff;
  height: 17px;
  width: 17px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  font-size: 9px;
  line-height: 9px;
}

.action-col-btn-icon + span {
    float: left;
}

.action-col-btn-arrow {
  float: right;
  padding-left: 10px;
  color: #d1d1d1;
  font-size: 16px;
  line-height: 22px;
}

.action-col-search {
  	margin-left: 5px;
  	margin-top: -1px;
  	width: 28.5% !important;
	z-index: 1 !important;
}

.action-col-search span {
  line-height: 25px;
  font-size: 11px;
  left: 6px !important;
}

.action-col-search input {
  height: 25px;
  font-size: 12px;
  padding-left: 26px !important;
  border: 1px solid #eee;
  margin-left: 10px;
  width: 100% !important;
}
.zoom.notes-border{
  margin-bottom: 15px !important;
}
 
.accordion-wrapper-submittals .title a,
.accordion-wrapper-submittals .title a:hover,
.accordion-wrapper-submittals .title a:focus {
  text-decoration: none;
  color:#3c3c3c !important;
}
.accordion-wrapper-submittals .title {
  font-size: 12px;
  color: #3C3C3C;
  cursor: pointer;
  background-color: #F5F8FA;
  border-radius: 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.accordion-wrapper-submittals .panel-heading.title {
  padding: 15px 15px 15px 15px;
}
.accordion-wrapper-submittals .title img {
  margin: 0 13px 0 0;
}
/* .accordion-wrapper-submittals .title.collapsed{
  background-color: #fff !important;
} */
.expand-panel {
  background-color: #f8f8f8 !important;
}
/* .specs-right-tab .panel-body.accordion-wrapper-submittals-pan-body{
  border-top-color: transparent !important;
} */
.accordion-wrapper-submittals {
  border: 0px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #fff;
  border-color: #fff !important;
}
.accordion-wrapper-submittals-pan-body {
  background-color: #fff;
  border-top: none !important;
  padding: 15px 0px;
}

.panel-col-submmitals {
  height: auto;
  -webkit-box-shadow: 0 0 0px 0px #CCC;
  -moz-box-shadow: 0 0 0px 0px #CCC !important;
  box-shadow: 0 0 0px 0px #CCC !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  float: left;
  width: 100%;
}

.panel-header-text {
  font-size: 12px;
  font-weight: 700;
  color: #4D4D4D;
  line-height: 16px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	position: relative;
    top: 1px;
}

.panel-col-submmitals-action-icons {
  display: block !important;
  float: right;
  max-width: 140px;
  margin-top: -10px;
  text-align: right;
}

.dropdown-menu.submittal-actions-menu {
  min-width: 165px;
  max-width: 195px;
  left: auto !important;
  right: 20px !important;
  margin: 0;
  margin-top:17px;
}
.specsection-action + .dropdown-menu.submittal-actions-menu:before,.dropdown-menu.submittal-actions-menu + .dropdown-menu.submittal-actions-menu:before{
	position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0px 0px;
    content: " ";
    top: -2px;
    border-bottom-color: #fff;
    border-right: transparent;
    background: 0 0;
    transform: rotate(-133deg);
    box-shadow: 1px 1px 1px rgb(181 170 170 / 88%);
}
.specsection-action
{
	left: 24.5% !important;
}
.dropdown-menu.submittal-actions-menu li {
  padding: 10px 0px;
  cursor: pointer;
  font-weight: 500;
}
.dropdown-menu.submittal-actions-menu li > div,.dropdown-menu.specview-actions-dropdown li > div{
    padding-left: 17px;
    padding-right:17px;
}
.dropdown-menu.submittal-actions-menu li .navbar ul.navbar-nav li,.dropdown-menu.specview-actions-dropdown li .navbar ul.navbar-nav li{
	width: 100%;
    padding-left: 20px !important;
}
 
.dropdown-menu.submittal-actions-menu li a:hover {
  color:#3c3c3c !important;
}
.dropdown-menu.submittal-actions-menu li:hover {
  background-color: #F6F6F6;
}
.dropdown-menu.submittal-actions-menu li img {
  width: 17px;
  margin-right: 5px;
}
.copy-dropdown:hover .copy-dropdown-menu {
  display: block;
  right: 198px;
  left: auto;
  top: 54px;
}

.panel-col-submmitals-footer .add-to-register-submittals {
  float: right;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #eee;
}

.accordion-wrapper-submittals-pan-body .panel-col-submmitals-result .fancy-checkbox {
  padding: 20px 17px !important;
}
.panel-col-submmitals-result b {
  font-size: 11px;
  line-height: 16px;
}

.panel-col-submmitals-result.fancy-checkbox {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  float: left;
  width: 100%;
  margin-bottom: 0px;
  background: #FFF;
  padding: 20px 18px 15px 17px !important;
}

.panel-submittal-header {
  display: flex;
  align-items: center;
  width: 75%;
}
.m-l50 .panel-col-submmitals-action-icons .createdIcon{
	margin: 5px 6px 0 20px;
}
.panel-col-submmitals-header {
  width: 100%;
  /*border-bottom: 1px dashed #eee;*/
  background: #fff;
  display: flex;
  justify-content: space-between;
}

.panel-col-submmitals-body {
  float: left;
  width: 100%;
  padding: 0 45px 26px 47px;
}

.panel-col-submmitals-body span {
  font-size: 12px;
  color: #4d4d4d;
  line-height: 16px;
  margin-bottom: 0px !important;
  font-weight:500;
  /*padding-left: 5px;*/
}

.panel-col-submmitals-body span.show-more-planview-description {
  font-weight: 600;
  color: #0696d7;
  text-decoration: none;
  display: block;
  padding: 0;
}

.panel-col-submmitals-footer {
  float: left;
  width: 100%;
  /*padding: 10px 18px;*/
  /* background: #f9f9f9; */
  border-bottom: 0px solid #e5e5e5;
  margin-bottom: 0px;
  /*border-top: 1px dashed #e5e5e5;*/
  padding: 3px 18px 3px 33px;
}
.acc-search-speclink,
.acc-search-speclink a {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.panel-col-submmitals-footer a {
  color: #3b4553;
  float: right;
  text-decoration: underline;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #eee;
}

.panel-col-submmitals-footer span {
  color: #0754be;
  font-weight: 500;
  font-size: 12px;
}
.btn-pdfvisible{
	display:block;
}
.panel-col-submmitals-footer span b {
  color: #aeaeae;
  font-weight: 300;
  font-size: 10px;
}

.panel-col-submmitals-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 2px !important;
  border: 1px solid #dadada;
  padding: 1px 0px 0px 0px;
  text-align: left;
  margin: 0 14px 0 0 !important;
}

.panel-col-submmitals-checkbox span {
  font-size: 9px;
  position: absolute;
  color: #0754be;
  left: 0px;
  top: 2px;
}

.editIcon, .deleteIcon {
  width: 22px;
  height: 22px;
  background-color: #dadada !important;
  border-radius: 30px !important;
  color: #3b4553 !important;
  margin-top: 0px;
  line-height: 22px;
  margin-right: 4px;
  text-align: center;
  font-size: 10px;
  float: left !important;
  padding: 0px !important;
}

.panel-col-submmitals-footer > span {
    width: 43%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-highlighted{
	background-color: #f3f3f3 !important;
}

.action-col-btn-label{
	float: left;
    padding: 1px 0;
}

.submittals-subheading{
    width: 18px;
    margin: 0 5px 0 1px;
}
.specview-action .down-arrow{
	filter:invert(0.19) sepia(1) saturate(60) hue-rotate(194.4deg) brightness(1.05);
}
.filter-cross{
	filter:none !important;
}
/* plan view css */


.plan-view .specs-schedules-link-icons {
    display: inline-block;
    float: none;
}

.plan-view .dropdown.project-version-dropdown {
    float: none;
    display: inline-block;
}

.drawing-specs-header-right-content.plan-view {
    text-align: right;
    padding: 0px;
    cursor: default;
    position: relative;
    right: 5px !important;
}
.popover.specview-add-popover.planview-add-popover .arrow {
    right: 152px;
    left: auto;
}


div#wrapper {
	background: #fff;
}
/*9.0 specview page changes*/
.specview-icon{
	float: left;
    height: 21px;
    width: 21px;
    margin-top: 2px;
}
.planview-icon{
  float: left;
  height: 21px;
  width: 21px;
  margin-top: 2px;
}
.plan-view .fullScreen-btn-container {
    width: auto;
    height: auto;
    background: #e1e2e2;
    margin: 1px 11px 0px 11px;
}
.drawing-specs-header-right-content.plan-view button.btn-link {
    padding: 10px;
    margin: -1px;
}
.drawing-specs-header-right-content.plan-view button.btn-link i.glyphicon.glyphicon-resize-full {
    font-size: 13px;
    float: left;
}
.specview-container{
	margin-top: 36px;
}
.pos-l-m6 {
    position: relative;
    left: -6px;
}
.filter-cricle-up {
    line-height: 20px!important;
    font-size: 14px!important;
    position: relative;
    top: 3px;
    right: 10px;
    color: grey;
}
.filter-expand-collapse {
    float: left!important;
}
.left-col-div-container .spec-view-division-container .spec-view-coll-expand-icon {
    position: relative;
    left: 4px;
}
.spec-section-text .submittal-pdf-icon{
	  margin-left: 8px;
    margin-right: 2px;
    height: 21px;
    float: left;
}
.specStyle {
	font-size: 12px;
	line-height: 16px;
	color: #000;
}
.addendumversion{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    display: inline-block;
    max-width: 80%;
}
.highlight .selectItem.specStyle{
  color: #0696d7 !important;
  font-weight: 600 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.spec-section-text .highlightedSubPdf .selectItem.specStyle{
	color:#0696d7;
	font-weight: 700;
}
.specview-icons{
	font-size: 16px;
    color: #999;
    cursor: pointer;
    z-index: 1000;
    margin-top: 1px;
}
.spec-edit{
  width: 22px!important;
  padding: 4px 4px;
  border-radius: 3px;
  margin: 0;
}
.m-r3 {
    margin-right: 3px!important;
}
m-r5{
	margin-right: 5px !important;
}
.spec-tab-htm-pdf img{
margin-top: -7px;
    width: 20px;
    margin-right: 7px;
    padding-top: 5px;
    font-size: 9px;
    text-align: center;
    float: left;
}
.button-container {
  display: flex;
  align-items: center;
}
.action-col-submittal .btn-default {
  background-color: #fff !important;
  border-color: #BBBBBB !important;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  margin-right: 0px;
  height:24px;
}
.action-col-submittal .btn-default img {
  width: 13px;
  padding: 0;
  margin: 0 5px 0 0;
  filter:invert(0.19) sepia(1) saturate(60) hue-rotate(194.4deg) brightness(1.05);
}
.action-col-submittal .btn-default img.down-arrow {
  width: 8px;
  margin: 0 0 0 5px;
}
.action-col-submittal .btn-default span {
  font-size: 12px;
  font-weight: 500;
  color: #006EAF;
  line-height: 14px;
}
.action-dropdown {
  display: inline;
  float: left;
}
.btn-default.focus,
.btn-default:focus,
.btn-default:hover,
.btn-default,
.btn-default.active,
.btn-default:active {
  background-color: #F6F6F6 !important;
  border-color: #BBBBBB !important;
}
.dropdown-submenu {
	position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.specview-actions-dropdown {
	top: 30px;
    left: -85px;
    min-width: 270px;
}
.specview-actions-dropdown.multi-level:before {
  left: 62.6% !important;
}
.specproduct-active + .specview-action .action-dropdown .specview-actions-dropdown.multi-level:before {
  left: 64% !important;
}
.specproduct-active + .specview-action .action-dropdown.dropdown.open .dropdown-toggle .down-arrow{
  left: 5px;
}
.specview-actions-dropdown li {
  padding: 10px 0px;
  cursor: pointer;
}
.specview-actions-dropdown li.p-l50{
	padding-left: 0px;
    padding-right: 0px;
}
.specview-actions-dropdown li a {
  padding: 0 !important;
  display: flex;
  align-items: center;
  color:#3c3c3c !important;
}
.specsection-action li:hover a{
	color:#3c3c3c;
}
.specview-actions-dropdown li a:focus {
  outline: none;
  text-decoration: none;
}
.specview-actions-dropdown li:hover,
.specview-actions-dropdown li a:hover {
  background-color: #F6F6F6;
  text-decoration: none;
}
.speclist-highlight {
  background-color: #FFF !important;
  text-decoration: none;
  padding:0px !important;
}
.speclist-highlight ul.navbar-nav{
	border-top: 0px solid #dcdcdc; 
    border-bottom: 1px solid #dcdcdc;
}
.speclist-highlight > div{
	background-color:#f6f6f6;height:43px;padding-top: 10px;
}
.products-actions-dropdown{
	top: 21px;
    left: -211px;
}
.specview-menu:before {
  /* position: absolute;
  top: -7px;
  left: 71px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2); */
  content: none;
}

.specview-menu:after {
  position: absolute;
  top: -6px;
  left: 71px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: none;
}
.specview-filter-applied + .specview-menu:before {
    left:89px;
}
.specview-filter-applied + .specview-menu:after {
    left:89px;
}
.specViewPage .specview-filter-dropdown.dropdown-menu-right {
  right:auto;
}
.specViewPage .specview-filter-dropdown.dropdown-menu-right:before {
 	position: absolute;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px;
    content: " ";
    top: -4px;
    left: 91.7% !important;
    border-bottom-color: #f6f6f6;
    border-right: transparent;
    background: 0 0;
    transform: rotate(-133deg);
    box-shadow: 1px 1px 1px rgb(181 170 170 / 88%);
}
.panel-col-submmitals-action-icons img {
    margin: 2px 3px;
    width: 15px;
    transform: rotate(90deg);
    position: relative;
    top: 7px;
    left:7px;
}
.production-tab-container .panel-col-submmitals-action-icons .dropdown.open a img,.production-tab-container .panel-col-submmitals-action-icons .dropdown a img:hover{
	filter:invert(0.19) sepia(1) saturate(60) hue-rotate(194.4deg) brightness(1.05);
}
.action-col-submittal .dropdown .dropdown-menu img{
	width: 16px;
  margin-right: 10px;
}
.action-col-submittal .dropdown .dropdown-menu li.disable-div img{
	opacity:.5;
}
.action-col-submittal .dropdown .dropdown-menu li a + img {
  width: 6px;
  margin-right: 0;
}
.dropdown.submittal-group-filter-container.dropdown-added-filters.filters .dropdown.open .btn-default{
	box-shadow: rgb(6 150 215 / 35%) 0px 0px 0px 2px !important;
    border-color: rgb(6, 150, 215) !important;
    outline-color: transparent;
}
.page-slider{
	    margin-top: -3px;
}
.side-div-fullscreen{
	height: calc(100vh - 112px) !important;
}
.specview-right-container .smart-register-sub-pro-tab {
  background-color: #fff;
  width: 90%;
    padding: 24px 0px 0;
    height: 51px;
    margin: 0 5%;
    border-bottom: 1px solid #dcdcdc;
}
/*.panel-col-submmitals .panel-col-submmitals-header{
  height:35px;
}*/
/*#page-content-wrapper .specs-left-tab, #page-content-wrapper .specs-pdf-view-tab, #page-content-wrapper .specs-right-tab{
  float: left;
}*/
#page-content-wrapper .specs-left-tab .spec-view-left-search{
  display: none;
}
#page-content-wrapper.specs-toggled .specs-left-tab .spec-view-left-search {
  display: block;
}
#page-content-wrapper .specs-left-tab{
  width: 0%;
}
#smartview-wrapper .active-search #specview-wrapper #page-content-wrapper .specs-pdf-view-tab {
  padding-left: 0 !important;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper .specs-pdf-view-tab{
  width: 100%;
  /* padding-right: 30px !important; */
    padding-left: 0px !important;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper .specs-right-tab{
  width: 0%;
  display: none;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.toggled .specs-left-tab{
  width: 0%;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.toggled .specs-pdf-view-tab{
  width: 67%;
  padding-right: 0px !important;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.toggled .specs-right-tab{
  width: 33%;
  display: block;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled .specs-left-tab{
  width: 25%;
  border-right: 1px solid #dcdcdc;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled .specs-pdf-view-tab{
  width: 75%;
  /* padding-right: 30px !important; */
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled .specs-right-tab{
  width: 0%;
  display: none;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled.toggled .specs-left-tab{
  width: 22%;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled.toggled .specs-pdf-view-tab{
  width: 50%;
  padding-right: 0px !important;
}
#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled.toggled .specs-right-tab{
  width: 31%;
  display: block;
  padding-top:0px;
  background-color: #fff;
  position: relative;
  top: 0px;
}
#page-content-wrapper.toggled .ui-resizable-handle.ui-resizable-e {
  width: 1px;
  background-color: #dcdcdc;
  margin-right: 0 !important;
}
#right-click-menu + .ui-resizable-handle.ui-resizable-e {
	top:0px;
}
/* #page-content-wrapper .ui-resizable-handle.ui-resizable-e{
  margin-right: 12px !important;
} */
#specviewTab{
  /* margin-left: 12px; */
  /*margin-bottom:5px;*/
}
#smartview-wrapper .min-search-view + .active-search #specview-wrapper #page-content-wrapper.toggled .specs-right-tab{
  width: 39%;
}
.d-flex{
  display: flex;
}
.specsection-action li a{
	padding:8px 20px;
}
.specsection-action li a:hover{
	padding:8px 20px;
	color:#3c3c3c !important;
}
.specsection-action li a img{
	width:14px;
}
.navbar-collapse{
	padding-left:30px;
}
.navbar-collapse.collapse.in{
	display:block !important;
}
.navbar-collapse.collapse{
	max-height: 0;
    overflow: hidden !important;
	padding-left: 30px;
    padding-right: 0px;
    -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
}
.copy-collapse-height.collapse.in{
	max-height: 90px !important;
}
.download-collapse-height.collapse.in{
	max-height: 130px !important;
}
.download-collapse-height .publish-submittals + .tooltip{
	top:70px !important;
	left:-1px !important;
	width:269px !important;
}
ul{
	list-style:none;
	padding-left: 0px;
}
.navbar-collapse ul{
	list-style:none;
}
.specview-action .navbar{
	margin-bottom:0px;
	min-height: 0px;
}
.copy-dropdown .navbar {
    margin-bottom: 0;
	min-height: 0;
}
.specview-filt {
	height: 49px;
    margin: 0px 10px;
    display:flex;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0px 0px 5px #dcdcdc !important;
    padding: 5px 15px 5px 10px;
}
.specview-filt .filter-info{
	padding-top: 3px;
	font-size:11px;
	padding-left: 8px;
	padding-right:10px;
}
.specification-specview{
    float: left;
    width: 50%;
}
.specification-specview + .spec-view-left-col-collapse{
	float: left;
    width: 50%;
    color: #0696d7;
    position: relative;
    height: 37px;
    top: 0px;
}
.spec-view-left-col-collapse .expand-collapse{
	font-size: 12px !important;
    color: #0696d7;
    position: relative;
    top: 3px;
    left:0px;
    padding: 6px 10px !important;
}
.spec-view-left-col-collapse .expand-collapse:hover{
	background-color: #F6F6F6 !important;
    border-radius: 0px !important;
    padding: 6px 10px !important;
}
/*------ Media Query -------*/
@media ( max-width: 1659px) {
  .filter-listing-body {
    height: 34px;
  }
  .checkmark {
    height: 16px;
    width: 16px;
    margin-top: 3px;
    position: relative;
    left: 2px;
  }
  .common-checkbox-container .checkmark:after {
    left: 5px;
    top: 0px;
  }
  .specs-listing-header span {
    font-size: 10px;
  }
  .spec-code-container {
    font-size: 12px;
    line-height: 18px;
  }
  .spec-name-container {
    font-size: 12px;
    line-height: 18px;
  }
  .drawing-listing-body {
    font-size: 12px;
    line-height: 22px;
  }
  .drawing-listing-header span {
    font-size: 12px;
    line-height: 20px;
  }
  .specs-left-accordion-heading h4 {
    font-size: 13px;
    line-height: 17px;
  }
  .drawing-specs-common-header span {
    font-size: 18px;
  }
  .drawing-specs-header-left-content h1 {
    padding-left: 8px;
    font-size: 20px;
    line-height: 32px;
  }
  .filter-division-name-container {
    line-height: 24px;
    font-size: 11px;
  }
  .add-schedule-btn span {
    float: left;
    font-size: 13px;
  }
}
@media (min-width:1661px) and (max-width:1980px){
	.specview-filt .filter-info{
		padding-top:11px;
	}
}
@media ( max-width: 1600px) {
  .left-accordion-container {
    height: 82vh;
  }
  .drawing-listing-container {
    height: 73.5vh;
  }
  .filter-listing-container {
    height: 79vh;
  }
  .Drawing-specs-main-body-container {
    height: 92.5vh;
  }
}
  @media ( max-width: 1464px) {
    .part-title{
     max-width:225px !important;
    }
    .drawing-specs-common-header span {
      font-size: 13px;
    }
    .division-accordion-text {
      font-size: 12px !important;
    }
    .Drawing-specs-main-body-container {
      height: 92.4vh;
    }
    .drawing-specs-main-body-container {
      height: 85.5vh;
    }
    .drawing-specs-left-container {
      float: left;
      height: auto;
    }
    .filter-listing-container {
      height: 79.5vh;
    }
    .left-accordion-container {
      height: 81vh;
    }
    .drawing-listing-container {
      height: 72vh;
    }
    .drawing-specs-right-container {
      height: 85vh;
    }
    .sidebar-wrapper {
      height: 92.5vh;
    }
    .drawing-listing-checkbox {
      float: left;
      width: 6%;
      height: 25px;
    }
    /* .specSectionStyle {
      padding: 8px 4px 8px 22px !important;
    } */
  .panel-col-submmitals-body span {
    font-size: 11px;
  }
  .drawing-specs-header-left-content h1 {
    padding-left: 8px;
    font-size: 18px;
    line-height: 34px;
}
  }

  @media ( max-width: 1290px) {
    .part-title{
    	max-width:40% !important;
    }
    .specview-header-icons{
    	width: 60%;
    }
    .drawing-specs-common-header span {
      font-size: 13px;
    }
    .division-accordion-text {
      font-size: 12px !important;
      width:80%;
    }
    .Drawing-specs-main-body-container {
      height: 92.4vh;
    }
    .drawing-specs-main-body-container {
      height: 85.5vh;
    }
    .drawing-specs-left-container {
      float: left;
      height: auto;
    }
    .filter-listing-container {
      height: 79.5vh;
    }
    .left-accordion-container {
      height: 81vh;
    }
    .drawing-listing-container {
      height: 72vh;
    }
    .drawing-specs-right-container {
      height: 85vh;
    }
    .sidebar-wrapper {
      height: 92.5vh;
    }
    .drawing-listing-checkbox {
      float: left;
      width: 6%;
      height: 25px;
    }
    /* .specSectionStyle {
      padding: 8px 4px 8px 22px !important;
    } */
  .panel-col-submmitals-body span {
    font-size: 11px;
  }
  .drawing-specs-header-left-content h1 {
    padding-left: 8px;
    font-size: 18px;
    line-height: 34px;
	}
	.spec-check + .pype-ai-small .pypeai-small {
    	display:none;
	}
	.spec-check + .pype-ai-small img{
		margin-right:0px;
	}
  }
  @media (max-width: 1170px){
  	.part-title{
  		max-width: 25%!important;
  	}
  	.specview-header-icons {
    	width: 75%;
	}
	.toggled.specViewPage .specview-actions-dropdown{
		left: -195px;
	}
	.toggled.specViewPage .specview-actions-dropdown.multi-level:before {
    	left: 85.8% !important;
	}
	.toggled.specViewPage .avail-submittals-ai-popup{
		margin-left:15px !important;
	}
	.toggled.specViewPage .specview-action .bg-white{
		margin-right: 0px;
	    margin-left: 5px !important;
	    padding: 6px 10px;
	}
	.toggled.specViewPage.m-l50 .specview-action .bg-white{
		margin-right: 20px;
	    margin-left: 0px !important;
	    padding: 6px 10px;
	}
	.toggled.specViewPage .submittal-expand-collapse-container a{
		padding: 6px 10px 6px 0;
	}
	.toggled.specViewPage.m-l50 .submittal-expand-collapse-container a{
		padding: 6px 10px 6px 0;
	}
	.toggled.specViewPage .dropdown.submittal-group-filter-container.dropdown-added-filters.filters{
		margin-right:10px;
	}
	.toggled.specViewPage.m-l50 .dropdown.submittal-group-filter-container.dropdown-added-filters.filters{
		margin-right:20px;
	}
	.specdropdown-filter .action-col-btn-label{
		display:none !important;
	}
	.toggled.specViewPage .specview-filt .filter-info {
	    font-size: 10px;
	    width: 90%;
	    padding-top: 0px;
	}
	.toggled.specViewPage.m-l50 .specview-filt .filter-info {
	    font-size: 10px;
	    width: 88%;
	    padding-top: 5px;
	}
	.toggled.specViewPage .avail-submittals-ai-popup span.clr-blue,.toggled.specViewPage .action-dropdown .dropdown-toggle span.clr-blue,.action-col-submittal.specview-action .btn span.clr-blue{
		display:none;
	}
	/*.toggled.specViewPage.m-l50 .avail-submittals-ai-popup span.clr-blue,.toggled.specViewPage.m-l50 .action-dropdown .dropdown-toggle span.clr-blue{
		display:block;
	}*/
	.toggled.specViewPage .filter-info-close{
		right:17px !important;
	}
	.toggled.specViewPage.m-l50 .filter-info-close{
		right:40px !important;
	}
	.action-col-submittal{
		padding-left:10px;
	}
	.toggled.specViewPage.m-l50 .specview-filt{
		width:85%;
	}
	.specdropdown-filter .fa.fa-angle-down{
		left:2px !important;
	}
	.specview-action .bg-white:hover{
		padding: 6px 10px !important;
	}
	.toggled.specViewPage .panel-submittal-header{
		width:55%;
	}
	.toggled.specViewPage.m-l50 .panel-submittal-header{
		width:65%;
	}
	.spec-view-left-col-collapse .expand-collapse:hover{
		padding: 6px 0px !important;
		font-size: 11px !important;
	}
	.toggled.specViewPage .spec-view-left-col .spec-view-left-col-header span {
    	font-size: 10px !important;
	}
	.toggled.specViewPage.m-l50 .spec-view-left-col .spec-view-left-col-header span {
    	font-size: 12px !important;
	}
	.specification-specview {
	    float: left;
	    width: 55%;
	}
	.specification-specview + .spec-view-left-col-collapse {
	    float: left;
	    width: 45%;
	}
	.toggled.specViewPage.m-l50 .specview-right-container .spec-tab-htm-pdf{
		padding: 0 12px 5px;
	}
	.toggled.specViewPage .specview-right-container .spec-tab-htm-pdf{
		padding: 0 5px 5px;
	}
	.toggled.specViewPage.m-l50 .specview-actions-dropdown{
		left: -158px;
	}
    .toggled.specViewPage.m-l50  .specview-actions-dropdown.multi-level:before {
    	left: 70.4% !important;
	}
	.toggled.specViewPage .submittal-expand-collapse-container a:hover{
		margin-right:15px;
	}
	.toggled.specViewPage.m-l50 .submittal-expand-collapse-container a:hover{
		margin-right:15px;
	}
	.toggled.specViewPage.m-l50 .specproduct-active + .specview-action .specview-actions-dropdown {
  	  left: -93px;
	}
	.selectItem.specStyle + .tooltip{
	 left:10px !important;
	}
	#buildsubmittals-view-container.html-view-container .html-view-div .page {
	    width: 1000px !important;
	    display: flex;
	}
	.spec-check + .pype-ai-small .pypeai-small {
    	display:none;
	}	
	.spec-check + .pype-ai-small img{
		margin-right:0px;
	}
	#smartview-wrapper #specview-wrapper #page-content-wrapper.specs-toggled.toggled .specs-right-tab
	{
    width: 29%;
    }
    .specViewPage .submittal-group-filter-container .dropdown-menu
    {
    left:-60px;
    }
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .drawing-listing-checkbox {
      float: none;
    }
  }
  @media only screen and (max-width:2600px) and (min-width:2240px){
  	.specview-filt .filter-info{
  		padding-top:10px;
  	}
  }
 
 
  .drawing-listing-edit-delete a {
    text-align: right;
  }
 

@media ( max-width: 1366px) {
  #sideDiv.left-col-div-container {
    height: calc(100vh - 195px) !important;
  }
  .Drawing-specs-main-body-container {
    height: 91vh;
  }
  .drawing-listing-container {
    height: 67vh;
  }
  .left-accordion-container {
    height: 81vh;
  }
  .drawing-specs-right-container {
    height: 83vh;
  }
  .filter-listing-container {
    height: 75.5vh;
  }
}

@media ( max-width: 1280px) {
  .left-accordion-container {
    height: 67vh;
  }
  .drawing-specs-main-body-container {
    height: 91vh;
  }
  .Drawing-specs-main-body-container {
    height: 90.8vh;
  }
  .drawing-listing-container {
    height: 67vh;
  }
  .drawing-specs-right-container {
    height: 83vh;
  }
  .filter-listing-container {
    height: 74.5vh;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1250px){
	.specview-filt .filter-info{
		font-size: 10px;
	}
	.specdropdown-filter .action-col-btn-label{
		font-size: 10px;
		position: relative;
		left: 15px;
		bottom: 16px;
	}
	.spec-view-left-col .spec-view-left-col-header span{
		font-size:12px !important;
	}
	.spec-view-left-col-collapse .expand-collapse{
		padding: 6px 0px !important;
		font-size: 12px !important;
	}
	.m-l50 .panel-col-submmitals-action-icons .createdIcon,.panel-col-submmitals-action-icons .createdIcon {
    	margin: 5px 4px 0 8px;
	}
	.specview-right-container .specproduct-active + .specview-action .action-dropdown .specview-actions-dropdown.multi-level:before {
    	left: 36.5% !important;
	}
	.m-l50 .specview-right-container .specproduct-active + .specview-action .action-dropdown .specview-actions-dropdown.multi-level:before {
    	left: 71.5% !important;
	}

}
.specview-export {
  max-height: 250px;
  overflow-y: auto;
  padding-top: 0px !important;
  padding-bottom:0px !important;
}
.specview-export > li{
  border-bottom: 1px solid #ebebeb;
  padding: 3px 0px;
  border-left: 3px solid #fff;
}
.specview-export > li:hover{
  border-left: 4px solid #0696d7 !important;
  box-shadow: 2px 2px 2px #e0dede;
}
.specview-export > li > a:hover{
  background-color: #fff;
}
.specview-export > li > a > img{
  width: auto !important;
  height: 24px;
}
.cards-spec{
  padding: 10px 15px 10px 15px !important;
  display: inline-block;
}
/*#collapseProductData .cards-spec{
	padding-right:35px !important;
}*/
.cards-spec .panel-col-submmitals {
  box-shadow: 0 1px 6px rgb(12 44 84 / 12%);
    background: #fff;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px;
}
.cards-spec .panel-col-submmitals:hover:before {
    box-shadow: 0 1px 6px rgb(12 44 84 / 12%);
    border: 2px solid hsla(0,0%,50.2%,.15);
}
.cards-spec .panel-col-submmitals:hover {
	box-shadow: 0 1px 6px rgb(12 44 84 / 12%) !important;
    background: #fff;
    border: 1.5px dashed #DCDCDC !important;
    border-radius: 4px;
}
.cards-spec .panel-col-submmitals:hover .fancy-checkbox{
	background-color:#fff;
}
.cards-spec .panel-col-submmitals:focus,
.cards-spec .panel-col-submmitals:focus .panel-col-submmitals-header {
  background-color: #D3E9F5;
}
.submittals-border.selectCard {
	border: 1px solid #0696d7;
  border-radius: 4px;
  box-shadow: none !important;
}
.accordion-wrapper-submittals-pan-body .cards-spec:nth-child(1){
  padding-top:0px !important;
}
.specview-right-container{
  border-left: 0px solid #dedede;
}
#collapseIndexes + .ui-resizable-handle,#schedule-references-container{
	display:none !important;
}
@media only screen and (max-width: 1439px) and (min-width: 1281px){
/* .smart-register-sub-pro-tab .spec-tab-htm-pdf {
    height: 32px;
    font-size: 9px;
} */
}
@media only screen and (max-width:1260px) and (min-width:1024px){
	.specs-right-tab .action-col-submittal .btn-default span{
		display:none;
	}
	.closeicon-small{
		width:10px !important;
		right:0px !important;
	}
}
.division-col-accordion .spec-view-coll-expand-icon{
    background-color: transparent;
    top:0px;
}
.spec-view-coll-expand-icon.fa{
    top:1px;
    background-color: transparent;
}
/* Smartview Start */
.specview-header{
  background-color: #fff;
  box-shadow: 0px 0px 0px #fff;
  border-top: 0px solid #d9d9d9;
  border-bottom: none;
  border-radius: 0px !important;
  font-weight: 600;
  padding: 0px 17px 8px 0px !important;
}
#productDataGrid .spec-logo{
	right: 0px !important;
}
.specview-header h1,.smartview-active h1{
  font-size:12px;
  margin-top:0px !important;
  float: left;
}
.smartview-active h1 span{
  color: #3C3C3C;
  margin: 0;
}
.smartview-active{
  /* color: #0696d7;
  background-color: #fff;
  box-shadow: 0px 0px 0px #fff;
  border-bottom: none;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-weight: 600; */
  border-top: 0 solid #0696d7;
  padding: 0 !important;
}
.specViewPage .pypeHeading {
	height: 106px;
	width: calc(100% - 260px);
}
.specViewPage.m-l50 .pypeHeading {
	height: 106px;
	width: calc(100% - 90px);
}
.specview-header-dropdown {
  font-size:14px;
  line-height: 16px;
  float: left;
  padding: 12px 0 0 0 !important;
}
.specview-header-dropdown .dropdown-text {
	font-size: 14px;
	font-weight:500;
	float: left;
}
.specview-header-dropdown .dropdown-version {
	font-weight: 600;
	font-size:14px;
	float: left;
}
.fullScreen-btn-container #specview-fullscreen{
  padding:10px !important;
}
.fullscreen-specview .fullScreen-btn-container #specview-fullscreen{
  padding: 7px 8px 6px 8px !important;
}
/* Create a custom checkbox */
.submittal-filter-checkmark {
	position: relative;
	/*top: 3px;
	left: 5px;*/
	min-height: 18px;
	min-width: 18px;
	display: inline-block;
	border-radius: 3px;
	box-shadow: inset 0 0px 1px 0 rgba(0, 0, 0, 0.34);
	border: solid 1.5px #bdbdbd;
	background-color: #ffffff;
}
.submittal-filter-checkmark:hover{
	background-color: #f1f1f1;
}
.submittal-filter-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.submittal-filter-check .submittal-filter-checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #606060;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Show the checkmark when checked */
.submittal-filter-check input:checked ~ .submittal-filter-checkmark:after {
	display: block;
}

.products-actions-dropdown li.divider {
  margin:0px;
  padding:0px;
}
.products-actions-dropdown li{
  padding:0px;
}
.products-actions-dropdown li > a:hover{
  background-color: #fff !important;
  border-left: 4px solid #0696d7 !important;
  border-right: 3px solid #fff;
  box-shadow: 2px 2px 2px #e0dede;
}
.products-actions-dropdown > li > a{
  padding: 8px 5px;
  border-left: 3px solid #fff;
}
.accordion-wrapper-submittals-pan-body .cards-spec{
  display: flex;
}
.specifiction-list-action.dropdown.open{
  overflow: inherit;
}
.dropdown-menu.actions-menu {
  min-width: 112px;
  padding: 3px 0px;
  margin: 0;
  margin-top:5px;
}
/*.specifiction-list-action .dropdown-menu.dropdown-menu-right li img{
      display: block!important;
}*/
.specview-link{
  background-color: transparent !important;color: #3bace3 !important;font-size: 14px !important;
  position: relative;left: 2px;border-radius: 3px !important;
}
.specview-link:hover{
  background-color: #eee !important;
}
.spec-section-text .specifiction-list-action {
  display: none !important;
  padding-right: 10px;
  cursor: pointer;

}
.spec-section-text:hover .specifiction-list-action {
  display: block !important;
}
#ddbtn-specplans .filter-icon{
  padding:5px 4px 4px 5px !important;
}
#ddbtn-specplans .filter-icon img{
  width: 16px !important;position: relative;top: 2px;
}
#ddMBtnColumns .filter-icon img{
  width: 16px !important;
}
/* Smartview End */
.filter-container .submittal-filter-check input:checked + .submittal-filter-checkmark{
    color:#0375df;
    border: 2px solid #0375df;
}
.filter-container .submittal-filter-check input:checked + .submittal-filter-checkmark:after{
    border-color:#0375df;
}
.merge-intro-footer .common-checkbox-container input:checked~.checkmark{
	background-color: #0696d7;
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
    left: 2px;
}
.merge-intro-footer .common-checkbox-container input:checked~.checkmark:after{
	 background:url(/autospecs/images/unification/smartregister/check.svg) no-repeat !important;
	 height: 12px;
    width: 12px;
    position: relative;
    top: 3px;
    left: 2px;
}
.specifiction-list-action .dropdown-toggle img{
	transform: rotate(90deg);
}
.specifiction-list-action .dropdown-toggle img:hover{
	filter:invert(0.19) sepia(1) saturate(60) hue-rotate(194.4deg) brightness(1.05);
}
.highlightedText {
	background: #D3E9F5 !important;
}
.filter-info-close {
    display:inline-block; opacity:.5;
    background-color:transparent !important;
    padding-top: 2px;
    font-size:28px;
    position: absolute;
    right: 15px;
}
.specview-action .action-dropdown.dropdown.open .dropdown-toggle .down-arrow{
	transform: rotate(180deg);
	position: relative;
    left: 2px;
}
.filter-info {
    display:inline-block;
    padding-top:5px;
    color: #3c3c3c;
}
.loader.specview > div{
	top:50%;
}
.specview-options-label.spec-tab-htm-pdf[disabled],.specview-options-label.spec-tab-htm-pdf[disabled]:hover{
	cursor: not-allowed;
	border-bottom:2px solid #fff;
}
.panel-col-submmitals-body .ellipsisDiscriptionSpan{
	color:#4d4d4d;
}
.version-notcreated .dashboard-emty-status {
    width: 140px;
}
.h-100px{
	height:100px;
}
.specproduct-active + .specview-action .specview-actions-dropdown{
	min-width: 180px;
    max-width: 180px;
    left:-25px;
}
.specview-filt.ng-hide + .submittal-expand-collapse-container{
	padding-top:0px;
}
.specview-filt.ng-hide + .submittal-expand-collapse-container a{
	padding-top:6px;
}
.toggled.specViewPage.m-l50 .specview-filter-applied .action-col-btn-label{
	display:block;
}
.toggled.specViewPage .specview-filter-applied .action-col-btn-label{
	display:none;
}
.lblgreen.createdIcon + .tooltip.top{
	margin-top:2px !important;
}
.specViewPage.fullscreen-planview .h-100px{
	height:50px;
}
.btn-link:focus, .btn-link:hover {
    text-decoration: none !important;
}
.validationerror
{
	font-size:13px !important;
	margin-top:5px !important;
}
.selectItem.specStyle + .tooltip,.division-accordion-text + .tooltip{
	left:20px !important;
}
.d-inlineflex{
	display:inline-flex;
}
.planview-pype-ai-btn img{
	width:16px !important;
	margin-top:0px !important;
}
.h-28{
	height:28px;
}
.planview-submittal-legend .fancy-checkbox{
    padding-top: 1px !important;
    float:left;
}
.planview-submittal-legend .fancy-checkbox .btn-group{
	/*width: 20px;*/
    float: left;
}
.planview-submittal-legend .submittal-ellipse,.confirm-submittal-legend .recommended-submittal-ellipse{
	font-weight: 600;
    font-size: 12px;
    position: relative;
    top: 1px;
}
.w-95px{
	width:95px;
}
/*.spec-submitcount label.btn.btn-checkbox,.planview-submittal-legend label.btn.btn-checkbox{
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}*/
.suggest-submital{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: #666666;
}
.power-iq{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: #666666;
}
#merge-submittals-flow.modelupgrade .modal-header{
	height:100px;
}
#merge-submittals-flow.suggest-submittal .step-3-container{
	height:325px;
}
#nonewsuggest{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #3C3C3C;
}
#nonewconstructIQ{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align:center !important;
	color: #666666;
}
.nonewclose{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #006EAF;	
}
.btn-showsuggest{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 12px;
	gap: 4px;
	width: 153px;
	height: 36px;
	background: #0696D7;
	border-radius: 2px;
}
.consiq-table{
	height: 40px;
    border: 1px solid #dcdcdc;
    border-bottom: 0px solid #dcdcdc;
}
.ai-recommended-table-container .card-view{
	border-radius: 0px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.23)!important;
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.23)!important;
    -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.23)!important;
    padding: 1rem;
    font-size: 12px;
    margin: 0px 0px;
    cursor:default;
    border: 1px solid #dcdcdc;
    border-bottom: 0px solid #dcdcdc;
    height:40px;
}
.ai-recommended-table-container .card-view:last-child{
	border-bottom:1px solid #dcdcdc;
}
.recommended-ai.recommended-icon + .panel-col-submmitals-result .panel-header-text{
	position:relative;
	left:15px;
}
.zoom.recommended-submittal-border{
	border:2px dotted #dcdcdc !important;
}
.p-l24{
	padding-left:24px;
}
.p-r24{
	padding-right:24px;
}
.modelupgrade.suggest-submittal .step-1-container{
	height:251px;
}
.modelupgrade.suggest-submittal .step-2-container{
	height:320px;
}
.modelupgrade.suggest-submittal .step-2-container .loader-spin{
	top:-10px;
}
/*.spec-submitcount .fancy-checkbox input[type=checkbox]:checked+.btn-group>label.filter-checkbox {
    left: 0px;
    top: 2px;
}
.spec-submitcount .fancy-checkbox .btn-checkbox > .glyphicon.glyphicon-ok,.fancy-checkbox .btn-checkbox > .glyphicon.glyphicon-ok{
	width: 14px;
    height: 14px;
    top: 0px !important;
    left: -1px;
}*/
.spec-submitcount .fancy-checkbox .btn-checkbox > .glyphicon.glyphicon-ok:before {
    position: relative;
    top: 2px;
    left: 1px;
}
.suggessubm-table{
	max-height: 325px;
    min-height: 325px;
    overflow: auto;
    padding-bottom:20px;
}
.spec-check .fancy-checkbox .btn-checkbox > .glyphicon.glyphicon-ok {
    background-color: #0696d7;
    top: -1px !important;
    left: 0px;
    width: 14px;
    height: 14px;
    border-radius: 1.5px;
}
.spec-check .fancy-checkbox .btn-checkbox > .glyphicon.glyphicon-ok:before {
    position: relative;
    top: 2px;
    left: 1px;
}
.product-spec-tab-htm-pdf .fancy-checkbox .btn-checkbox > .glyphicon.glyphicon-ok {
    background-color: #0696d7;
    top: -1px !important;
    left: -1px;
    width: 16px;
    height: 16px;
    border-radius: 1.5px;
}
.const-iq-icon + .panel-col-submmitals-header .panel-header-text{
	padding-left:15px !important;
}
.const-iq-icon .recommended-ai + .tooltip{
	left:-7px !important;
}
.const-iq-icon .recommended-ai + .tooltip-arrow{
	left:29%;
}
.recommended-icon + .tooltip .tooltip-arrow{
	left:29% !important;
}
.spec-submitcount .filter-labels{
	position: absolute;
    left: 25px;
    text-transform: uppercase;
}
.filter-suggested .filter-labels{
	position: absolute;
    left: 0px;
    text-transform: uppercase;
    padding-left: 0px !important;
}
.filter-suggested .fancy-checkbox input[type="checkbox"]:checked + .btn-group > label span:first-child{
	top:-1px !important;
}
.specview-menu .filter-list-content{
	max-height: 170px;
	width:100%;
}

.specview-menu .text-decoration-line.btn.btn-link{
	color: #0696d7 !important;
}
.specview-menu .text-decoration-line.btn.btn-link.disabled-class{
	color: rgb(153, 153, 153) !important;
	opacity:.5;
}
.specview-action .disable-div{
	pointer-events: none;
}
 
.planview-submittal-legend .switch{
	height:20px;
}
.planview-pype-ai-btn + .tooltip{
	left:-185px !important;
	width:300px;
}
.planview-pype-ai-btn + .tooltip .tooltip-arrow{
	left:80% !important;
}
#specviewTab.specview-header .tooltip{
	position: absolute;
    right: 18px;
    left: auto !important;
}
.cards-spec .zoom.panel-col-submmitals:hover .panel-submittal-header{
	position: relative;
    bottom: 1px;
}
.subsection-item{
	font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width:85%;
    padding-left: 10px !important;
}
.version-createDate{
	padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 24px;
    color: #666;
    margin-bottom:0px;
}
.subsection-dotline{
	display: flex;
    float: left;
    margin-top: 5px;
    padding-left: 7px;
}
.subsection-dotline span:nth-child(1){
	width:6px;
	height:6px;
	background-color:#bebebe;
	border-radius:50px;
}
.subsection-dotline span:nth-child(2){
	height: 37px;
    width: 1px;
    background-color: #bebebe;
    position: relative;
    top: 10px;
    right: 4px;
}