.btn.smartRegisterPopover.filter-normal-state, .btn.smartRegisterPopover.filter-selected-state {
  background: #ccc;
  color: #666;
  border: 1px solid #ddd;
}

.btn.copySubmittalsPopover.filter-normal-state {
  background: #337ab7;
  color: #fff;
}

.btn.copySubmittalsPopover.filter-selected-state {
  background: #e1e1e1;
  color: #fff;
}


.btn.btn-primary.filter-checkbox {
  width: 20px; height: 20px;
  border-radius: 3px!important;
  padding: 0;
  font-size: 12px;
  margin-right: 10px;
}

.btn.btn-primary.filter-checkbox .glyphicon.glyphicon-ok {
  position: relative;
  top: 2px;
  right: 1px;
}

.fancy-checkbox {
  display: block;
  width: 100%;
}

.filter-checklist-scroll {
  max-height: 215px;
  overflow-y: auto;
}


/* filter-updated-css */


.heading b {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.24;
    text-align: left;
    color: #a7a7a7;
    letter-spacing: 0.2px;
        margin: 0 6px;
}

.filter-selection {
    padding: 6px 0 0;
    /* background-color: #f1f1f1; */
    border-bottom-right-radius: 4.5px;
    border-bottom-left-radius: 4.5px;
}

.main-head {
    /* border-radius: 4.5px;
    box-shadow: 1px 0 6px 3px rgba(0, 0, 0, 0.09); */
    /* background-color: #f1f1f1; */
    /* border: solid 0.5px #ebebeb; */
    padding: 0;
}

.outer-div {
   margin: 0 0 0px 0;
}

.filter-applied {
    padding: 3px 15px;
    background-color: #f9f9f9;
    border-top-right-radius: 4.5px;
    border-top-left-radius: 4.5px;
    margin: 7px 0 0 0;
}

.filter-applied .heading b {
    color: #4cae4c;
    margin: 0 4px 0 0;
    font-size: 13px;
}
.selected-divisions {
    border-radius: 14.8px;
    background-color: #dcd9d2;
    padding: 3px 4px 3px 12px;
    color: #231b12;
    text-transform: uppercase;
    margin: 2px 2px;
    /* font-weight: bold; */
}

.selected-divisions b {
    font-size: 9px;
    font-weight: 700;
        float: left;
    padding: 2px 0 0 0;
}
img.filter-icon {
    float: left;
    /* margin: 0px 4px 0px 0px; */
	margin: 1px 4px 0 0;
    width: 11px;
}
.close-divisions {
	float: right;
    width: 14px;
    height: 14px;
    background-color: #a1a1a1;
    margin: 1px 0 0 7px;
    border-radius: 50%;
    padding: 3px;
	cursor: pointer;
}

.close-divisions span {
	width: 8px;
    height: 1px;
    background: #dcd9d2;
    float: left;
    transform: rotate(45deg);
    margin: 4px 0 0px 0;
}

