/* Media CSS for extra large widths */
@media (min-width:1760px) {
    .col-xl-3 {
        width: 25%;
    }
}
/* Media Query Start */
@media only screen and (max-width: 1179px) and (min-width: 1024px){
  .tileview-cards .row > div .tile-card{
    width:50%;
  }
.subscrip-limited{
  max-width:117px;
}
.project-tile .projectName{
  font-size:13px !important;
}
.projectname-head .project-details,.project-tile .project-name{
    font-size: 11px;
}
.f-13 {
    font-size: 11px !important;
}
.project-content.list-pl0 .project-name{
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 112px;
}
.sm-projname{
  max-width: 200px;padding-left: 5px;
}
.upgrade-adjust{
  padding-left:0px;
}
.proj-more{
  height: 18px;width: 18px;
}
.without-plans .f-11.m-b10.p-t5{
    padding-left:15px;
}
.tv-version{
    max-width:95px;
}
.tv-projname{
    max-width:80px;
}
.tv-shared{
    max-width:80px;
}
.sub-status + .create-date p:nth-child(2){
    right:2px;
}
.tileOuter .f-11 {
    font-size: 10.3px !important;
}
.proj-stat{
    max-width: 65px;
}
.sub-status + .create-date p {
    text-align: right !important;
    right: 3px;
}
.noplans-right p{
    font-size: 12px;
}
.proj-btn{
    padding: 1px 6px;
}

}
@media only screen and (max-width: 1279px) and (min-width: 1180px){
.tileOuter .f-11 {
    font-size: 10.7px !important;
}
.proj-stat{
    max-width: 65px;
}
.sub-status + .create-date p {
    text-align: right !important;
    right: 3px;
}
.noplans-right p{
    font-size: 12px;
}
.proj-btn{
    padding: 1px 6px;
}
.plan-status {
    padding-left: 5px;
}
.f-22 {
    font-size: 18px;
}
.mw-125 > .p-l10{
    padding-left:5px !important;
}
.tv-projname,.tv-users{
  max-width:95px;
}
.tv-projectname{
  max-width:140px;
}
.tv-version{
  max-width:100px;
}
.tv-shared{
    max-width:100px;
}
.table-view tbody tr:hover .table-actions{
  left:-3px;
}
.proj-namelist{
  max-width: 67px;font-size:12px !important;
}
.tileview-cards .ver-import {
    width: 30%;padding-right: 10px !important;
}
.tile-submittals > span > span{
    font-size:12px !important;
}
.project-tile .projectName{
    font-size:14px !important;
}
.project-tile .project-name,.projectname-head .project-details,.projectname-head .project-details{
    font-size:11px;
}
.more-circle{
    position: relative;top:1px;
}
.versions-lists .col-sm-4.pull-left.pos-t1.p-r0{
    position: relative;top: 4px;
}
.proj-stat{
    max-width:70px;
}
.without-plans .f-11.m-b10.p-t5{
    padding-left:10px;
}
.plans-version span{
    font-size:11px !important;
}
  .subscrip-limited{
    max-width:120px;
  }
  .projectNameDiv{
    width:100%;
  }
  .project-img{
    width:17%;
  }
  .projectname-head .bord-right-top-menu{
    margin: 2px 5px;
  }
  .project-specplan .specplan-version{
    font-size:12px !important;
  }
  .proj-blue{
    font-size:12px !important;
  }
  .project-tile .projectUpgradeButton{
    font-size:12px;
  }
  .specs-version label,.sm-date,.plans-version label,.plans-version span,.sm-date,.projects-list .project-details-footer{
    font-size:12px !important;
  }
  .versions-lists img{
    width:14px !important;
  }
  .tileview-cards .projects-tile .projectName > span {
    max-width: 300px;
  }
  .version-restrict{
      max-width:140px;
  }
  .projects-list .project-details-footer {
    font-size: 11px !important;
}
.track_closeout{
  font-size:10px;
}
.xs-projtype{
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.sm-projname{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
  display: inline-block;
}
.project-specplan .specplan-version .version-imports span:nth-child(2),.project-specplan .specplan-version .version-imports span:nth-child(3){
  font-size:11px;
  position: relative;top:5px;
}
.tileview-cards .versions-name {
    width: 30%;
}
.w-75p {
    width: 70%;
}
.tileview-cards .versions-lists {
    padding-left: 5px;
}
.tile-submittals.col-sm-4{
    padding-left:10px;
}
.noplans-right p{
    font-size:12px;
}
.versions-lists .col-sm-4.pull-left.pos-t2{
    padding-left: 10px;
}
.versions-lists .w-50p{
    width:45% !important;
}
.tileview-cards .tile-submittals{
    width:25%;
}
.upgrade-adjust{
  padding-left:15px;
}
.project-details-footer .f-11{
  font-size:10px;
}
.table-view thead th:nth-child(1), .table-view thead th:nth-child(3), .table-view thead th:nth-child(5), .table-view tbody td:nth-child(1), .table-view tbody td:nth-child(3), .table-view tbody td:nth-child(5) {
    width: 12.4%;
}
.table-view thead th:nth-child(2), .table-view tbody td:nth-child(2) {
   width: 15.5%;
}
.table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
     width: 12.5%;
}
.mw-125 .table-actions > .p-r10{
    padding-right: 8px !important;
}
.grid-split{
    padding-right:10px;padding-left:10px;
}
.more-circle{
    bottom:0px !important;
}
.ver-import .proj-btn .pos-b2{
    bottom:1px;
}
.ver-import .proj-more .pos-b4{
    bottom:2px;
}
.tile-submittals{
    position:relative;top:3px;
}
/*.versions-lists .w-25p.pull-left{
    top:3px;
}*/
.tileOuter p.f-11{
    font-size: 10.5px !important;
}
.tileview-cards .projects-tile .project-content-div{
    padding:10px;
}
.specs-version .p-l15,.versions-lists .p-l15{
    padding-left:10px !important;
}
.plans-version span{
    font-size:11px !important;
}
.ver-import .proj-btn{
    padding: 1px 5px;
}
.noplans-right p {
    font-size: 12px;
}
.sub-status + .create-date p:nth-child(2){
    right:3px;
}
.tileview-cards .projects-tile .tileOuter{
    height:56px;
}
.tileview-cards .project-tile:hover .page-action {
    top: 1px;
}

.upsell-disable.noplans-version .proj-namelist{
    max-width:75px;
}
.comple-date{
    padding-left:10px;
}
.submittal-nodata {
    padding-top: 2.5%;
}
.more-adjust{
    padding-right:9px;
}
}

