/* Annoucment Content */ 

.lt-announcement-list-page .lt-content * {
	color: inherit !important;
    background: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    white-space: inherit !important;
	text-align: inherit !important;
	text-decoration: inherit !important;
	text-indent: inherit !important;
	text-transform: inherit !important;
	direction: inherit !important;
	letter-spacing: inherit !important;
	text-shadow: inherit !important;
	word-spacing: inherit !important;
}

.lt-announcement-list-page .lt-content a {
    color: #1970AB !important;
}

.lt-announcement-list-page .lt-content a:hover {
    text-decoration: underline !important;
}

#s4-workspace
{
-webkit-overflow-scrolling: touch;
}

#s4-ribbonrow {
	display: none;
}

/* Top menu */

a.menu-button {
    display: inline-block;
    color: white;
    font-size: 22px;
    position:absolute;
    top:15px;
    left:15px;
    z-index: 4;
}

a.mobile-map-link {
    float: right;
    position: absolute;
    top: 14px;
    right: 17px;
    color: white;
    font-size: 22px;
}
	
.ta-nav-menu {
    background-color: black;
    position: relative;
    z-index: 4;
    height: 60px;
    transition: all 0.4s;
    overflow: hidden;
}
	
.ta-nav-menu.active {
        height:400px;
}

.ta-nav-menu ul.lt-root-list {
    width: 100%;	
}

