[class^="icon-"]:before, [class*=" icon-"]:before {
    content: '';
    display: inline-block;
    margin-right: .3rem;
    text-align: center;
}

.icon-calendar-white:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url(../icons/icon-schedule-white.svg) no-repeat 50% 50%;
}

.icon-right-arrow:before{
    height: 7px;
    width: 7px;
    background: url("../icons/icon-right-arrow.svg") no-repeat 50% 50%;
    background-size: 100%;
}

.icon-documents:before{
    height: 21px;
    width: 18px;
    background: url("../icons/icon-documents.svg") no-repeat 50% 50%;
    background-size: 100%;
}

.icon-arrow-left:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow.svg") no-repeat 50% 50%;
    background-size: 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-arrow-up:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow.svg") no-repeat 50% 50%;
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-arrow-right:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow.svg") no-repeat 50% 50%;
    background-size: 100%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.icon-arrow-down-blue:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow-blue.svg") no-repeat 50% 50%;
    background-size: 100%;
}

.icon-arrow-left-blue:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow-blue.svg") no-repeat 50% 50%;
    background-size: 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-arrow-up-blue:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow-blue.svg") no-repeat 50% 50%;
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-arrow-right-blue:before {
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow-blue.svg") no-repeat 50% 50%;
    background-size: 100%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.icon-trash:before {
    height: 1.1rem;
    width: 1.1rem;
    background: url("../icons/icon-trash.svg") no-repeat 50% 50%;
}

.icon-trash.disabled:before,
.disabled .icon-trash:before,
.icon-trash-gray:before {
    height: 1.1rem;
    width: 1.1rem;
    background: url("../icons/icon-trash-disabled.svg") no-repeat 50% 50%;
}

.icon-edit:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-edit.svg") no-repeat 50% 100%;
}

.icon-edit-gray:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-edit-gray.svg") no-repeat 50% 100%;
}

.icon-grab-handle:before {
    height: .9rem;
    width: 1.6rem;
    background: url("../icons/icon-grab-handle.svg") no-repeat 0px 93%;
}

.icon-grab-handle-gray:before {
    height: .9rem;
    width: 1.5rem;
    background: url("../icons/icon-grab-handle-gray.svg") no-repeat 50% 50%;
}

.icon-eye-on:before {
    height: 1.1rem;
    width: 1.6rem;
    background: url("../icons/icon-eye-on.svg") no-repeat 50% 100%;
    position: relative;
    top: 0.2rem;
}

.icon-eye-gray:before {
    height: 1.1rem;
    width: 1.6rem;
    background: url("../icons/icon-eye-gray.svg") no-repeat 50% 100%;
    position: relative;
    top: 0.2rem;
}

.icon-eye-off:before {
    height: 1.4rem;
    width: 1.6rem;
    background: url("../icons/icon-eye-off.svg") no-repeat 50% 100%;
    position: relative;
    top: .4rem;
}

.icon-new:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-new.svg") no-repeat 50% 100%;
    position: relative;
    top: .2rem;
}

.icon-new-light-blue:before {
    height: 1.3rem;
    width: 1.3rem;
    background: url("../icons/icon-new-light-blue.svg") no-repeat 50% 100%;
    position: relative;
    top: .2rem;
}

.icon-remove-light-blue:before {
    height: 1.3rem;
    width: 1.3rem;
    background: url("../icons/icon-remove-light-blue.svg") no-repeat 50% 100%;
    position: relative;
    top: .2rem;
}

.icon-disabled-light-gray:before {
    height: 1.3rem;
    width: 1.3rem;
    background: url("../icons/icon-disabled-light-gray.svg") no-repeat 50% 100%;
    position: relative;
    top: .2rem;
}

.blue.icon-check:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-check-blue.svg") no-repeat 50% 50%;
}

.icon-close:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-close.svg") no-repeat 50% 50%;
}

.icon-close-gray:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-close-gray.svg") no-repeat 50% 50%;
}

.icon-folder:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-folder.svg") no-repeat 50% 100%;
}

.icon-folder-gray:before,
.icon-folder.disabled:before,
.disabled .icon-folder:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-folder-gray.svg") no-repeat 50% 100%;
}

.icon-send-to-gray:before {
    height: 1.2rem;
    width: 1.9rem;
    background: url("../icons/icon-send-to-gray.svg") no-repeat 50% 100%;
}

.icon-print:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-print.svg") no-repeat 50% 100%;
}

