

/*START fonts*/
@font-face {
    font-family: 'pt_sans_captionregular';
    src: url('../fonts/PTC55F-webfont.eot');
    src: url('../fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTC55F-webfont.woff') format('woff'),
         url('../fonts/PTC55F-webfont.ttf') format('truetype'),
         url('../fonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*END fonts*/
/*START global styles*/
.wrap-all
{
	margin: 0 auto;
    width: 100%;
    min-height: 100%;
	height: auto !important;
	height: 100%;
}


/*START adjust #SignOutForm position*/
form#SignOutForm
{
    margin-bottom: 0 !important;
}
/*END adjust #SignOutForm position*/


/*START h1, h2, h3, h4*/
    h2 .expand-arrow-closed,
	.advanced-label-row .expand-arrow-closed
    {
        display: none;
        position: absolute;
        top: 4px;
        left: -13px;
        width: 0;
        height: 0;
        content: "";
        border-width: 7px 0 7px 7px;
        border-style: solid;
        border-color: transparent transparent transparent #8A769B;
        -webkit-transform: rotate(360deg);
    }
	
/*END h1, h2, h3, h4*/
/*START general*/
	same post
	label .label-link:hover
	{
		text-decoration: underline;
	}
/*END general*/

/*START finger tab UI*/
.finger-tab
{
	position: relative;
	margin-bottom: 10px;
	padding-left: 10px;
	font-family: 'pt_sansbold', Sans-serif;
	color: #777777;
	line-height: 40px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #DADADA;
	cursor: pointer;
}

	.finger-tab.selected
	{
		color: #8564A6;
		border-color: #BBBBBB;
		background-color: #f5F5F5;
	}
		
	.finger-tab.personal-devices
	{
		margin-top: 30px;
		color: #009FC2;
		border-color: #009FC2;
	}
	
.finger-tab-extended
{
	position: absolute;
	top: -1px;
	right: -21px;
	width: 21px;
	height: 40px;
	border-width: 1px 0 1px;
	border-style: solid;
	border-color: #DADADA;
	border-right-color: #FFFFFF;
}

	.finger-tab-content .inner-bucket-header-links
	{
		color: #BBBBBB;
	}
	
/*END finger tab UI*/

/*START pie chart*/

	.pie-chart-reachable-users .caption-numbers
	{
		color: #7CB500;
	}

	.pie-chart-reachable-users .pie-chart-legend-chip
	{
		background-color: #7CB500;
	}
		
/*END pie chart*/

/*START targeting summary*/
	.target-summary-section .num-highlight,
	.inner-bucket-header h4 .num-highlight
	{
		display: inline-block;
		width: 42px;
		font-size: 18px;
		color: #8564A6;
		text-align: right;
		cursor: pointer;
	}
	
		
		
		.target-summary-section .num-highlight.zero,
		.inner-bucket-header h4 .num-highlight.zero
		{
			color: #CCCCCC;
			text-decoration: none;
			cursor: default;
		}
/*END targeting summary*/

/*START targeting sprite*/
.targeting-sprite
{
	display: block;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	background: url(../../Images/targeting-sprite.png) 50px 0 no-repeat;
	overflow: hidden;
}

/*START targeting sprite*/
label
{
    display: inline-block;
    width: auto;
    font-family: 'pt_sansbold', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	text-align: right;
}

.link-disabled
{
    display: block;
    font-family: 'pt_sansregular',Sans-serif;
	font-weight: normal;
	color: #999999;
}

/*END global styles*/
/*START header and title bar*/

	.full .header-bar-wrap
	{
		height: 40px;
	}
//start of commented css in cdn global_css
	.full .header-bar
	{
		width: 100%;
		height: 40px;
	}
	
		.full .header-bar ul li
		{
			height: 40px;
		}
		
		.full .header-bar .header-tab
		{
			height: 40px;
			line-height: 40px;
		}
		
			.full .header-bar .header-tab:hover,
			.half-full .header-bar .header-tab:hover
			{
				margin-left: -1px;
				background-color: #FFFFFF;
				border-left: 1px solid #DDDDDD;
			}
			
				.full .header-bar .header-tab:hover a,
				.half-full .header-bar .header-tab:hover a
				{
					color: #333333;
					text-decoration: none;
				}
				
				.full .header-bar .header-tab ul,
				.half-full .header-bar .header-tab ul
				{
					display: none;
					position: absolute;
					top: 41px;
					left: -1px;
					background-color: #FFFFFF;
				}
				
				.full .header-bar .header-tab:hover ul,
				.half-full .header-bar .header-tab:hover ul
				{
					display: block;
				}
				
					.full .header-bar .header-tab:hover ul li,
					.half-full .header-bar .header-tab:hover ul li
					{
						display: block;
						margin-top: -1px;
						padding: 0 0 0 20px;
						width: 100%;
						height: 30px;
						line-height: 30px;
						background-color: #FFFFFF;
						border: 1px solid #DDDDDD;
						border-top: none;
						white-space: nowrap;
						overflow: hidden;
					}
					
						.full .header-bar .header-tab:hover ul li:hover,
						.full .header-bar .header-tab:hover ul li:hover a,
						.half-full .header-bar .header-tab:hover ul li:hover,
						.half-full .header-bar .header-tab:hover ul li:hover a
						{
							color: #FFFFFF;
							background-color: #8564A6;
						}
						
				.full .header-bar .header-tab:hover ul li.submenu,
				.half-full .header-bar .header-tab:hover ul li.submenu
				{
					/*position: relative;*/
				}
				
					.full .header-bar .header-tab:hover ul li.submenu ul,
					.half-full .header-bar .header-tab:hover ul li.submenu ul
					{
						display: none;
						position: absolute;
						left: 100%;
						margin-left: 21px;
					}
					
						.full .header-bar .header-tab:hover ul li.submenu:hover ul,
						.half-full .header-bar .header-tab:hover ul li.submenu:hover ul
						{
							display: block;
							margin-top: 18px;
						}
						
							.full .header-bar .header-tab:hover ul li.submenu:hover ul li,
							.half-full .header-bar .header-tab:hover ul li.submenu:hover ul li
							{
								display: block;
								margin-top: -1px;
								padding: 0 0 0 20px;
								width: 100%;
								height: 30px;
								line-height: 30px;
								background-color: #FFFFFF;
								border: 1px solid #DDDDDD;
								border-top: none;
								white-space: nowrap;
								overflow: hidden;
							}
							
							.full .header-bar .header-tab:hover ul li.submenu:hover ul li:first-child,
							.half-full .header-bar .header-tab:hover ul li.submenu:hover ul li:first-child
							{
								border-top: 1px solid #DDDDDD;
								border-left: transparent;
							}
							
								.full .header-bar .header-tab:hover ul li.submenu:hover ul li a,
								.half-full .header-bar .header-tab:hover ul li.submenu:hover ul li a
								{
									color: #333333;
									background-color: transparent;
								}
								
									.full .header-bar .header-tab:hover ul li.submenu:hover ul li:hover,
									.full .header-bar .header-tab:hover ul li.submenu:hover ul li:hover a,
									.half-full .header-bar .header-tab:hover ul li.submenu:hover ul li:hover,
									.half-full .header-bar .header-tab:hover ul li.submenu:hover ul li:hover a
									{
										color: #FFFFFF;
										background-color: #8564A6;
									}

			.full .header-tab.btn-new-alert,
			.half-full .header-tab.btn-new-alert
			{
				position: absolute;
				left: 50% !important;
				margin-left: -70px !important;
				margin-top: 5px;
				height: 28px;
				line-height: 28px;
				border: 1px solid #111111;
				background-color: #444444;
			}
			
				.full .header-tab.btn-new-alert:hover,
				.half-full .header-tab.btn-new-alert:hover
				{
					
				}

.submenu-arrow
{
	display: block;
	float: right;
	position: relative;
	top: 12px;
	right: 8px;
	width: 6px;
	height: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC #CCCCCC transparent transparent;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
}
//end of commented css in cdn global_css

	
		.header-tab.raised,
		.full .header-tab.raised .tab-label-overflow,
		.full .header-tab.raised .tab-label
		{
			padding: 0 5px;
			height: 40px;
			font-size: 12px;
			line-height: 40px;
			text-decoration: none;
		}
		
		.half-full .header-tab.raised .tab-label-overflow,
		.half-full .header-tab.raised .tab-label
		{
			padding: 0 5px;
			height: 60px;
			font-size: 12px;
			line-height: 60px;
			text-decoration: none;
		}
		

		.full .clock-icon.grey
		{
			top: 11px;
		}
		
		
	.tab-label-overflow.medium
	{
		max-width: 100px;
	}
	
	
		.full .header-bar ul li.help-icon.grey
		{
			margin: 12px 5px 5px 5px;
		}
		
		
		.full .header-bar ul li.settings-icon.grey
		{
			margin: 12px 5px 5px 5px;
		}
		


	.full .title-bar-wrap
	{
		top: 40px;
		height: 30px;
		background: none;
		background-color: #EEEEEE;
	}
	
			
		.full .title-bar .title-warn
		{
			line-height: 30px;
		}
		
		.half-full .title-bar .title-warn
		{
			margin-top: 15px;
		}
		
		.full .title-bar .title-warn .btn-block,
		.half-full .title-bar .title-warn .btn-block
		{
			display: block;
			float: right;
			margin-top: 1px;
		}
	
		.full .title-bar .title-warn .btn-group,
		.half-full .title-bar .title-warn .btn-group
		{
			margin-top: 1px;
			line-height: normal;
		}


	/*END Esri Map FIX*/


    .breadcrumbs li
    {
        float: left;
        margin: 0;
        padding: 0;
        max-width: 180px;
		font-size: 18px;
        color: #414042;
		/*text-shadow: 0 1px #EEEEEE;*/
        line-height: 60px;
        list-style-type: none;
        cursor: pointer;        
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }

       	
		.full .breadcrumbs li
		{
			line-height: 30px;
		}

        /*.breadcrumbs li.bc-first
        {
            padding: 0;
            width: 21px;
            height: 34px;
            background: url(../../images/bc-left.png) 0 0 no-repeat transparent;
        }*/

        	
			.full .breadcrumbs li.bc-connect
			{
				margin: 8px 5px 0 5px;
			}

        /*.breadcrumbs li.bc-last
        {
            padding: 0;
            width: 21px;
            height: 34px;
            background: url(../../images/bc-right.png) 0 0 no-repeat transparent;
        }*/
		
		

/*END header and title bar*/


/*START footer styles*/
.footer-wrap
{
    position: fixed;
	/*z-index: 300;*/
	bottom: 0;
	padding: 5px 0;
	width: 100%;
	background-color: #333333;
}

/*.footer-wrap
{
    position: relative;
	padding: 5px 0;
    height: 50px;
	background-color: #333333;
}*/

	
		/*START walkme mods*/
		#walkme-player, #walkme-menu
		{
			z-index: 2998 !important;
			right: 25px !important;
			bottom: 26px !important;
		}
		/*END walkme mods*/

.footer_left
{
    position: relative;
    float: left;
    margin-left: 0;
	padding: 0 0 0 25px;
    width: 50%;
	max-height: 48px;
    white-space: normal;
    font-family: 'pt_sansregular', sans-serif !important;
    color: #969696;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
	overflow: hidden;
	overflow-y: auto;
}

	
.footer_right
{
    position: relative;
    float: right;
	padding: 0 25px 0 0;
    width: 45%;
    white-space: normal;
    text-align: right;
    font-family: 'pt_sansregular', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #969696;
    line-height: 16px;
}

	
/*END footer styles*/
/*START button styles*/

	.btn.faux-link
	{
		padding-right: 0;
		padding-left: 0;
		width: auto;
		color: #8564a6;
		text-align: center;
		background: none;
		border: none;
	}
	
/*END button styles*/
/*START modal overlay*/
.vert-center-wrap
{
	/*apply to parent of modal*/
	position: fixed;
	top: 0 !important;
	margin: 0 auto;
	height: 100%;
}

.modal-vert-center
{
	/*apply to modal*/
	position: relative;
	top: 50%;
}



/*START warning message position on list pages*/


.pager-carrier
{
	white-space: nowrap;
}

	.pager-carrier > span
	{
		display: inline-block;
		margin-bottom: -5px;
		width: 74px;
		height: 20px;
		line-height: 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

/*END new styles---------------*/

/*START .top-links and .ready-indicator*/

.option-num
{
	width: 26px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	background-color: #C8C8C8;
	border: 1px solid #BFBFBF;
}
/*END .top-links*/

/*START Homepage Styles*/

.section-users-number
{
	padding-right: 5px;
	width: 50px;
	text-align: right;
}

.section-users-label
{
	padding-left: 55px;
}

.section-last
{
	padding-left: 55px;
	font-family: 'pt_sansbold', Arial, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}

/*END Homepage Styles*/

/*START Self-Service Log-In Styles*/

.ss-copyright
{
	position: absolute;
	bottom: -20px;
	width: 100%;
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
}


/*END Self-Service Log-In Styles*/


/*START Captcha styles*/
.recaptcha {
    margin-top: 30px;
    margin-left: -12px;
}

.recaptcha-img
{
	width: 272px !important;
	height: 57px !important;
}

	.recaptcha-img img,
	#recaptcha_image img
	{
		width: 272px !important;
		height: 52px !important;
	}

.btn-recaptcha-reload,
.btn-recaptcha-audio,
.btn-recaptcha-image,
.btn-recaptcha-help
{
	display: block;
	position: relative;
	margin-top: 2px;
	width: 25px;
	height: 20px;
	background: url(../../Images/recaptcha-sprite.png) 0 0 no-repeat;
	overflow: hidden;
}

	.btn-recaptcha-reload
	{
		background-position: center 0;
	}
	
	.btn-recaptcha-audio
	{
		background-position: center -48px;
	}
	
	.btn-recaptcha-image
	{
		background-position: center -99px;
	}
	
	.btn-recaptcha-help
	{
		background-position: center -150px;
	}

.recaptcha-attribution
{
	margin-right: 3px;
	font-size: 12px;
	color: #999999;
	text-align: right;
}
/*END Captcha styles*/

/*START Media Queries*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 759px),
	only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 759px),
	only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 759px),
	only screen and (min-device-pixel-ratio: 2) and (max-width: 759px)
	{
		/*original--->(max-width: 1334px)*/
		/* Small screen retina/amoled styles */
		.ss-login
		{
			margin-left: 0;
		}
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
	only screen and (min-device-pixel-ratio: 2) and (min-width: 320px)
	{
		.icon10,
		.icon16,
		.icon20,
		.icon32
		{
			background: url(../../Images/event-mgr-sprite@2x.png) 10px 10px no-repeat;
			background-size: 320px 400px;
		}
	}
/*END Media Queries*/

//remove
/*START Added by ODC*/
.Custom_Margine_Pd_Md {
    max-height: 1000px;
    max-width: 900px;
    word-break: break-all;
}
/*END Added by ODC*/