.ta-nav-menu ul.lt-root-list li {
    margin: 0;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    text-align: center;
    width: 100%;
}
	
	@media(min-width:992px) {
		a.menu-button, a.mobile-map-link { display: none; }
		.ta-nav-menu { overflow: visible; }
		.ta-nav-menu.active { height: 60px !important; }
		.ta-nav-menu ul.lt-root-list li { border-right: 1px solid #767676;	width: auto; }
		.ta-nav-menu ul.lt-root-list li:hover { background-color: rgba(255,255,255,0.2); }
		.ta-nav-menu ul.lt-root-list { width: auto; }
	}
	
	
.ta-nav-menu ul.lt-root-list li a, .ta-nav-menu ul.lt-root-list li a:hover {
	color: white;	
}
	
.ta-nav-menu ul.lt-root-list li a {
	display: inline-block;
	padding: 0 20px;
}

.ta-nav-menu .nav-icon {
width: 124px;
height: 35px;
margin: 12px 5px 13px 2px;	
}

.piu-button.twitter span::before {
	font-family: fontawesome;
	color: #3b88c3;
	content: "\f099";
}

.piu-button.facebook span::before {
	font-family: fontawesome;
	color: #3b5998;
	content: "\f09a";
}

.piu-button.map-button span::before {
	font-family: fontawesome;
	color: #77942b;
	content: "\f0ac";
}

.piu-button.teis-portal span::before {
	font-family: fontawesome;
	color: #005a96;
	content: "\f05a";
}

.piu-button.file-library span::before {
	font-family: fontawesome;
	color: #005a96;
	content: "\f114";
}

.ta-nav-menu ul.dropdown-menu {
	background-color: black;
	margin: 0;
	border-radius: 0;
	padding: 0;
	border: 0;
}

.ta-nav-menu ul.dropdown-menu li {
	border-right: 0;	
	text-align: left;
}

.ta-nav-menu ul.dropdown-menu li a, .ta-nav-menu ul.dropdown-menu li a:hover {
	background-color: transparent;
}

span.title-count {
	background-color: white;
	color: black;
	border-radius: 10px;
	padding: 0 6px;
}
	
ul.link-list {
    float: right;
    list-style-type: none;
    margin: 0;
    margin-right: 20px;
}
	
ul.link-list li {
    float: left;
    margin: 0 8px;
    line-height: 60px;
		font-size: 13px;
}
	
ul.link-list li a {
    color: white;
    text-decoration: none;
    border-bottom: 1px dotted rgba(255,255,255,0.7);
}
	
ul.link-list li a:hover {
	border-color: white;	
}
	
ul.link-list li a.gov-logo-link {
	border-bottom: none;
	transition: opacity 0.2s;
}
	
ul.link-list li a.gov-logo-link:hover {
	opacity: 0.9;	
}
	
ul.link-list li.em-service-link {
    display: none;	
}

@media(min-width:1150px) {
    ul.link-list li.em-service-link { display: inline;	}
}


span.lt-click-add-item {
	color: white;
    font-size: 13px !important;
    line-height: 30px;
    background-color: #005a96;
    display: inline-block;
    padding: 0 10px;
    border-radius: 3px;
    margin-top: -3px;
	/*width: 76px;*/
	transition: all 0.4s;
}

span.lt-click-add-item.lt-active {
	background-color: #656059;
}

.lt-click-add-item-text {
	margin-left: 5px;
	font-size: 13px !important;
}

.lt-click-add-item i {
	transition: all 0.4s;
}

.lt-click-add-item.lt-active i {
	transform: rotate(45deg);
}
	
/* Incidents/map zone */

	.notification-zone {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		background-color: #be1622;
		padding: 20px;
		box-sizing: border-box;
		height: 130px;
		/*todo - change height to min-height to allow list to grow if many items present. */
		background-image: url(/PublishingImages/tasalert-background-img.png);
		background-size: auto 100%;
		background-position: 20% top;
		background-repeat: no-repeat;
		z-index: 2;
		position: relative;
	}
    
	.notification-zone.nonactive {
		background-color: #005a96;
	}
    
	.notification-zone h2 {
		margin: 0;
		color: white;
		text-align: center;
		margin-bottom: 10px;
	}
    
	.notification-zone h2 span.count {
		font-weight: normal;
		font-size: 20px;
		background-color: white;
		display: inline-block;
		height: 24px;
		line-height: 24px;
		color: #be1622;
		padding: 0 10px;
		border-radius: 15px;
		vertical-align: middle;
		margin-bottom: 5px;
	}

	a.piu-white-button {
		display: inline-block;
		font-size: 12px;
		height: 25px;
		background-color: white;
		border-radius: 15px;
		color: #be1622;
		line-height: 25px;
		font-weight: bold;
		padding: 0 10px;
		margin-left: 10px;
		text-transform: uppercase;
		text-decoration: none;
	}

	a.piu-white-button.pin-right {
		position: absolute;
		top: 10px;
		right: 10px;
		margin-left: 0;
	}
	
	a.piu-white-button.pin-left {
		position: absolute;
		top: 10px;
		left: 10px;
		margin-left: 0;
	}

	a.notif-refresh-button {
		color: white;
		font-size: 18px;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	@keyframes spinning {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}

	a.notif-refresh-button.rotating {
		animation: spinning 1.5s infinite;
	}

	.notification-zone.nonactive a.piu-white-button, .notification-zone.front-end-hidden a.piu-white-button {
		color: #005a96;
	}

	.notification-zone .banner-content-container {
		padding: 0 130px;
		color: white !important;
		font-size: 16px;
	}

	@media(max-width:992px) {
		.notification-zone .banner-content-container { padding: 0; font-size: 80%;}
	}

	.notification-zone .banner-content-container a {
		color: white;
		border-bottom: 1px dotted white;
	}

	.notification-zone .banner-content-container a:hover, .notifications-zone .banner-content-container a:active {
		opacity: 0.9;
		text-decoration: none !important;
	}

	.notification-zone .banner-content-container h2 {
		font-weight: 500;
		text-align: left;
	}


	.notification-zone .banner-content-container.banner-content-hidden {
		text-align: center;
		font-size: 18px;
		opacity: 0.9;
	}

	.notification-zone.hidden {
		height: 0 !important;
		overflow: hidden;
	}

	/* used in PIU portal */
	.notification-zone.front-end-hidden {
		background-color: #bdb7b2;
	}

	

	a.piu-white-button:hover {
		background-color: rgba(255,255,255,0.9);
	}

	ul.notification-list {
		padding-left: 0;
		text-align: center;
	}

	ul.notification-list li {
		display: inline-block;
		background-color: rgba(0,0,0,0.3);
		height: 30px;
		border-radius: 15px;
		padding: 0 20px;
		font-size: 14px;
		/*margin: 5px;*/
		margin: 10px 5px 0;
		transition: background-color 0.4s;
	}

	ul.notification-list li:first-child {
		margin-left: 0;
	}
    
    ul.notification-list li a {
        text-decoration: none;
        color: white;
        /*font-size: 14px;*/
        /*background-color: rgba(0,0,0,0.3);*/
        display: inline-block;
        height: 30px;
        line-height: 30px;
        /* padding: 0 20px; */
         margin: 0; 
        /* transition: background-color 0.4s; */
    }

	ul.notification-list li a.secondary {
		font-size: 12px;
		margin: 0 2px;
		/*margin: 0 5px;*/
	}

	ul.notification-list li a.secondary:nth-child(2) {
		margin-left: 10px;
	}

	ul.notification-list li a.secondary:hover {
		color: rgba(255,255,255,0.8);
	}
    
    ul.notification-list li:hover {
        background-color: rgba(0,0,0,0.6);
    }

	ul.notification-list li a:active {
		transform: scale(0.975);
	}

	a.mobile-map-button {
		background-color: white;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #333333;
		margin-top: 10px;
	}

	a.mobile-map-button::before {
		content: "\f041";
		font-family: fontawesome;
		color: #77942b; 
		margin-right: 8px;
	}

	a.mobile-map-button:focus, a.mobile-map-button:hover {
		background-color: #E4EAD5;
	}

	.mobile-map-button-container {
		text-align: center;
		height: 60px;
	}

	/*a.leaflet-control-layers-toggle::before {
		content: "Layers: ";
		display: inline-block;
	}*/

	.leaflet-control-layers-toggle {
		display: none;
	}

	.lt-close {
		position: absolute;
		top: 5px;
		right: 5px;
	}

	.lt-close svg {
		height: 20px;
		width: 20px;
	}

	.lt-close svg line {
		stroke-width: 3;
	}

	.svg-button:hover {
		color: #3d3a3b;
	}

	.leaflet-control-layers {
		user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
	}

	.leaflet-control-layers::before {
		content: "KEY";
		display: inline-block;
		font-weight: bold;
		text-align: center;
		width: 100%;
		font-size: 9px !important;
		color: #555;
	}

    .leaflet-control-layers-expanded::before {
		content: "Key";
        text-align: left;
        font-size: 15px !important;
        text-transform:none;
        background-color: white;
        padding: 5px 5px 5px 30px;
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		background-image: url("https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/layers.png");
		background-repeat: no-repeat;
		background-position-y: center;
		background-position-x: 5px;
		background-size: 20px;
	}
	
    .leaflet-control-layers-expanded {
        border: 3px solid white !important;
        background-color: rgba(255,255,255,0.75);
        padding: 0 !important;
        border-radius: 10px;
        overflow: hidden;
	}
	
    .leaflet-control-layers-list {
        padding: 5px 5px 0;
    }

	.leaflet-control-layers-overlays label {
		font-weight: normal;
		clear: both;
	}

	.leaflet-control-layers-overlays .title {
		font-weight: bolder;
		float: left;
		padding: 3px 0 0 5px;
    	text-transform: uppercase;
	}

	.leaflet-control-layers-selector {
		float: left;
	}

	.bushfire-layer-label img {
		width: 15px;
	}

	.school-closures-layer-label img {
		width: 15px;
	}

	.evac-centres-layer-label img {
		width: 15px;
	}

	.layers-overlay {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		cursor: pointer;
	}

	.label-container {
		clear: both;
	}

	.road-closures-layer-label div {
		width: 15px;
		margin: 7px 5px 0 0;
		float: left;
	}

	.road-closures-layer-label .red {
		border: 2px solid #FF0000;
	}

	.road-closures-layer-label .green {
		border: 2px solid #4CE600;
	}

	.road-closures-layer-label .blue {
		border: 2px solid #005CE6;
	}
    
	.map-zone-wrapper {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		padding-top: 130px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1;
		display: none;
	}

	.map-zone-wrapper.map-zone-wrapper-mobile {
		display: block;
		min-height:500px;
	}

	/* the .notification-zone */
	.notification-zone.hidden + .map-zone-wrapper, .notification-zone.hidden + div + .map-zone-wrapper {
		padding-top: 0;
	}
	
	@media(min-width:992px) {
		.map-zone-wrapper { display: block;	}
		.mobile-map-button-container { display: none; }
		/**/
	}

    .map-zone {
        height: 100%;
		/*padding-top: 130px;*/
        overflow: hidden;
    }

	.map-zone .leaflet-container .leaflet-control-attribution {
		background-color: rgba(255,255,255,0.95);
	}
    
	a#copyright-link {
		color: #005a96;
	}

    .copyright-notice {
        display: table;
        height: 40px;
        /* line-height: 40px; */
        text-align: center;
        background-color: rgba(255,255,255,0.95);
        position: absolute;
        width: 100%;
        z-index: 1001;
        bottom: -40px;
        cursor: default;
        transition: bottom 0.4s;
    }
    
    .copyright-notice.active {
        bottom: 0;
    }
    
    .copyright-notice p {
        font-size: 12px;
        display: table-cell;
        vertical-align: middle;
    }

	.copyright-notice p a {
		color: #005a96;
	}

	.leaflet-div-icon {
		background: #fff;
		border: 1px solid #666;
	}

	img[src*="Emergency_Warning"] { z-index: 990; }
	img[src*="WatchAndAct"] { z-index: 980; }
	img[src*="Advice"] { z-index: 970; }

/* Announcements feed */
.lt-list-page-button-row .lt-left .lt-list-clear {
    visibility: visible !important;
    background: #fff;
    position: absolute;
    right: 3px;
    z-index: 300;
    top: 3px;
    min-width: 0;
    width: 20px !important;
    height: 20px;
    padding: 0;
    border: none;
    margin: 0;
}

    .lt-list-clear:after {
        content: '\f00d';
        top: 2px;
        right: 2px;
        font-family: fontawesome;
    }

.lt-list-page-button-row .lt-left .lt-list-clear:hover, .lt-list-page-button-row .lt-left .lt-list-clear:active  {
outline: none;
color: #005a96;
}

.lt-list-page-button-row .lt-left .lt-list-clear:active {
	transform: scale(0.9);
}

/* announcements feed - filter box */

ul.ui-widget li.ui-autocomplete-category {
	background-color: #696059;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding: 5px
}

input.lt-list-search:hover, input.lt-list-search:focus {
	outline: none;
}

.ui-menu-item.ui-state-focus {
	border-color: #ccc;
	background-color: #eceae8;
	background-image: none;
}

/* input form */

	

.ta-frontend .lt-click-add-item, .ta-frontend .lt-add-panel, .ta-frontend .lt-add-panel.lt-active {
	display: none !important;
	height: 0 !important;
	width: 0 !important;
}

.ta-frontend .lt-click-edit {
	display: none !important;
}

.lt-click-read {
	/*text-decoration: none;*/
	color: #005a96;
}

.lt-click-read:hover {
	color: #1970AB;
	text-decoration: underline;
}


.ta-notif {
    background-color: #f2f2f2;
	overflow-x: hidden;
	overflow-y: auto;	
}

.ta-notif .lt-list-page-button-row .lt-left {
	position: relative;
}

.ta-notif .lt-list-page-button-row .lt-left:after {
    position: absolute;
    content: "\f078";
    top: 4px;
    right: 6px;
    font-family: fontawesome;
    pointer-events: none;
	cursor: pointer;
}

.ta-notif .lt-announcement-edit-form {
	padding: 15px;
}

.ta-notif .lt-advanced-toggle {
	cursor: pointer;
	margin-right: 10px;
	color: #005a96;
}

.ta-notif .lt-advanced-toggle:hover {
	color: #005a96;
	text-decoration: underline;
}

.ta-notif .lt-click-add-attachments {
	color: #005a96 !important;
}

.ta-notif .lt-footer {
	position: relative;
	margin: 10px 0;
}

.lt-incident-group {
	margin-bottom: 10px;
}

.ta-notif .lt-footer .lt-card-info {
	float: left;
	margin: 0;
	margin-left: 0 !important;
	margin-bottom:15px;
}


.ta-notif .lt-tags-categories {
	margin-right: 6px;
}

.ta-notif .lt-tags-incentives, .ta-notif .lt-tags-categories {
	display: inline-block;
}

.ta-notif .lt-tags-categories:before {
	font-family: fontawesome;
	content: "\f02b";
	margin-right: 4px;
}

.ta-notif .lt-tags-incentives:before {
	font-family: fontawesome;
	content: "\f041";
	margin-right: 4px;
}

.ta-notif .lt-click-share, .ta-notif .lt-click-edit, .ta-notif .lt-click-delete {
	display: inline-block;
}

.ta-notif .lt-click-share, .ta-notif .lt-click-delete {
	margin-right: 6px;
}

.ta-notif .lt-card-clicky {
	margin-bottom: 15px;
}

.ta-notif .lt-click-post {
	background-color: #005a96 !important;
	/* position: absolute; */
	right: 0;
	bottom: 0;
	border-radius: 3px;
	text-transform: uppercase;
}

.ta-notif .lt-click-discard {
	background-color: #e0e0e0 !important;
	color: #333 !important;
	border-radius: 3px;
}

.ta-notif .lt-click-post:hover {
	background-color: #1a6aa0 !important;
}


.ta-notif input[type='checkbox'] {
	margin-top: 0;
	width: auto;
	margin-bottom:5px;
	margin-right: 8px;
}

.ta-notif #advancedOptions {
	display: none;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

ul.ui-widget.ui-autocomplete {
	font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    margin-top: -1px;
    border-color: #ccc;
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
	max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

	@media (max-width: 601px) {
		ul.ui-widget.ui-autocomplete {
			max-height: 400px;
		}
	}





.lt-checkbox-pinned, .lt-checkbox-critical {
	display:inline-block; margin-right: 15px; font-size: 12px;
}

.ta-notif .lt-checkbox-pinned input[type='checkbox'], .ta-notif .lt-checkbox-critical input[type='checkbox'] {
	margin-right: 3px;
}

.lt-checkbox-pinned label:before {
		font-family: fontawesome ;
    color: #767676;
    margin-right: 3px;
    transition: all 0.4s;
    content:'\f08d';
}

.lt-checkbox-pinned input:checked + label:before {
	color: #005a96;
}

.lt-checkbox-critical label:before {
		font-family: fontawesome ;
    color: #767676;
    margin-right: 3px;
    transition: all 0.4s;
    content:'\f071';
}

.lt-checkbox-critical input:checked + label:before {
	color: red;
}





.ta-options {
	/* display: none; */
	height: 0;
	overflow:  hidden;
}

input:checked + label + .ta-options {
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}

label[for='tweetTextMessage'], label[for='tweetText2'], label[for='tweetText3'] {
	display: none;
}

textarea#tweetTextMessage {
	margin-top: 10px;
}

textarea#tweetTextMessage, textarea#tweetText2, textarea#tweetText3 {
	display: block;
	width: 100%;
	resize: vertical;
	font-size: 15px;
}