.close-divisions span:nth-child(2) {
    transform: rotate(-45deg);
    margin: -1px 0 0 0px;
}
.btn-add-filters {
	background: #ffffff;
    color: #231b12;
    font-weight: 600;
    font-size: 11px;
    padding: 8px 5px 8px 10px;
    border: solid 0.5px #ebebeb;
    line-height: 12px;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-add-filters .filter-label{
	float: left;
}

.btn-add-filters i.fa.fa-angle-down {
    font-size: 21px;
    color: #a7a7a7;
    padding: 0px 0 0 5px;
    margin: 0px 0 0 0;
    line-height: 14px;
    float: right;
}

.btn-add-filters i.fa.fa-times-circle {
    font-size: 14px;
    color: #a7a7a7;
    line-height: 14px;
    float: right;
}

.close-filter-icon-container {
    margin-top: 1px;
    padding: 5px 6px 5px 3px;
    width: 19px;
    float: right;
    text-align: center;
    color: #a1a1a1;
    /* border-radius: 3px; */
    background-color: #FFF;
    border-top-right-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    /* cursor : pointer; */
}

.close-filter-icon-container .fa-times-circle{
	cursor: pointer;
}

.filter-selection .heading {
    padding: 7px 0;
}
.dropdown-filters {
    margin: 0 9px;
    float: left;
}
.border-right-filter {
    border-right: 1px solid #dfdfdf;
    margin-left: 0;
}

.dropdown-added-filters .dropdown-filters {
    margin-right: 0;
}

.dropdown-added-filters .dropdown-filters:last-child {
    margin-right: 0;
}
.badge.badge-filter {
   	top: -12px;
    right: 10px;
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: #4cae4c;
    border: solid 0.5px #ffffff;
    padding: 6px 2px;
    font-size: 10px;
    border-radius: 50%;
    cursor: pointer;
}
.dropdown-filters .dropdown-menu:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px;
    content: " ";
    top: -6px;
    left: 38px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
    right: auto;
    border-right: transparent;
    background: transparent;
    transform: rotate(-133deg);
    box-shadow: 1px 1px 1px rgba(230, 226, 226, 0.88);
}
.border-right-filter label.btn.btn-checkbox {
    border: 2px solid #b7b7b7;
	padding: 0;
    line-height: 11px;
    border-radius: 3px !important;
    width: 15px;
    height: 15px;
    font-size: 12px;
    margin-right: 10px;
    background: #ffffff;
    float: left;
    margin: 4px 0 0 0;
}

label.btn.btn-checkbox span {
    font-size: 10px;
    line-height: 9px;
    float: left;
    color: #0375df;
    padding: 1px 0px 0px 1px;
}

.dropdown-filters .dropdown-menu {
    padding: 0 0 0 0;
    min-width: 226px;
	margin: 0;
}

label.filter-labels {
    padding: 4px 0 0 11px;
    font-size: 11px;
    margin: 0px 0 0px 0;
    /* font-weight: 600; */
    max-width: 139px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.filter-list {
    border-bottom: 1px solid #f1f1f1;
    padding: 7px 18px 10px 18px;
    margin: 3px 0;
    width: 100%;
    float : left;
}

span.save-icon.icons-background {
    background-color: #4cae4c;
}

.icons-background {
    padding: 1px 5px;
    background-color: #8e8e8e;
    border-radius: 50%;
    margin: -2px 6px 0 0;
    text-align: center;
    float: left;
    width: 20px;
    height: 20px;
}
.list-filters > p, .list-filters > p a {
    color: #777;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0 0 0;
}

img.question-icon {
    margin: 0 0 0 5px;
        width: 14px;
}
.list-filters {
	padding: 4px 7px 5px 3px;
    margin: 0px 0 0 0;
}

.list-filters>p>a:hover{
	text-decoration : none;
}

.list-filters>p>a .save-filter-lnk,
.list-filters>p>a .clear-filter-lnk {
    text-decoration: underline;
}
.list-filters > p a.save-filters {
    color: #4faf4f;
}
img {
    max-width: 100%;
}

img.save-icons {
    width: 78%;
}
.filter-selection > .dropdown-filters:first-child {
    margin: 0;
    padding-right: 6px;
    height: 29px;
}
.filter-list:last-child {
    border: 0;
}
.dropdown-menu.dropdown-right-align {
    left: 44%;
}
.dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 27px;
}
label.btn.btn-checkbox.checked-label {
    border: 2px solid #0375df;
}
.btn-add-filters.filter-checks,
.btn-add-filters.filter-checks+.close-filter-icon-container {
    background: #dcd9d2;
}
.btn-add-filters.btn-success-filter {
    background-color: #4cae4c;
    color: #ffffff;
    padding: 8px 17px;
    margin: 9px 21px 0 0px;
    line-height: 16px;
}

.btn-add-filters.btn-success-filter .add-filter-icon.icons-background {
    background: #ffffff;
}