.icon-document:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-document.svg") no-repeat 50% 100%;
}

.icon-email:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-email.svg") no-repeat 50% 100%;
}

.icon-left-arrow-blue:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-left-arrow-blue.png") no-repeat 50% 100%;
}

.icon-right-arrow-blue:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-right-arrow-blue.png") no-repeat 50% 100%;
}

.icon-archive:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-archive.svg") no-repeat 50% 100%;
}

.icon-import:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-import.svg") no-repeat 50% 100%;
}

.icon-no:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-no.svg") no-repeat 50% 100%;
    position: relative;
    top: 1px;
}

.icon-pdf:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-pdf.svg") no-repeat 50% 100%;
    position: relative;
    top: 1px;
}

.icon-webview:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-webview.svg") no-repeat 50% 100%;
}

.icon-list:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-list.svg") no-repeat 50% 100%;
}


/* ============================================== */
/* Alerts Sorting
/* ============================================== */
.sorted-asc, .sorted-dsc, .sorted-none {
    cursor: pointer;
}

.sorted-asc:after {
    content: ' asc';
}

.sorted-dsc:after {
    content: ' desc';
}

.sorted-dsc:after {
    content: '';
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow.svg") no-repeat 50% 50%;
    background-size: 100%;
    display: inline-block;
    position: relative;
    margin-left: 1rem;
}

.sorted-asc:after {
    content: '';
    height: 11px;
    width: 11px;
    background: url("../icons/icon-arrow.svg") no-repeat 50% 50%;
    background-size: 100%;
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.icon-move:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-move.svg") no-repeat 50% 100%;
}

.icon-duplicate:before {
    height: 1.8rem;
    width: 1.8rem;
    background: url("../icons/icon-duplicate.svg") no-repeat 50% 100%;
}

.icon-share:before {
    height: .9rem;
    width: 1.8rem;
    background: url("../icons/icon-share.svg") no-repeat 50% 100%;
}

.icon-share.disabled:before,
.disabled .icon-share:before,
.icon-share-gray:before {
    height: .9rem;
    width: 1.8rem;
    background: url("../icons/icon-share-disabled.svg") no-repeat 50% 100%;
}

.icon-shared:before {
    height: .9rem;
    width: 1.8rem;
    background: url("../icons/icon-shared.svg") no-repeat 50% 100%;
}

.icon-tag-remove:before {
    height: .9rem;
    width: .9rem;
    background: url("../icons/icon-tag-remove.svg") no-repeat 50% 50%;
}

.icon-video:before {
    height: .9rem;
    width: .9rem;
    background: url("../img/dark-play.svg") no-repeat 50% 95%;
    border: none !important;
}

.icon-export:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-export.svg") no-repeat 50% 50%;
    position: relative;
    top: .2rem;
}

.icon-save:before {
    height: 1.7rem;
    width: 1.6rem;
    background: url("../icons/icon-save.svg") no-repeat 50% 50%;
    position: relative;
    top: .4rem;
}

.icon-resize:before {
    height: 1.6rem;
    width: 1.6rem;
    background: url("../icons/icon-resize.svg") no-repeat 50% 50%;
    position: relative;
    top: .3rem;
}

.icon-graph:before {
    height: 1.3rem;
    width: 1.4rem;
    background: url("../icons/icon-graph.svg") no-repeat 50% 50%;
}

.icon-delete-crl:before {
    height: 1.6rem;
    width: 1.6rem;
    background: url("../icons/icon-delete-crl.svg") no-repeat 50% 50%;
}

.icon-column:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-column.svg") no-repeat 50% 50%;
    position: relative;
    top: .2rem;
}

.icon-newgroup:before {
    height: 1.4rem;
    width: 1.6rem;
    background: url("../icons/icon-newgroup.svg") no-repeat 50% 50%;
    position: relative;
    top: .2rem;
}

.icon-calendar:before {
    height: 1.5rem;
    width: 1.6rem;
    background: url("../icons/icon-schedule-blue.svg") no-repeat 50% 50%;
    position: relative;
    top: .2rem;
    margin-right: .5rem;
}

.icon-calendar-white:before {
    height: 1.5rem;
    width: 1.6rem;
    background: url("../icons/icon-schedule-white.svg") no-repeat 50% 50%;
    position: relative;
    top: .2rem;
    margin-right: .5rem;
}