@media only screen and (max-width: 1340px) and (min-width: 1280px){
    .tileOuter .f-11 {
        font-size: 10.7px !important;
    }
    .proj-stat{
        max-width: 65px;
    }
    .sub-status + .create-date p {
        text-align: right !important;
        right: 3px;
    }
    .noplans-right p{
        font-size: 12px;
    }
    .proj-btn{
        padding: 1px 6px;
    }

    .plans-status {
        padding-left: 8px;
    }
  .comple-date{
        padding-left:12px;
    }
   .more-adjust{
        padding-right:10px;
    }
  .project-tile .projectName{
    font-size:14px !important;
  }
  .project-tile .project-name,.projectname-head .project-details,.projectname-head .project-details{
    font-size:11px !important;
  }
  .projectNameDiv{
    width:100%;
  }
  .project-img{
    width:17%;
  }
  .proj-namelist{
    max-width:76px;
  }
  .line-h13{
    line-height:13px;
  }
  .projectname-head .bord-right-top-menu{
    margin: 2px 5px;
  }
  .project-specplan .specplan-version{
    font-size:12px !important;
  }
  .proj-blue{
    font-size:12px !important;
  }
  .project-tile .projectUpgradeButton{
    font-size:12px;
  }
  .specs-version label,.specs-version span,.sm-date,.plans-version label,.plans-version span,.sm-date,.projects-list .project-details-footer{
    font-size:12px !important;
  }
  .versions-lists img{
    width:14px !important;
  }
  .tileview-cards .projects-tile .projectName > span {
    max-width: 230px;
  }
  .sm-projname{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
    display: inline-block;
  }
.subscrip-limited{
  max-width:128px;
}
.upgrade-adjust{
  padding-left:15px;
}
.tv-version,.tv-users{
  max-width:105px;
}
.tv-shared{
    max-width:120px;
}
.tv-projectname{
  max-width:145px;
}
.tv-projname{
  max-width:125px;
}
.proj-more-sp.pos-rel-top-minus-3{
    left: 0px;top: -2px;
}
.table-view thead th:nth-child(2), .table-view tbody td:nth-child(2) {
   width: 16.5%;
}
.table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
     width: 11.5%;
}
.proj-name-ellipsis{
    max-width:300px;
}
.grid-split {
    padding-left: 10px;padding-right: 10px;
}
.moreprjctDetails.grid-split{
    padding-left:15px;
}
.more-circle{
    bottom:0px !important;
}
.ver-import .proj-btn .pos-b2{
    bottom:1px;
}
.ver-import .proj-more .pos-b4{
    bottom:2px;
}
.tile-submittals{
    position:relative;top:3px;padding-left:9px;
}
.versions-lists .w-25p.pull-left{
    top:3px;
}
.tileOuter p.f-11.proj-lg-grey.track-height{
    font-size: 11px !important;
}
.ver-import .proj-btn{
    padding: 1px 5px;
}
.noplans-right p {
    font-size: 12px;
}
.sub-status + .create-date p:nth-child(2){
    right:6px;
}
.submittal-nodata {
    padding-top: 5%;
}
.w-100.plan-status{
    max-width: 125px;
    width: 125px !important;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1370px){
.spec-tool + .tooltip {
    left: 13px !important;
}
.ed-planame + .tooltip {
    left: -8px !important;
}
.tile-submittals span,.plan-status{
    max-width:140px !important;width:140px !important;
}
.comple-date {
    padding-left: 25px;
}
.submittal-nodata{
    padding-top:4%;
}
}
@media only screen and (max-width: 1660px) and (min-width: 1441px){
.tv-version{
  max-width:170px;
}
.tv-users{
  max-width:95px;
}
.tv-shared{
    max-width:128px;
}
.tv-projectname{
  max-width:350px;
}
.tileview-cards .substantial{
    width:90%;
  }
.tileview-cards .project-img{
    width:14%;
  }
.tileview-cards .xs-projtype{
    max-width:90px;
  }
.tileview-cards .proj-numberdots{
    max-width:80px;
  }
.tileview-cards .versions-name {
    width: 25%;
}
.tileview-cards .project-specplan .specplan-version .version-imports span:nth-child(1) {
    width: 15%;
}
.tileview-cards .project-specplan .specplan-version .version-imports span:nth-child(2) {
    width: 65%;
}
.tileview-cards .proj-namelist{
  max-width:100px;
}
.tileview-cards .tile-submittals{
    position: relative;top:2px;
}
.tileview-cards .proj-user{
  max-width:170px;
}
.tileview-cards .projects-tile .project-specplan{
  bottom:4px;
}
.tv-projname{
  max-width:100px;
}
.tv-version + .fa-sort-desc {
  bottom: 5px;
}
.dropdown-status-icons{
  top:-1px;
}
.proj-filter{
  bottom:0px;
}
.table-view tbody td:nth-child(1),.table-view thead th:nth-child(1){
     width:10%;
}
.table-view thead th:nth-child(2), .table-view tbody td:nth-child(2) {
   width: 25.5%;
}
.table-view tbody td:nth-child(3),.table-view thead th:nth-child(3){
     width:6.5%;
}
.table-view thead th:nth-child(4), .table-view tbody td:nth-child(4) {
    width: 5%;
}
.table-view tbody td:nth-child(5),.table-view thead th:nth-child(5){
    width:10.5%;
}
.table-view thead th:nth-child(6), .table-view thead th:nth-child(7), .table-view tbody td:nth-child(6), .table-view tbody td:nth-child(7) {
    width: 16.5%;
}
.table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
     width: 9.5%;
}
.project-specplan .proj-versionlist .fa-sort-desc{
    bottom:4px;
}
.spec-tool + .tooltip {
    left: 30px !important;
}
.ed-planame + .tooltip {
    left: 10px !important;
}
.tile-submittals span{
    min-width: 150px;max-width:inherit;
}
.plan-status{
    min-width: 150px;max-width:inherit;
}
.comple-date {
    padding-left: 35px;
}
.submittal-nodata{
    padding-top:5%;
}
@media only screen and (max-width: 1760px) and (min-width: 1661px){
.comple-date {
    padding-left: 50px;
}
.spec-tool + .tooltip {
    left: 30px !important;
}
.project-tile .image-div .share-icon-div{
    left: 72px !important;
    top: 33%;
}
.icon-success,.icon-inprogress,.icon-failed1{
    top:2px;
}
.tv-version{
  max-width:200px;
}
.tv-users{
  max-width:110px;
}
.tv-shared{
    max-width:140px;
}
.tv-projectname{
  max-width:360px;
}
.tileview-cards .proj-numberdots{
  max-width:130px;
}
.tileview-cards .xs-projtype{
  max-width:100px;
}
.tileview-cards .proj-user{
  max-width:230px;
}
.tileview-cards .sharedname{
  max-width:200px;
}
.tileview-cards .project-img{
  width:12%;
}
.tileview-cards .projectNameDiv{
  width:100%;
}
.project-specplan .specplan-version .version-imports span:nth-child(1) {
    width: 16%;
}
.project-specplan .specplan-version .version-imports span:nth-child(2) {
    width: 41%;
}
.tv-projname{
    max-width: 100px;
}
.table-view tbody td:nth-child(1),.table-view thead th:nth-child(1){
     width:10%;
}
.table-view thead th:nth-child(2), .table-view tbody td:nth-child(2) {
   width: 25.5%;
}
.table-view tbody td:nth-child(3),.table-view thead th:nth-child(3){
     width:6.5%;
}
.table-view thead th:nth-child(4), .table-view tbody td:nth-child(4) {
    width: 6%;
}
.table-view tbody td:nth-child(5),.table-view thead th:nth-child(5){
    width:10.5%;
}
.table-view thead th:nth-child(6), .table-view thead th:nth-child(7), .table-view tbody td:nth-child(6), .table-view tbody td:nth-child(7) {
    width: 16.5%;
}
.table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
     width: 8.5%;
}
.tileview-cards .proj-namelist{
  max-width:125px;
}
.versions-lists .w-50p{
    width:60% !important;
}
.tileview-cards .tile-submittals,.tileview-cards .ver-import{
    width:20%;
}
.tile-submittals span{
    min-width: 150px;max-width:inherit;
}
.plan-status{
    min-width: 150px;max-width:inherit;
}
.submittal-nodata{
    padding-top:7%;
}
}
@media only screen and (max-width: 1920px) and (min-width: 1761px){
  .tv-version{
    max-width:230px;
  }
  .tv-users {
    max-width: 120px;
}
.tv-shared{
    max-width:150px;
}
  .tv-projectname{
    max-width:450px;
  }
  .tv-projname{
      max-width:110px;
  }
.project-tile .image-div .share-icon-div{
    left: 75px !important;
    top: 30%;
}
.tileview-cards .substantial{
  width:90%;
}
.tileview-cards .proj-numberdots{
  max-width:130px;
}
.tileview-cards .xs-projtype{
  max-width:100px;
}
.tileview-cards .proj-user{
  max-width:230px;
}
.tileview-cards .sharedname{
  max-width:200px;
}
.tileview-cards .versions-name{
  width:20%;
}
.tileview-cards .proj-namelist{
  max-width:92px;
}
.pos-b4.pos-r1.fa.fa-pencil{
    bottom:3px !important;
}
.tileview-cards .project-img{
  width:12%;
}
.project-specplan .specplan-version .version-imports span:nth-child(1) {
    width: 14%;
}
.project-specplan .specplan-version .version-imports span:nth-child(2) {
    width: 43%;
}
.tileview-cards .projects-tile .project-specplan{
  bottom:5px;
}
.table-view tbody td:nth-child(1),.table-view thead th:nth-child(1){
     width:9%;
}
.table-view thead th:nth-child(2), .table-view tbody td:nth-child(2) {
   width: 27.5%;
}
.table-view tbody td:nth-child(3),.table-view thead th:nth-child(3){
     width:6.5%;
}
.table-view thead th:nth-child(4), .table-view tbody td:nth-child(4) {
    width: 6%;
}
.table-view tbody td:nth-child(5),.table-view thead th:nth-child(5){
    width:10.5%;
}
.table-view thead th:nth-child(6), .table-view thead th:nth-child(7), .table-view tbody td:nth-child(6), .table-view tbody td:nth-child(7) {
    width: 16.5%;
}
.table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
     width: 7.5%;
}
.version-restrict + .tooltip {
    top: -80px !important;
}
.proj-name-ellipsis{
    max-width:350px;
}
.spec-tool + .tooltip {
    left: 15px !important;
}
.ed-planame + .tooltip {
    left: -5px !important;
}
.tile-submittals span{
    min-width: 125px;max-width:inherit;
}
.plan-status{
    min-width: 125px;max-width:inherit;
}
.submittal-nodata{
    padding-top:9%;
}
}
@media only screen and (max-width: 2200px) and (min-width: 1921px){
    .comple-date {
    padding-left: 35px;
}
  .tv-version,.tv-users{
    max-width:185px;
  }
  .tv-shared{
      max-width:162px;
  }
  .tv-projectname{
    max-width:250px;
  }
  .table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
      width: 6.8%;
  }