.btn-add-filters.btn-success-filter .add-filter-icon.icons-background i.fa.fa-filter {
    color: #4cae4c;
    padding: 4px 0 0 0;
}
.btn-add-filters.btn-success-filter span {
    float: left;
    padding: 1px 0 0 0;
}

.form-control.search-division {
    font-size: 11px;
    border-radius: 0;
    border: 1px solid #bebebe;
    border-left: 0;
    box-shadow: none;
    font-weight: 600;
}
.input-group.search-division-div .input-group-addon {
    background: transparent;
    border-radius: 0;
    border: 1px solid #bebebe;
    color: #bebebe;
    border-right: 0;
}
.filter-list.fancy-checkbox.search-divisions-list {
    background: #e9e9e9;
    padding: 10px 18px;
    margin: 0;
}
.input-group.search-division-div {
   	margin: 12px 0 11px 0;
    padding: 0 18px;
}
.search-divisions-list label.filter-labels {
    color: #a2a0a0;
}
.filter-list-content {
    max-height: 220px;
    overflow-y: auto;
    float: left;
}

.export-page .filter-list-content,
.submittalschedule-page .filter-list-content{
    max-height: 222px;
}

/* css for popover*/

.filterPopover{
	width : 212px;
	max-width: 212px;
	/*overflow : auto;
	height : auto;
	width: 200px;
    max-width: 200px; */
}
.filterPopover .popover-content {
    padding: 9px 12px;
}
.btn-add-filters.filter-checks .filterPopover.popover {
    border-radius: 3px;
    max-width: 212px;
	width: 212px;
}


.filterPopover .popover-inner .popover ul {
    list-style-type: none;
    padding: 3px 0;
    max-height: 269px;
    overflow-y: auto;
    margin: 0;
}

