/** row heights **/

.ngq-container-fixed {
	bottom: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

.ngq-row-xs-12 { height: 100%; }
.ngq-row-xs-11 { height: 91.66666666666666%; }
.ngq-row-xs-10 { height: 83.33333333333334%; }
.ngq-row-xs-9 { height: 75%; }
.ngq-row-xs-8 { height: 66.66666666666666%; }
.ngq-row-xs-7 { height: 58.333333333333336%; }
.ngq-row-xs-6 { height: 50%; }
.ngq-row-xs-5 { height: 41.66666666666667%;}
.ngq-row-xs-4 { height: 33.33333333333333%;}
.ngq-row-xs-3 { height: 25%; }
.ngq-row-xs-2 { height: 16.666666666666664%; }
.ngq-row-xs-1 { height: 8.333333333333332%; }

/** **/
.nav .fa-3 {
	font-size: 2em;
	padding-right : 10px;
}

.ngq-foldable {

}

.maincontent-taskbar {
	min-height: 38px;
	height: auto;
}

.taskbar-search {
	margin: 3px;
	width : 140px !important;
	border-radius: 0px;
	border-width: 1px;
	border-color: #555555;
	color: #333333;
}

.maincontent {
	margin-top: 65px;
}
/** overrides done **/
.ngq-action-icon {
	padding: 5px;
	padding-top: 0;
}

.ngq-toggle {
	color: #5c5c5c !important;
	cursor: pointer;
	font-size: 1.5em;
	margin-left : -6px;
}
.ngq-toggle > a {
	color: #5c5c5c !important;
}


.extended-email-headers {
	background-color: #eef1f4;
	padding: 8px;
}

.ngq-emh {
	font-weight: bold;
	margin-right: 2px;
}

.ngq-emh-text {

}

.ngq-preview-container {
	margin-left: 15px;
	margin-top : 0;
	padding : 5px;
}

#pageslide {
	background-color: #eef1f4;
	border: medium none;
	color: #222;
	display: none;
	height: 100%;
	padding: 0;
	position: fixed;
	top: 40px;
	width: 200px;
	z-index: 100;
}

.msg-preview td:hover {
	background-color: #FFF !important;
}