.icon-comment:before {
    height: 1.3rem;
    width: 1.4rem;
    background: url("../icons/icon-comment-blue.svg") no-repeat 50% 50%;
    position: relative;
    top: 4px;
}

.icon-bills:before {
    height: 2rem;
    width: 1.4rem;
    background: url("../icons/icon-bills-blue.png") no-repeat 50% 50%;
    position: relative;
    top: 4px;
}

.icon-title-bills {
    font-weight: bold;
    font-size: 1.3rem;
    color: #115f85;
    margin-bottom: .9em;
}

.icon-issues:before {
    height: 2rem;
    width: 1.4rem;
    background: url("../icons/icon-issues-blue.png") no-repeat 50% 50%;
    position: relative;
    top: 4px;
}

.icon-title-issues {
    font-weight: bold;
    font-size: 1.3rem;
    color: #115f85;
    margin-bottom: .9em;
}

.icon-members:before {
    height: 2rem;
    width: 1.4rem;
    background: url("../icons/icon-members-blue.png") no-repeat 50% 50%;
    position: relative;
    top: 4px;
}

.icon-title-members {
    font-weight: bold;
    font-size: 1.3rem;
    color: #115f85;
    margin-bottom: .9em;
}

.icon-question:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-question.svg") no-repeat 50% 50%;
    position: relative;
    top: 4px;
}

.icon-gear:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-gear.svg") no-repeat 50% 50%;
    position: relative;
    top: 1px;
}

.icon-gear-light-blue:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-gear-light-blue.svg") no-repeat 50% 50%;
    position: relative;
    top: 1px;
}

.icon-warning:before {
    height: 1rem;
    width: 1.1rem;
    background: url("../icons/icon-warning.svg") no-repeat 50% 100%;
}

.icon-schedule-gray:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-schedule-gray.svg") no-repeat 50% 50%;
}

.icon-filter:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-filter.svg") no-repeat 50% 50%;
    margin-right: 1rem;
    position: relative;
    top: 0.2rem;
}

.icon-filter-gray:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-filter-gray.svg") no-repeat 50% 50%;
    margin-right: 1rem;
    position: relative;
    top: 0.2rem;
}

.icon-search:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-search.svg") no-repeat 50% 50%;
    margin-right: 1rem;
    position: relative;
    top: -0.1rem;
}

.icon-search-gray:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-search-gray.svg") no-repeat 50% 50%;
    margin-right: 1rem;
    position: relative;
    top: -0.1rem;
}

.icon-search-blue:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-search-blue.svg") no-repeat 50% 50%;

    /* margin-right: 1rem; */
    position: relative;
    top: 0rem;
}

.icon-pause:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-pause.svg") no-repeat 50% 100%;
}

.icon-pause.disabled:before,
.disabled .icon-pause:before,
.icon-pause-gray:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-pause-gray.svg") no-repeat 50% 100%;
}

.icon-email.disabled:before,
.disabled .icon-email:before,
.icon-email-gray:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-email-gray.svg") no-repeat 50% 100%;
}

/* ============================================== */
/* CQNow and Following icons
/* ============================================== */

/*.following-area .cq-icon:before,  .following-area .icon:before,
.newsfeed-container .cq-icon:before, .newsfeed-container .icon:before{
    content:'';
    display: inline-block;
    position: relative;
    top: .3rem;
    margin-right:.5rem;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 100%;}
    
.cqlive-item-news-story .cq-icon:before, 
.following-item-news .cq-icon:before{
    height: 1.8rem;
    width: 1.4rem;
    background-image: url("../icons/icon-news.svg");}

.following-item-schedules .cq-icon:before{
    height: 1.8rem;
    width:1.3rem;
    background-image: url("../icons/icon-schedule.svg");}
    
.following-item-document .cq-icon:before,
.cqname-container .icon.icon-document:before{
    width: 1.1rem;
    height: 1.9rem;
    background-image: url("../icons/icon-document.svg");}
    
.following-item-bill .cq-icon:before,
.cqname-container.cqlive-bill-action .icon:before{
    width: 1.3rem;
    height: 1.8rem;
    background-image: url("../icons/icon-bill.svg");}

.following-item-actionalert .cq-icon:before,
.cqname-container.cqlive-action-alert .icon:before{
    width: .7rem;
    height: 1.8rem;
    background-image: url("../icons/icon-alert.svg");}      

.following-item-weekly .cq-icon:before,
.cqlive-item-cqweekly-story .cq-icon:before{ 
  width: 1rem;
  height: 1.8rem;
  background-image: url("../icons/icon-weekly.svg");}
*/
.icon-save-blue:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-save-blue.svg") no-repeat 50% 50%;
    position: relative;
    top: .2rem;
}