.lt-twitter-count {
	float: right;
}

.lt-twitter-count.lt-twitter-count-low {
	color: #be1622;
	font-weight: bold;
}

.lt-twitter-actions {
	margin: 10px 0;
}

/*.lt-click-add-attachments-tw1, .lt-click-add-attachments-tw2, .lt-click-add-attachments-tw3, .lt-click-add-attachments-fb {
	margin-top: 5px;
	margin-bottom: 10px;
}*/

.lt-twitter-addMore {
	margin-left: 10px;
}

.lt-twitter-addMore::before {
	font-family: fontawesome;
	content: "\f055";
	margin-right: 5px;
}

.lt-twitter-actions .lt-click-add-atachments-tw1, .lt-twitter-actions .lt-click-add-attachments-tw1, .lt-twitter-actions .lt-click-add-attachments-tw2, .lt-twitter-actions .lt-click-add-attachments-tw3 {
	display: inline-block;
}

span.lt-twitter-addMore {
	cursor: pointer;
}

.ta-notif label[for='postToTwitter'], .ta-notif label[for='postToFacebook'], .ta-notif label[for='postToTEIS'], .ta-notif label[for='setExpiryDate'] {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #767676;
	cursor: pointer;
}

.ta-notif label[for='postToTwitter']:before, .ta-notif label[for='postToFacebook']:before, .ta-notif label[for='postToTEIS']:before, .ta-notif label[for='setExpiryDate']:before {
	font-family: fontawesome ;
    color: #767676;
    margin-right: 3px;
}