.project-tile .image-div .share-icon-div{
    left: 75px !important;
    top: 30%;
}
.tileview-cards .substantial{
  width:90%;
}
.tileview-cards .proj-numberdots{
  max-width:130px;
}
.tileview-cards .xs-projtype{
  max-width:100px;
}
.tileview-cards .proj-user{
  max-width:230px;
}
.tileview-cards .sharedname{
  max-width:200px;
}
.tileview-cards .versions-name{
  width:20%;
}
.tileview-cards .proj-namelist{
  max-width:100px;
}
.tileview-cards .project-img{
  width:12%;
}
.project-specplan .specplan-version .version-imports span:nth-child(1) {
    width: 14%;
}
.project-specplan .specplan-version .version-imports span:nth-child(2) {
    width: 43%;
}
.tileview-cards .projects-tile .project-specplan{
  bottom:4px;
}
.version-restrict + .tooltip {
    left: 221px !important;
}
.proj-name-ellipsis{
    max-width:350px;
}
.spec-tool + .tooltip {
    left: 15px !important;
}
.ed-planame + .tooltip {
    left: -5px !important;
}
.tile-submittals span{
    min-width: 150px;max-width:inherit;
}
.plan-status{
    min-width: 150px;max-width:inherit;
}
.submittal-nodata {
    padding-top: 10%;
}
}