.newsletter {
	background-image: url("/img/newsletter.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.spam {
	background-image: url("/img/spam.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.released_spam {
	background-image: url("/img/release.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.released_newsletter {
	background-image: url("/img/release.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.released_to_admin_spam {
	background-image: url("/img/released_to_admin.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.released_to_admin_newsletter {
	background-image: url("/img/released_to_admin.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.content_control {
	background-image: url("/img/email_DLP_16.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.released_content_control {
	background-image: url("/img/release.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.released_to_admin_content_control {
	background-image: url("/img/released_to_admin.png");
	display: inline-block;
	width: 25px;
	background-repeat: no-repeat;
}

.attachment {
	background-image: url("/img/NGQPaperclip_16.png");
	display: inline-block;
	width: 25px;
	margin : 0 10px;
	background-repeat: no-repeat;
}

.warning {
	background-image: url("/img/icon_alert16.png");
	display: inline-block;
	width: 25px;
	margin : 0 10px;
	background-repeat: no-repeat;
}

.clsFontAwesome {
	font-family: FontAwesome;
	padding: 5px;
	color: #aeb3b9;
	text-align: center;
}

.fa-tick:before {
	content: "\f00c";
}

.fa-cross:before {
	content: "\f00d";
}

.fa-noEntry:before {
	content: "\f05e";
}

.fa-tickCircle:before {
	content: "\f058";
}

.fa-sendMail:before {
	content: "\f1d8";
}

.fa-trash:before {
	content: "\f1f8";
}

.fa-delete:before {
	content: "\f056";
}

.filter-container {
	overflow: auto;
	border: 1px solid #a6a7a7;
	border-radius: 5px;
	min-height: 40px;
	padding: 8px 20px 8px 5px;
	max-height: 150px;
	overflow: auto;
	min-width: 100%;
	margin-bottom: 10px;
}
.filter-token {
	display: inline-block !important;
	margin: 2px;
	height: 22px;
	color: #464646;
	padding: 4px 8px;
	background-color: #ededed;
	border-radius: 15px;
	line-height: 12px;
	cursor: pointer;
}
.filter-token-delete {
	vertical-align: top;
	display: inline-block !important;
	padding-top: -2px;
	font-size: 14px;
	border-right: 2px white solid;
	min-width: 20px;
}
.filter-token-field {
	display: inline-block !important;
	font-size: 12px;
	border-right: 2px white solid;
	padding: 0px 5px;
	text-transform: uppercase;
	min-width: 30px;
	max-width: 150px !important;
}
.filter-token-value {
	display: inline-block !important;
	font-size: 12px;
	min-width: 30px;
	max-width: 150px !important;
	margin-left: 4px;
}
.is--ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.splitList {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

.preview_spam {
	background-image: url("/img/email_spam_32.png");
	display: inline-block;
	width: 100%;
	background-repeat: no-repeat;
	line-height: 32px;
}

.preview_newsletter {
	background-image: url("/img/email_news_32.png");
	display: inline-block;
	width: 100%;
	background-repeat: no-repeat;
	line-height: 32px;
}

.preview_content_control {
	background-image: url("/img/email_DLP_32.png");
	display: inline-block;
	width: 100%;
	background-repeat: no-repeat;
	line-height: 32px;
}

.preview_released {
	background-image: url("/img/release_32.png");
	display: inline-block;
	width: 100%;
	background-repeat: no-repeat;
	line-height: 32px;
}

.preview_released_to_admin {
	background-image: url("/img/released_to_admin_32.png");
	display: inline-block;
	width: 100%;
	background-repeat: no-repeat;
	line-height: 32px;
}

.m_spam {
	background-image: url("/img/email_spam_24.png");
	display: inline-block;
	width: 30px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding : 4px !important;
	margin: 0px 0px -4px 2px !important;
}

.m_newsletter {
	background-image: url("/img/email_news_24.png");
	display: inline-block;
	width: 30px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding : 4px !important;
	margin: 0px 0px -4px 2px !important;
}

.m_content_control {
	background-image: url("/img/email_DLP_24.png");
	display: inline-block;
	width: 30px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding : 4px !important;
	margin: 0px 0px -4px 2px !important;
}

.m_released {
	background-image: url("/img/task_emailrelease_24.png");
	display: inline-block;
	width: 30px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding : 4px !important;
	margin: 0px 0px -4px 2px !important;
}

.m_released_to_admin {
	background-image: url("/img/task_emailreleased_to_admin_24.png");
	display: inline-block;
	width: 30px;
	background-repeat: no-repeat;
	line-height: 20px;
	padding : 4px !important;
	margin: 0px 0px -4px 2px !important;
}

.btn-compliance {
	color: #000000;
	background-color: #cdf3c1;
	border-color: transparent;
}

/*Filter Button - Compliance Style*/
.btn-filter-compliance {

	padding-top: 5px;
	border-radius: 0px;
	padding-left: 10px;
	width: 70px;
}
.btn-filter-compliance:hover,
.btn-filter-compliance:focus,
.btn-filter-compliance:active,
.btn-filter-compliance.active {

	color: #000 !important;
	border-bottom: 3px solid #95BE11;
	padding-bottom: 3px;
}

.ngq-elipsis {
	color : #6c6c6c;
}

.ngq-elipsis:hover {
	color : #6c6c6c;
}

.ngq-hidden {
	display: none;
}

.ngq-text-center {
	text-align: center;
}

.wider {
	width: auto !important;
}

.sortable {
	cursor: pointer;
	font-size: 14px;
	font-family: "FontAwesome","Open Sans","Helvetica Neue","Helvetica","Arial","sans-serif";
}

.ngq-font-red {
	color: #ff9999;
	padding: 5px;
}

.ngq-font-green {
	color: #72e883;
	padding: 5px;
}

.ngq-5px-pad {
	padding: 5px;
}

.ngq-100px-wide {
	width: 100px;
}

/** settings **/
.settings-container {
	margin-top: 8px;
}

.settings-container .tab-pane {
	padding: 0px !important;
}

.ngq-action-icon:hover {
	border-bottom: 3px solid #5D5D5D;
	background: #e7e7e7;
}
.ngq-action-icon {
	margin-left : 0px;
	color: #398199;
	font-size:25px;
}
.ngq-action-icon img {
	margin : 2px;
	width : 20px;
}

.ngq-action-icon-ready {
	border-bottom: 3px double !important;
	/* #0d72ba */
}

.input-daterange input {
	width : 100px;
}

.ngq-navbar-nav .spacer {
	margin-top : 10px;
	font-size : 15px;
}

.ngq-navbar-logo {
	float : left;
}

.ngq-navbar-logo-dropdown a {
	font-size : 15px !important;
}

.cwide250 {
	overflow: hidden;
	text-overflow : ellipsis;
	width : 200px;
}

.truncate250 {
	width : 200px;
	display: block;
	float : right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
}
.wide250-on-browser {
	width : 280px;
}

.ngq-action-bar {
	min-width: 230px !important;
}

.success .no-green {
	background-color: white !important;
}

.select-domain {
	width : 164px;
}

.template-lbl {
	padding-left : 20px;
}

.ngq-txtbox-empty {
	border : 1px solid red;
}

/** media queries **/
@media ( max-width : 1020px) {

	.wide250-on-browser {
		width : inherit !important;
	}
	.truncate250 {
		float :none !important;
		width : inherit !important;
		display : inline;
	}

	.width0-on-mobile {
		font-size : 1px !important;
		float : right !important;
		width : 1px !important;
	}
	.hide-on-mobile {
		display: none !important;
	}
	.ngq-navbar-fixed-bottom {
		display: none;
	}

	/** for tables**/
	.table {
		border: 0;
	}
	.table thead {
		display: none;
	}
	.table>thead>tr>td,.table>tfoot>tr>td,.table>tbody>tr>td {
		border: 0px;
	}
	.table tr {
		margin-bottom: 0px;
		display: block;
		border-bottom: 1px solid #dddddd;
	}
	.table td {
		display: block;
		/*text-align: right;*/
		font-size: 10px;
		/*border-bottom : 1px dotted #6c6c6c; */
	}

	.table td p {
		display : block;
		/*margin-left : 64px;*/
		/*margin-top: -6px;*/
	}

	table td:last-child {
		border-bottom: 0
	}
	table td:before {
		/*content: attr(data-label); */
		/*float: left;*/
		text-transform: uppercase;
		font-weight: bold;
	}

	/*
	.modal-dialog {
	   width : 90% !important;
	}
	*/

	.ngq-action-icon img {
		margin : 2px;
		width : 15px;
	}

	#pageslide .nav {
		font-size : 15px;
	}

	/**/
	.newsletter {
		padding : 4px !important;
		margin: 0 2px!important;
	}

	.spam {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.released_spam {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.released_newsletter {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.released_to_admin_spam {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.released_to_admin_newsletter {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.content_control {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.released_content_control {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	.released_to_admin_content_control {
		padding : 4px !important;
		margin: 0 2px !important;
	}

	/**/
	.ngq-navbar-nav {
		width : 477px !important;
		margin-top : -1px;
		margin-left: 2px;
	}
	.ngq-navbar-logo-dropdown a {
		font-size : 12px !important;
	}
}

@media ( max-width : 990px) {
}
/* snip : move into above for side band*/
.sidebar-collapse {
	display: none;
}
.maincontent {
	margin-left: 0px;
}
.breadcrumb {
	margin-left: 0px;
}
.spam {
	/* padding:4px; */
}
/** resize mobile view logos here **/
.ngq-navbar-brand {
	font-size: 14px !important;
}
/* snip */

@media ( min-width : 991px) {
	.sidebar-collapse {
		margin-top: 40px;
	}
}

@media ( min-width : 1021px) {
	.hide-on-browser {
		display: none !important;
	}

}
/*******************/

.fixed {
	position: fixed;
	top: 70px;
	height: 30px;
	z-index: 1;
	width: inherit;
	padding-right: 20px;
}

.msg_preview {
	cursor:pointer;
}

.not_previewed {
	font-weight:bold
}

.digest_header {
	display: inline-block;
	margin-top: 22px;
}

/* These next styles apply to the mobile hamburger menu */
.burger-menu-title {
	color: white;
	font-weight: bold;
	padding: 3px 5px !important;
}
.burger-menu-action {
	color: white !important;
}
.burger-menu-button {
	border: 0px;
}
.burger-menu-indent {
	padding: 3px 20px;
}
.current-filter {
	background-color: #00a4b7;
}

/*******nortstar.css*********/
.footer-logo {
	width: 100px;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 5px;
}

.footer-logo-expandable-footer {
	width: 100px;
	margin-left: 5px;
	margin-right: 10px;
	padding-left: 5px;
	/*border-left: 1px solid @gray-primary-nav-bg !important;*/
}

.footer-item {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.footer-pipe {
	color: #e7e7e7;
	line-height: 40px;
	margin-left: -4px !important;
	padding-left: 5px !important;
	padding-right: 0px !important;
}

.btn-ok {
	margin-top: 2px;
}

.sidebar-collapse {
	background-color: #eef1f4;
	height: 100%;
	width: 30px;
	margin-top: 95px;
	padding-right: 10px;
	position: fixed;
}

/*    margin-top: 95px;
    margin-left: 30px;
*/
.maincontent {
	height: 100%;
	width: 100%;
}
.maincontent-content{
	margin: 5px;

}

.maincontent-area{
	background-color: #e7e7e7;
	margin-left: -4px;
	font-size: 13px;
	height: 300px;
	padding-top: 3px;
	margin-top: 5px;
}

.maincontent-taskbar{
	margin-left: 5px;
	font-size: 13px;
	height: 32px;
	padding-top: 3px;
}

.taskbar-search {
	font-family: 'FontAwesome','Open Sans',sans-serif;
	text-align: right;
	padding: 3px;
}

.maincontent-table {
	padding: 0px;
}

/*Main Content Tabs Style*/
/*Main Content Tabs Style*/
.maincontent-tabs {
	background-color: #fff;
}

.branding-text {
	height: 45px;
	display: block;
}


.panel {
	border: none;
}
.panel-title {
	color: #222;
}

.filter-btn-container {
	margin-left: 0px;
}
.filter-btn-row {
	margin-left: -4px;
}

.footer-logo-expandable-footer {
	margin-top: 3px;
}

.ngq-text-muted {
	color: #b3b3b3;
}

.ngq-txtbox-error {
	border : 1px solid red;
}

/* Increase checkbox size for better visibility and usability */
.sm_items[type="checkbox"],
.summary_line[type="checkbox"],
.confirm-alias-check[type="checkbox"],
.accounts-item[type="checkbox"],
.admin-alias-slave-item[type="checkbox"],
.account-assoc-associate-item[type="checkbox"],
.confirm-alias-items[type="checkbox"],
.ngq-su-check[type="checkbox"] {
	width: 18px;
	height: 18px;
	cursor: pointer;
	/* Add a bit of spacing */
	margin: 4px;
}

/* For the select-all checkbox in the header */
#summary-grid-check-all,
#cl-grid-check-all {
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin: 4px;
}

/* Mobile checkbox sizing */
@media (max-width: 1020px) {
	.sm_items[type="checkbox"],
	.summary_line[type="checkbox"],
	.confirm-alias-check[type="checkbox"],
	.accounts-item[type="checkbox"],
	.admin-alias-slave-item[type="checkbox"],
	.account-assoc-associate-item[type="checkbox"],
	.confirm-alias-items[type="checkbox"],
	.ngq-su-check[type="checkbox"] {
		width: 20px;
		height: 20px;
		margin: 6px;
	}
}

/* Fix for btn-close in modals to match previous northstar behavior and avoid SVG background issues */
.btn-close {
    float: right;
    font-size: 19.5px !important;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    padding: 0 !important;
    cursor: pointer;
    background: transparent !important;
    border: 0;
    -webkit-appearance: none;
    width: auto !important;
    height: auto !important;
}
.btn-close::before {
    content: "\00d7";
}
.btn-close:hover,
.btn-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header .btn-close {
    margin-top: -2px;
}