.ta-notif label[for='postToTwitter']:before {
	content: "\f099";
	color: #3b88c3;
}

.ta-notif label[for='postToFacebook']:before {
	content: "\f230";
	color: #3b5998;
}

.ta-notif label[for='postToTEIS']:before {
	content: "\f05a";
	color: #005a96;
}

.ta-notif label[for='setExpiryDate']:before {
	content: "\f133";
	color: #be1622;
}








.ta-notif select {
	display: inline-block;
	border: 1px solid #ccc;
	font-size: 15px;
	height: 30px;
	width: 100%;
}

.ta-notif select:focus {
	outline: none;
	background-color: aliceblue;
}


.lt-category-group, .lt-incident-group {
	width: 48%;
	display: inline-block;
	float: left;
	margin-bottom: 15px;
}

.lt-category-group label, .lt-incident-group label {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #767676;
}

.lt-category-group label:before {
	font-family: fontawesome;
	content: "\f02b";
	margin-right: 3px;
}

.lt-incident-group label:before {
	font-family: fontawesome;
	content: "\f041";
	margin-right: 3px;
}

.lt-incident-group {
	float: right;
}



.lt-checkbox-pinned label, .lt-checkbox-critical label {
	font-size: 11px;
	font-weight: bold;
	color: #767676;
	text-transform: uppercase;
	font-weight: bold !important;
	cursor: pointer;
}