@media only screen and (max-width: 2560px) and (min-width: 2201px){
  .spec-tool + .tooltip {
        left: 15px !important;
  }
  .ed-planame + .tooltip {
    left: -5px !important;
  }
  .tv-version,.tv-users{
    max-width:210px;
  }
  .tv-shared{
      max-width:285px;
  }
  .tv-projectname{
    max-width:250px;
  }
  .table-view thead th:nth-child(8), .table-view tbody td:nth-child(8) {
      width: 6.8%;
  }
  .icon-success,.icon-inprogress,.icon-failed1{
      top:1px;
  }
.project-tile .image-div .share-icon-div{
    left: 75px !important;
    top: 30%;
}
.tileview-cards .substantial{
  width:90%;
}
.tileview-cards .proj-numberdots{
  max-width:130px;
}
.tileview-cards .xs-projtype{
  max-width:100px;
}
.tileview-cards .proj-user{
  max-width:230px;
}
.tileview-cards .sharedname{
  max-width:200px;
}
.tileview-cards .versions-name{
  width:20%;
}
.tileview-cards .proj-namelist{
  max-width:130px;
}
.tileview-cards .project-img{
  width:12%;
}
.project-specplan .specplan-version .version-imports span:nth-child(1) {
    width: 14%;
}
.project-specplan .specplan-version .version-imports span:nth-child(2) {
    width: 43%;
}
.tileview-cards .projects-tile .project-specplan{
  bottom:4px;
}
.tile-submittals span{
    min-width: 150px;max-width:inherit;
}
.plan-status{
    min-width: 150px;max-width:inherit;
}
.submittal-nodata {
    padding-top: 12%;
}
}

/* Media Query End */