.filterPopover .popover-inner .popover {
    padding: 0px 5px;
    border-radius:5px;
}
.filterPopover .popover-inner .popover-content ul {
    list-style-type: none;
    padding: 3px 1px;
    margin:0;
}
.filterPopover .popover-inner .popover-content ul li {
    font-size: 10px;
    border-bottom: 1px solid #f1f1f1;
    padding: 8px 2px;
    font-weight: 600;
	max-width: 195px; /*maxWidth of popover - padding - 5*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.filterPopover .popover-inner .popover-content ul li:last-child {
    border: 0;
}

/* .popover ul {
    list-style-type: none;
    padding: 3px 0;
    max-height: 269px;
    overflow-y: auto;
    margin: 0;
}

.filter-selected-popover.popover, .filter-selected-popover .popover-content {
    padding: 0px 5px;
    border-radius:5px;
}
.filter-selected-popover .popper-content ul {
    list-style-type: none;
    padding: 3px 1px;
}
.filter-selected-popover .popover-content ul li {
    font-size: 12px;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 18px;
    font-weight: 600;
}

.filter-selected-popover .popover-content ul li:last-child {
    border: 0;
}
 */
.submittal-groups-dropdown{
    /* border-left: 1px solid #dfdfdf;
    padding-left: 10px; */
}

/* 13-08 */
.dropdown-added-filters .dropdown-filters:first-child {
    margin: 0;
    /* padding-left: 15px; */
}
.dropdown-added-filters.border-right-filter.pull-left {
	padding: 0 6px;
  padding-bottom: 10px;
}

.dropdown.dropdown-filters.submittal-groups-dropdown {
    margin-right: 0;
}
.dropdown-added-filters.border-right-filter > .dropdown.dropdown-filters:first-child.submittal-groups-dropdown {
    border: 0;
    padding-left: 0;
}
.btn-apply-filter {
    background: #f9f9f9;
    padding: 3px 0 11px 0;
}

/* 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 */


.export-div.exportDropdown>a {
    font-weight: 600;
    font-size: 14px;
    padding: 8px 10px;
    line-height: 12px;
    height: auto;
    float: right;
}

.btn-main-add-filters{
	border-radius: 2.5px;
    background: #fff;
    border: 1px solid #f6853b;
}
/* .btn-main-add-filters:hover, .btn-main-add-filters:focus{
	color: #bebebe;
} */
.filter-operations{
    float: left;
    padding-bottom: 10px;
}

.filter-applied .heading {
    padding: 2px 0 0 0;
	width: 108px;
}


/* Following two class styles are for PA-2180 bug */
/* .filter-applied .selected-items-container{
    float: left;
    width: calc(100% - 30px - 108px);
    height: 24px;
    overflow: hidden;
}

.selected-items-container-show-more{
	max-width: calc(100% - 30px - 108px - 111px);
} */

/* .dropdown-applied-filters-selected-divisions {
    float: right;
	width: 55px;
} */

.dropdown-applied-filters-selected-divisions button.btn {
    padding: 0 8px;
}
.dropdown-applied-filters-selected-divisions .dropdown-menu {
    right: 0;
    left: auto;
    width: 312px;
    padding: 12px 6px;
    max-height: 300px;
    overflow-y: auto;
}
.dropdown-applied-filters-selected-divisions .dropdown-menu .selected-divisions {
    float: left;
    width: 100%;
}
.dropdown-applied-filters-selected-divisions .dropdown-menu .selected-divisions b.ng-binding {
    width: 91%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-bubble {
	position: absolute;
    left: 152px;
    top: 14px;
    width: 51px;
}

.dropdown-applied-filters-selected-divisions{
	/* position: absolute;
    top: -12px;
    background: #f9f9f9;
    height: 14px;
    padding: 2px 10px 0px 14px;
    line-height: 4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    right: 0;
	white-space: nowrap; */
	float: right;
}

.dropdown-applied-filters-selected-divisions .collapse-icon-container,
.dropdown-applied-filters-selected-divisions .expand-icon-container{
    padding: 0 5px;
}

.dropdown-applied-filters-selected-divisions > a{
    color: #848a91;
    text-decoration: underline;
    font-size: 11px;
}

.specview-filter-number{
  	float: left;
	padding: 3px 6px;
	background: #4cae4b;
	height: 17px;
	width: 17px;
	margin-left: 0px;
	color: #fff;
	border-radius: 10px;
	font-size: 9px;
	margin-right: 5px;
	margin-top: 2px;
}

.action-col-filter-btn{
	position : relative;
}

.action-col-filter-btn.specview-filter-applied{
  color: #4cae4b;
  border-right: 0;
  padding: 0 8px 0 10px;
}

.action-col-filter-btn.specview-filter-applied > .fa-filter{
	background-color : #4cae4b;
}

.specview-filter-popover .arrow{
	right: 7px !important;
}

.specViewPage .submittal-group-filter-container{
	display : inline-block;
	float : left;
}

.specViewPage .submittal-group-filter-container .dropdown-menu{
	min-width: 226px;
	padding-top : 0;
	padding-bottom : 0;
}

.specViewPage .action-col-btn{
    float: left;
}

.specViewPage .submittal-group-filter-container .filter-title-container {
    background: #fbfbfb;
    padding: 14px 18px;
    margin: 0;
    font-weight: bold;
    font-size: 11px;
    /* color: #a2a0a0; */
}

.specViewPage .submittal-group-filter-container .operations-container{
    float: left;
    width: 100%;
    padding: 10px 18px;
}

.specViewPage .submittal-group-filter-container .operations-container>div:first-child{
	padding-left: 0;
}

.specViewPage .submittal-group-filter-container .operations-container .list-filters {
    padding: 0 9px;
    margin: 4px 0;
}

.specViewPage .submittal-group-filter-container .operations-container .list-filters:not(:last-child) {
    border-right: 1px solid #dfdfdf;
}

.specViewPage .submittal-group-filter-container .operations-container .list-filters p {
    margin: 0;
}

.createfilter-popup .form-group.row {
    margin-bottom: 15px;
}

.createfilter-popup button[type=submit] {
	float: right;
    margin-right: 15px;
}

.createfilter-popup .filterNameInputField{
	padding : 12px;
}

.saved-filter-item .named-filter-actions-container .fa{
	width: 19px;
    height: 19px;
    /* color: rgba(247, 110, 110, 0.79); */
    line-height: 20px;
    text-align: center;
    /* font-size: 9px; */
    float: right;
    cursor: pointer;
    margin: -4px 0 -4px 0;
}

.named-filters-container{
    margin: 0 0 0 6px;
}

.named-filters-container label.filter-labels{
	padding-left: 0;
	cursor : inherit;
}

.named-filters-container .dropdown-menu{
    max-height: 363px;
    overflow-y: auto;
}

.named-filters-container .filter-list{
	padding-right : 12px;
}

.named-filters-container .filter-list {
    padding: 0;
    margin: 0;
}

.named-filters-container .filter-list .named-filter-label-container {
    padding: 8px 9px;
    float: left;
    cursor: pointer;
}

.named-filters-container .current-selected-filter-item{
	background: #eee;
}

.named-filters-container .current-selected-filter-item .named-filter-label-container{
	cursor : default;
}

.named-filters-container .named-filter-label-container .fa-check{
    margin: 2px 7px;
}

.named-filter-actions-container {
    float: right;
    padding: 8px 9px;
    margin: 3px 0;
}

.save-filters-popover .popover-content{
	padding : 0;
}

.save-filters-popover .save-filter-container{
	width : 280px;
}

.save-filters-popover .filter-header-container{
    padding: 8px;
    background-color: #fafafa;
}

.save-filters-popover .filter-header-container>span{
	padding: 0px 5px;
    color: #4b5561;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.save-filters-popover .close-icon{
    width: 20px;
    float: right;
    padding: 2px 0;
  	cursor: pointer;
    margin-top: -2px;
}

.save-filters-popover .filter-body-container{
    padding: 10px 15px;
}

.save-filters-popover .filter-label-container{
    font-size: 10px;
}

.save-filters-popover .filter-row-container{
    padding: 5px 0;
}

.save-filters-popover .filter-footer-container{
	padding : 10px;
	text-align: right;
	background: #fafafa;
}

.filter-control-container > input, .filter-control-container > textarea {
    width: 100%;
    font-size: 13px;
    padding: 4px 6px;
	border: 1px solid #e6e6e6;
    box-shadow: 0.1px 0.7px 3px #eaeaea;
    color: #3b4553;
}

.popover.save-filters-popover {
    padding: 0;
    border-radius: 4px;
    border: 0;
    box-shadow: 0.2px 1px 3.1px 1px #bfbfbf;
}
.save-filters-popover .filter-footer-container button.btn {
    font-size: 12px;
    padding: 4px 12px;
	background: #4cae4c;
}

.save-filters-popover .filter-footer-container button>i{
    /* width: 15px; */
    float: left;
    margin: 1.5px 4px 0 0;
}

.save-filters-popover .filter-control-container{
    color: #000000;
}

.save-filters-popover .save-filter-icon{
	width: 16px;
    float: left;
    padding: 2px 0;
}

.named-filters-container .badge-filter{
    top: -12px;
    right: -12px;
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: #4cae4c;
    border: solid 0.5px #ffffff;
    padding: 6px 2px;
    font-size: 10px;
    border-radius: 50%;
}

.named-filters-container .filterPopover.popover {
    border-radius: 3px;
    max-width: 212px;
	width: 212px;
}

.selected-filter-info-popover .description-label-container{
	font-size : 10px;
	color: #6f6f6f;
    padding: 5px 0;
}

.selected-filter-info-popover>div{
	text-overflow : ellipsis;
	overflow : hidden;
	/* white-space : nowrap; */
}

.named-filters-container label.filter-labels{
	max-width : 123px;
}