.ta-notif .lt-announcement-edit-form .lt-attachments-panel .lt-upload-btn {
	background-color: #005a96 !important;
	border-radius: 3px;
	width: 150px !important;
    height: 35px !important;
    padding: 0 !important;
    line-height: 35px !important;;
}

.lt-upload-btn {
	background-color: #005a96 !important;
	border-radius: 3px;
}


.lt-teis::before {
	content: "TEIS-Only Info: ";
	font-weight: bold;
}

.lt-teis:empty {
    display: none !important;
}

#postToFacebookOptions label, #postToTEIS label {
	display: none;
}

#postToFacebookOptions textarea, #postToTEIS textarea {
	width: 100%;
	min-height: 150px;
	resize: vertical;
	font-size: 15px;
}

#addNewCategory {
	clear: both;
	margin: 10px 0;
}

.lt-btn-addNewCategory {
	background-color: #f0f0f0;
	width: auto;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
	margin-left: 5px;
	cursor: pointer;
}

.lt-btn-addNewCategory:hover {
	background-color: #f3f3f3;
}

.post-default-options {
	clear: both;
	overflow: hidden;
}

.expiry-date-options {
	float: right;
	text-align: right;
	margin-bottom: 10px;
}

.checkbox-options {
	float: left;
	margin-bottom: 10px;
}