/* ============================================== */
/* Additional icon changes for individual pages
/* ============================================== */

.modal-panel.buttons-top .feedback-container ul li span:before {
    content: '';
    display: inline-block;
    margin-right: 0.5rem;
    text-align: center;
    height: 1rem;
    width: 1.1rem;
    background: url("../icons/icon-warning.svg") no-repeat 50% 100%;
}

.not-owned .icon-eye-on:before {
    height: 1.1rem;
    width: 1.6rem;
    background: url("../icons/icon-eye-gray.svg") no-repeat 50% 100%;
    position: relative;
    top: 0.2rem;
}

.not-owned .icon-edit:before {
    height: 1.2rem;
    width: 1.2rem;
    background: url("../icons/icon-edit-gray.svg") no-repeat 50% 100%;
}

.following-items-container .icon-folder:before {
    height: 1rem;
    width: 1.2rem;
    background: url("../icons/icon-folder-light-gray.svg") no-repeat 50% 100%;
    position: relative;
    top: 0px;
    margin-left: 1.2rem;
    margin-right: 0rem;
}

.content-stream .following-items-container .following-toolkit a:hover .icon-folder:before {
    background: url("../icons/icon-folder.svg") no-repeat 50% 100%;
}

.following-area .icon-send-to-gray:hover:before {
    background: url("../icons/icon-send-to.svg") no-repeat 50% 100%;
}

.icon-schedule-gray:hover:before {
    height: 1.4rem;
    width: 1.4rem;
    background: url("../icons/icon-schedule-blue.svg") no-repeat 50% 50%;
}

.icon-schedule-gray:before {
    margin-left: .5rem;
    cursor: pointer;
}

.not-owned .icon-eye-off:before {
    background: url("../icons/icon-eye-off-gray.svg") no-repeat 50% 100%;
}

.followed-items-container li.active:after {
    content: '';
    display: inline-block;
    margin-right: .3rem;
    text-align: center;
    height: 1.8rem;
    width: 1.8rem;
    float: right;
    background: url("../icons/icon-check-white.svg") no-repeat 50% 50%;
}

.icon-check:before {
	content: '';
	height: 35px;
	width: 35px;
/* 	margin: 0.8rem 1rem -0.8rem 0; */
	background: url("../icons/check-icon.svg") no-repeat 100% 100%;
	background-size: 35px 35px;
	border:none;
}

.icon-lock:before {
	content: '';
	height: 35px;
	width: 35px; 
/* 	margin: 0.8rem 1rem -0.8rem 0; */
	background: url("../icons/lock-icon.svg") no-repeat 100% 100%;
	background-size: 35px 35px;
	border:none;
}


/* ============================================== */
/* Filter icons
/* ============================================== */

.filter:before {
    content: '';
    display: inline-block;
    margin-right: .3rem;
    text-align: center;
}

.filter.selected.News:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-news.svg") no-repeat 50% 50%;
}

.filter.selected.Magazine:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-weekly.svg") no-repeat 50% 50%;
}

.filter.selected.Bill:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-bill.svg") no-repeat 50% 50%;
}

.filter.selected.Schedule:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-schedule.svg") no-repeat 50% 50%;
}

.filter.selected.Document:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-document.svg") no-repeat 50% 50%;
}

.filter.selected.Heads.Up:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-headsup.svg") no-repeat 50% 50%;
}

.filter.selected.Action.Alert:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-alert.svg") no-repeat 50% 50%;
}

.filter.not-selected.News:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-news-off.svg") no-repeat 50% 50%;
}

.filter.not-selected.Magazine:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-weekly-off.svg") no-repeat 50% 50%;
}

.filter.not-selected.Bill:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-bill-off.svg") no-repeat 50% 50%;
}

.filter.not-selected.Schedule:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-schedule-off.svg") no-repeat 50% 50%;
}

.filter.not-selected.Document:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-document-off.svg") no-repeat 50% 50%;
}

.filter.not-selected.Heads.Up:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-headsup-off.svg") no-repeat 50% 50%;
}

.filter.not-selected.Action.Alert:before {
    height: 3rem;
    width: 3rem;
    background: url("../icons/icon-filter-alert-off.svg") no-repeat 50% 50%;
}