label[for='expiryDate'] {
	display: none;
}

input[name='expiryDate'] {
	display: none;
}

input:checked + label + label + input[name='expiryDate'] {
	display: block;
}

.ta-notif #advancedOptions.lt-options-active {
	display: block;
}

.ta-notif label {
	font-weight: 500;
}

.ta-notif .lt-list-page-header {
    display: none;	
}

.ta-notif .lt-announcement-card .lt-title h1 {
    font-size: 20px;	
}

.ta-notif .lt-announcement-list-page.lt-list-page-body .lt-announcement-card {
    margin-bottom: 15px;	
	overflow: hidden;  /* force card to grow to contain children */
}
	
.lt-announcement-card .lt-content {
		font-size: 13px;	
	}
	
.ta-notif .lt-announcement-card.lt-critical .lt-title h1>i {
    color: #be1622;
    font-size: 20px;
}

.ta-notif .lt-announcement-card.lt-critical .lt-status-border {
    background-color: #be1622;
}
	

/* Sharing popup */

.lt-share-widget .lt-share-buttons>div, .lt-share-widget .lt-share-buttons>a, .lt-share-widget .lt-share-buttons>div, .lt-share-widget .lt-share-buttons>a:last-child  {
	width: 30% !important;
	text-decoration: none;
	float: none;
}

.lt-share-widget .lt-share-buttons>div, .lt-share-widget .lt-share-buttons>a.lt-share-twitter {
	background-color: #3b88c3;
}

.lt-share-widget .lt-share-buttons>div, .lt-share-widget .lt-share-buttons>a.lt-share-facebook {
	background-color: #3b5998;
}




/* Single announcement page */

html.ta-single-announcement body {
	background-color: #f2f2f2;
	font-family: "Helvetica neue", arial, sans-serif;
	background-image: url(/PublishingImages/message-background.png);
	background-position: 60% 50%;
	background-size: 50% auto;
	background-repeat: no-repeat;
}

.ta-ann-card {
	background-color: white;
	border: 1px solid #ccc;
	padding: 20px;
	position: absolute;
	max-width: 90%;
	margin: 20px 20px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);  
}

	@media (min-width: 601px) {
		.ta-ann-card {
			padding: 40px 60px;
		}
	}

	@media(min-width:992px) {
		.ta-ann-card {
			width: 900px;
			max-width: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.ta-ann-body {
			max-height: 400px;
		}
	}


h2.ta-ann-title {
	font-size: 32px;
	font-weight: normal;
	font-family: "Helvetica neue", arial, sans-serif;
	margin: 0;
}

.ta-ann-body {
	color: black;
	margin: 10px 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
    overflow-y: auto;
}

@media(min-width: 992px) {
	.ta-ann-title {
		font-size: 48px;
	}

	.ta-ann-body {
		font-size: 20px;
	}
}










/* Product overrides */

.lt-slide-side.lt-slide-right.lt-slide-show .lt-content-container  {
	box-shadow: -2px 0px 3px rgba(0,0,0,0.2);
}

.lt-slide-side.lt-slide-left.lt-slide-show .lt-content-container  {
	box-shadow: 2px 0px 3px rgba(0,0,0,0.2);
}

.lt-tile.lt-link-tile {
	border: 1px solid #cccccc !important;
}

ul.lt-sp-items .fa-arrow-circle-o-right:before {
	content: "\f003";
	color: #767676;
	font-size: 15px;
}

ul.lt-sp-items i.fa-arrow-circle-o-right {
	vertical-align: baseline !important;
	margin-right: 12px;
}

ul.lt-sp-items li div {
	margin: 0;
	padding: 0 !important;
}

.lt-sp-my-list .lt-sp-upload-icon-wrapper {
	display: none;
}

.lt-yammer-feed-tile.lt-embed-tile {
	border: 1px solid #ccc;
}

.lt-yammer-feed-tile.lt-embed-tile .lt-header {
	border-bottom: none;
}




.lt-documents-tile ul.lt-bullets-list.nano-content {
	padding-left: 15px;
}


.lt-tile.lt-documents-tile, .lt-tile.lt-sp-my-list {
	border: 1px solid #ccc;
}


/* unread items button */

div#lt-list-updates {
	text-align: center;
}

.lt-unread-items-button {
	margin-top: 10px;
	display: inline-block;
	background: #be1622;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	border-radius: 20px;
	border: none;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	color: white;
	padding: 0 35px;
}


.lt-unread-items-button::before {
	font-family: fontawesome;
	content: "\f021";
	margin-right: 8px;
}

.lt-unread-items-button:focus, .lt-unread-items-button:hover {
	outline: none;
	background-color: #860f18;
}

.lt-unread-items-button:active {
	outline: none;
	transform: scale(0.975);
	background-color: #860f18;
}

.lt-unread-items-description {
	display: none;
	/*font-weight: bold;
	font-size: 10px;
	color: #606060;
	margin-top: 5px;*/
}

/*.lt-unread-items-description::before {
	font-family: fontawesome;
	content: "\f021";
	font-size: 10px;
	color: #606060;
}*/

/*@keyframes refreshedNotifcationCard {
	from {
		background-color: #FFF5D2;
	}
	to {
		background-color: white;
	}
}

.lt-announcement-card.lt-newly-loaded-item {
	animation: refreshedNotificationCard 1.2s;
}*/

.lt-content.lt-full {
	height: auto !important;
}

.ta-offscreen {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

a.notifications-new-window-link {
	display: block;
    position: absolute;
    bottom: 0;
    right: 20px;
    padding: 3px 8px;
    background-color: rgba(0,0,0,0.7);
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    color: white;
    font-size: 11px;
}



img[src*="evacuation"] {
	/* icon is 56 x 56px - pull up and to the left, so that icon is centered over point on map. */
    margin-top: -28px;
    margin-left: -28px;
}