.mobile-only {
	display: none;
}

.se-pre-con {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;
			background: url('Images/loader-64x/Preloader_7.gif') center no-repeat #fff;
}

#contentRow {
	padding-top: 4px;
		}
		
#sideNavBox,
#contentRow,
#siteIcon {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

#contentBox {
	min-width: auto;
}

/* Make sure dialog windows don't break */

.ms-dialog #contentRow {
	margin-left: 0;
}

.ms-dialog #contentBox {
	margin-top: 0;
}

.ms-dialog #s4-bodyContainer {
	min-width: 0;
	font-size: 1em;
}


/* unvisited link */
.item-text a:link {
    color: #474654;
}

/* visited link */
.item-text a:visited {
    color: #474654;
}

/* ---------- Start Breadcrumb ---------- */

#breadcrumbIcon{

    background-image: url(Images/portal/SVG/header_ucc.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position-y: center;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding-right: 6px;
}

.ms-dialog .ms-Breadcrumb {
	display: none;
}

/* .ms-Breadcrumb {
	margin: auto;
	width: 50%;
	text-align: center;
	margin-top: -19px;
	padding-bottom: 7px;
} */

li.ms-Breadcrumb-listItem:first-child a {
	padding-left: 0;
}

.ms-Breadcrumb.is-overflow .ms-Breadcrumb-overflow {
	display: inline
}

.ms-Breadcrumb-chevron {
	font-size: 17px;
	color: #666;
	vertical-align: top;
	margin: 10px 0
}

.ms-Breadcrumb-list {
	display: inline;
	white-space: nowrap;
	padding: 0;
	margin: 0
}

.ms-Breadcrumb-list .ms-Breadcrumb-listItem {
	list-style-type: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.ms-Breadcrumb-list .ms-Breadcrumb-listItem:last-of-type .ms-Breadcrumb-chevron {
	display: none
}

.ms-Breadcrumb-overflow {
	display: none;
	position: relative;
	margin-right: -4px
}

.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
	font-size: 12px;
	display: inline-block;
	color: #0078d7;
	margin-right: -4px;
	padding: 12px 8px 3px;
	cursor: pointer
}

.ms-Breadcrumb-overflowMenu {
	display: none;
	position: absolute
}

.ms-Breadcrumb-overflowMenu.is-open {
	display: block;
	top: 36px;
	left: 0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	background-color: #fff;
	border: 1px solid #c8c8c8;
	z-index: 5
}

.ms-Breadcrumb-overflowMenu:before {
	position: absolute;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	top: -6px;
	left: 6px;
	content: ' ';
	width: 16px;
	height: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff
}

.ms-Breadcrumb-overflowMenu .ms-ContextualMenu {
	border: none;
	box-shadow: none;
	position: relative;
	width: 190px
}

.ms-Breadcrumb-overflowMenu .ms-ContextualMenu.is-open {
	margin-bottom: 0
}

.ms-Breadcrumb-itemLink,
.ms-Breadcrumb-overflowButton {
	text-decoration: none;
	outline: transparent;
}

.ms-Breadcrumb-itemLink:hover,
.ms-Breadcrumb-overflowButton:hover {
	background-color: #f4f4f4;
	cursor: pointer
}

.ms-Breadcrumb-itemLink:focus,
.ms-Breadcrumb-overflowButton:focus {
	outline: 1px solid #767676;
	color: #000
}

.ms-Breadcrumb-itemLink:active,
.ms-Breadcrumb-overflowButton:active {
	outline: transparent;
	background-color: #c8c8c8
}

.ms-Breadcrumb-itemLink {
    color: #333;
    font-family: SegoeUI-Bold;
    font-size: 21px;
    font-weight: 400;
    display: inline-block;
    padding: 0 4px;
    max-width: 348px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ms-Breadcrumb span:hover {
	cursor: default;
	background: none;
}

.ms-Breadcrumb a:hover {
	text-decoration: none;
}

.ms-Breadcrumb a,
.ms-Breadcrumb a:visited {
	color: #23527c;
}

@media screen and (max-width: 639px) {
	.ms-Breadcrumb {
		margin: 10px 0
	}
	.ms-Breadcrumb-itemLink {
		font-size: 17px
	}
	.ms-Breadcrumb-chevron {
		font-size: 14px;
		margin-top: 7px
	}
	.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
		padding-top: 8px;
		padding-bottom: 3px
	}
}

li.ms-Breadcrumb-listItem * {
	font-size: 17pt !important;
}

@media screen and (max-width: 479px) {
	.ms-Breadcrumb-itemLink {
		font-size: 14px;
		max-width: 116px
	}
	.ms-Breadcrumb-chevron {
		margin-top: 4px
	}
	.ms-Breadcrumb-overflow .ms-Breadcrumb-overflowButton {
		padding-top: 5px;
		padding-bottom: 3px
	}
}

i.ms-Icon.ms-Icon--ChevronRight:before {
	content: '\e08a';
}

i.ms-Breadcrumb-chevron.ms-Icon.ms-Icon--ChevronRight {
	margin: 5px 0;
}

@font-face {
    font-family: Office365Icons;
    src: url('Content/fonts/office365icons/office365icons.eot');
    src: url('Content/fonts/office365icons/office365icons.eot#iefix') format('embedded-opentype'), url('Content/fonts/office365icons/office365icons.woff') format('woff'), url('Content/fonts/office365icons/office365icons.ttf') format('truetype'), url('Content/fonts/office365icons/office365icons.svg#office365icons') format('svg');
    font-weight: 400;
    font-style: normal
}

.ms-Icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: Office365Icons !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    speak: none
}

/* ---------- End Breadcrumb ---------- */

/* ----------Start Search box ---------- */

.ms-srch-sb,
.ms-srch-sb-border {
	
	border-radius: 21px;
	border: 1px solid #0e3349;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #14171a;
	display: block;
	height: 35px;
	line-height: 29px;
	transition: all .2s ease-in-out;
	width: 100%;
}

.ms-srch-sb>input {
    margin: 0px 0px 0px 11px !important;
}

#searchImg {
    left: -3px !important;
    top: -34px !important;
    position: absolute;
}

.ms-srch-sb>.ms-srch-sb-searchLink {
	margin-left: -1px;
	height: 31px !important;
	width: 31px !important;
	border-radius: 32px;
}

#navImg {
	display: none;
}

.ms-srch-sb>.ms-srch-sb-navLink {
	height: 0 !important;
	width: 0 !important;
}

/* ---------- End of Search box ---------- */

@font-face {
	font-family: 'SegoeUI-Light';
	src: url('Content/fonts/segoeuil/segoeuil.eot');
	src: url('Content/fonts/segoeuil/segoeuil.eot') format('embedded-opentype'), url('Content/fonts/segoeuil/segoeuil.woff') format('woff'), url('Content/fonts/segoeuil/segoeuil.ttf') format('truetype'), url('Content/fonts/segoeuil/segoeuil.svg#segoeuil') format('svg');
}

@font-face {
	font-family: 'SegoeUI';
	src: url('Content/fonts/segoeui/segoeui.eot');
	src: url('Content/fonts/segoeui/segoeui.eot?#iefix') format('embedded-opentype'), url('Content/fonts/segoeui/segoeui.woff') format('woff'), url('Content/fonts/segoeui/segoeui.ttf') format('truetype'), url('Content/fonts/segoeui/segoeui.svg#segoeui') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUI-Bold';
	src: url('Content/fonts/segoeuib/segoeuib.eot');
	src: url('Content/fonts/segoeuib/segoeuib.eot?#iefix') format('embedded-opentype'), url('Content/fonts/segoeuib/segoeuib.woff') format('woff'), url('Content/fonts/segoeuib/segoeuib.ttf') format('truetype'), url('Content/fonts/segoeuib/segoeuib.svg#segoeuib') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SegoeUI-Italic';
	src: url('Content/fonts/segoeuii/segoeuii.eot');
	src: url('Content/fonts/segoeuii/segoeuii.eot?#iefix') format('embedded-opentype'), url('Content/fonts/segoeuii/segoeuii.woff') format('woff'), url('Content/fonts/segoeuii/segoeuii.ttf') format('truetype'), url('Content/fonts/segoeuii/segoeuii.svg#segoeuii') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-family: SegoeUI-Bold;
	font-size: 24pt;
	color: rgb(235, 120, 25);
	font-weight: normal;
}

h3 {
	text-transform: uppercase;
	font-size: 11pt;
	font-family: SegoeUI-Bold;
	color: #0e3349;
}

/* logo */

#logo {
	float: left;
	display: block;
	margin-right: 50px;
	padding: 19px 0 0 25px;
}

/* Content */

#content {
	float: left;
	background: #edeff6;
	width: 100%;
}

/* topbar */

#topbar {
	display: block;
	width: 100%;
	height: 75px;
	background: white;
}

#topbar-left {
	width: 100%;
	height: 75px;
	float: left;
}

#topbar-right {
	height: 75px;
	text-align: right;
}

/* Breadcrumb */

#topbar nav ul {
	padding: 23px 0 0 0;
}

#topbar nav ul,
#topbar nav ul a {
	list-style: none;
	font-family: SegoeUI-Bold;
	font-size: 24px;
	color: #0e3349;
	font-weight: normal;
	margin: auto;
	padding: 10px;
	text-align: center;
}

#topbar nav span {
	margin: 0 5px;
}

/* Docs */

#docs {
	display: inline-block;
	width: 85px;
	height: 35px;
	margin: 19px 25px 0 0;
}

.info {
	width: 58px;
	height: 44px;
	background-image: url('Images/portal/SVG/header_info.svg');
	background-repeat: no-repeat;
	float: right;
	display: inline-block;
	cursor: pointer;

}

.info:hover {
	background: url('Images/portal/SVG/header_info_hover.svg') no-repeat;
}

.manual {
	width: 54px;
	height: 44px;
	background-image: url('Images/portal/SVG/header_golive.svg');
	background-repeat: no-repeat;
	float: right;
	display: inline-block;
	cursor: pointer;

}

.manual:hover {
	background: url('Images/portal/SVG/header_golive_hover.svg') no-repeat;
}

#oldportal {
	display: inline-block;
	width: 120px;
	height: 35px;
	margin: 19px 25px 0 0;
}

#oldportal a {
	float: right;
	color: #8c8c8c;
	background: url('Images/portal/SVG/arrow-left.png') no-repeat;
	background-position: left 8px;
	margin: 8px 0 0 0;
	padding: 0 0 0 10px;
}

#oldportal a:visited {
	color: #8c8c8c;
}

#oldportal a:hover {
	color: #ef7d2d;
	text-decoration: none;
	background: url('Images/portal/SVG/arrow-left-hover.png') no-repeat;
	background-position: left 8px;
}

/* infographic */

#infographics {
	width: 100%;
	background: white;
}

#infographics div {
	border: 1px solid #e9ecf3;
}

#infographics div.firstRow {
	height: 170px;
	border: none;
}

#infographics div#totalAgents {
	width: 33.33%;
	height: 100%;
	float: left;
	border-right: none;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#outboundDialer {
	width: 33.33%;
	height: 100%;
	float: left;
	border-right: none;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#recordings {
	width: 33.33%;
	height: 100%;
	float: left;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#recordingTotals {
	width: 100%;
	height: 61px;
	float: left;
	border: none;
	padding: 5px 10px 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#recordingSettings {
	float: left;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#recordingSettings div#recordingSettings_column1 {
	width: 162px;
	float: left;
	padding: 0px 5px 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
}

#infographics div#recordingSettings div#recordingSettings_column2 {
	float: left;
	padding: 0px 0px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
	width: 145px;
}

#recordingTotals>div {
	margin-top: -25px;
}

#infographics div.secondRow {
	height: 190px;
	border: none;
}

#infographics div#skillsPerAgent {
	width: 33.33%;
	height: 100%;
	float: left;
	border-top: none;
	border-right: none;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#uccInfo {
	width: 33.33%;
	height: 100%;
	float: left;
	border-top: none;
	border-right: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
}

#infographics div#missedCallsVoicemails {
	width: 33.33%;
	height: 100%;
	float: left;
	border-top: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#missedCalls {
	width: 100%;
	height: 50%;
	border: none;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#infographics div#missedCalls h3 {
	margin-bottom: 5px;
}

#infographics div#voicemails {
	width: 100%;
	height: 50%;
	border: none;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top: 1px solid #edeff6;
}

#infographics div#voicemails h3 {
	margin-bottom: 5px;
}

.doughnutChart div.canvas-holder {
	width: 30% !important;
	max-width: 100px;
	float: left;
	border: none !important;
	background: url('Images/portal/SVG/user_role_header_active.svg');
	background-repeat: no-repeat;
	background-position: 15px 50%;
}

#countTotalAgents,
#countSkillsPerAgent,
#outboundDialerCount {
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: 97px;
	font-size: 19pt;
	font-family: segoeUI;
	color: #0e3349;
}

#totalAgents>div {
	position: relative;
}

#skillsPerAgent>div {
	position: relative;
	z-index: 1;
}

#skillsPerAgent {
	position: relative;
}

#outboundDialer {
	position: relative;
}

#outboundDialer>div {
	position: relative;
	z-index: 1;
}

#countOutboundDialer {
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: 97px;
	font-size: 19pt;
	font-family: segoeUI;
	color: #0e3349;
}

#holidaysLabelid {
	width: 100%;
	height: 50%;
	border: none;
	padding: 10px 10px 0 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top: none !important;
	border-right: none !important;
}

#businesshoursLabelid {
	width: 100%;
	height: 50%;
	border: none;
	padding: 10px 10px 0 18px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: none !important;
	border-right: none !important;
}

#UCCheader {
	background-color: #0e3349;
	height: 27px;
	text-align: center;
	font-family: segoeui;
	vertical-align: bottom;
	font-size: 11pt;
}

#UCCheader>span {
	color: white;
	vertical-align: middle;
}

.doughnutChart ul.chart-labels {
	width: calc(50% - -19px) !important;
	display: inline-block;
}

.doughnutChart ul.chart-labels li {
	list-style: none;
	clear: both !important;
	border: none !important;
	width: 160px !important;
	padding: 3px 3px 0px 3px !important;
}

.doughnutChart ul.chart-labels li div {
	width: 10px;
	height: 10px;
	border-radius: 500px;
	display: block;
	background: red;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	border: none !important;
}

.doughnutChart ul.chart-labels li label {
	float: left;
	display: block;
	font-weight: bold;
}

.doughnutChart ul.chart-labels li span {
	width: auto;
	float: left;
	display: block;
	margin-left: 12px;
	padding: 5px;
	padding: 2px 5px 2px 5px;
	font-size: 11pt;
	color: #0e3349;
	text-align: center;
	margin-top: -4px;
	font-family: segoeui;
}

#infographics h3 {
	margin-bottom: 18px;
}

#infographics .circular-info,
#infographics .circular {
	float: left;
}

#infographics .circular-info {
	margin-left: 25px;
}

#infographics .circular-info,
#infographics .circular {
	float: left;
}

#infographics .circle-img {
	display: block;
	margin: 15px auto;
}

#infographics .amount {
	font-family: SegoeUI-Light;
	font-size: 2.4em;
}

/* columnChart */

#infographics div.columnChart {
	width: 250px;
	display: inline-block;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: -7px;
}

#infographics div.columnChart div.columnChart_img {
	display: block;
	float: left;
	border: none;
}

#infographics div.columnChart div.columnChart_img img {
	display: block;
	margin: 10px 25px 0 0;
}

#infographics div.columnChart div.columnChart_caption {
	display: inline-block;
	float: left;
	border: none;
}

#infographics div.columnChart div.columnChart_caption figcaption {
	display: block;
	float: left;
	margin: 2px 25px 0 0;
	font-family: SegoeUI;
	font-size: 13pt;
	line-height: 51px;
	font-weight: bold;
}

#infographics div.columnChart div.ig-columnchart {
	display: block;
	float: left;
	border: none;
}

#infographics div.columnChart div.ig-columnchart canvas {
	margin: -5px 0 0 0;
}

#infographics #businesshours {
	display: block;
	margin: 0 0 10px 0;
}

#infographics #holidays {
	display: inline-block;
	list-style-type: none !important;
}

#infographics #holidays ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#infographics div#recordingSettings span.recordingSettingsDetails {
	width: 180px;
	display: block;
	margin: 2px 0 0 0;
	font-size: 11pt;
	color: #0e3349;
}

.chart-labels {
	-webkit-column-count: 2;
	/* Chrome, Safari, Opera */
	-moz-column-count: 2;
	/* Firefox */
	column-count: 2;
	-webkit-column-gap: 78px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 78px;
	/* Firefox */
	column-gap: 78px;
}

#holidays>ul>li {
	border-radius: 15px;
	background: #2573b7;
	padding: 0px 8px 2px 8px;
	height: auto;
	color: white;
	margin: 0 0px 2px 0;
	width: auto;
}

#daysRemaining>li {
	background-color: #e9ecf3;
	border-radius: 15px;
	padding: 0px 8px 2px 8px;
	margin-left: 7px;
	display: inline-table;
	list-style-type: none;
	margin: 0 0px 2px 6px;
}

#daysRemaining {
	display: inline-grid;
	margin: 2px 0 0 0;
	overflow: hidden;
}

#ShowHideInfographics {
	background-color: #d3dae2;
	height: 39px;
	text-align: center;
}

#arrow-up {
	padding: 8px 23px 8px 11px;
	line-height: 40px;
	cursor: pointer;
	background: url(Images/portal/SVG/header_arrow_up.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 32px;
}

#arrow-down {
	padding: 31px 23px 8px 11px;
	line-height: 40px;
	cursor: pointer;
	background: url(Images/portal/SVG/header_arrow_down.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 32px;
	display: none;
}

/* xxxl */

@media only screen and (min-width: 1920px) {
	.uccgeneral-ucc,
	.actions-ucc,
	.dialoguemanagement-ucc,
	.contentmanagement-ucc {
		height: 621px;
	}
	.userrole-ucc,
	.userinput-ucc,
	.dialogueintelligence-ucc,
	.uccconfig-ucc {
		height: 300px;
	}
	.overview-items-row2 ul {
		height: 765px;
	}
	#chart-label2 {
		column-count: 1;
	}
	
	#DeltaPlaceHolderSearchArea{
		margin-top: 5px;
	}
	
}

/* xxl */

@media only screen and (max-width: 1919px) and (min-width: 1366px) {
	.uccgeneral-ucc,
	.actions-ucc,
	.dialoguemanagement-ucc,
	.contentmanagement-ucc {
		height: 500px;
	}
	.userrole-ucc,
	.userinput-ucc,
	.dialogueintelligence-ucc,
	.uccconfig-ucc {
		height: 300px;
	}
	#chart-label2 {
		column-count: 1;
	}
	.doughnutChart ul.chart-labels {
		display: inline-block;
	}
	#DeltaPlaceHolderSearchArea{
		margin-top: 5px;
	}
	

}

/* xl */
@media only screen and (max-width: 1365px) and (min-width: 1024px) {
	.uccgeneral-ucc,
	.actions-ucc,
	.dialoguemanagement-ucc,
	.contentmanagement-ucc {
		height: 500px;
	}
	.userrole-ucc,
	.userinput-ucc,
	.dialogueintelligence-ucc,
	.uccconfig-ucc {
		height: 300px;
	}
	#infographics div#outboundDialer {
		width: 50%;
	}
	#infographics div#recordings {
		width: 50%;
	}
	#infographics div#uccInfo {
		width: 50%;
	}
	#infographics div#missedCallsVoicemails {
		width: 50%;
	}
	#chart-label2 {
		column-count: 1;
	}
	#One {
		width: 586px;
	}
	#totalAgents {
		display: none;
	}
	#skillsPerAgent {
		display: none;
	}
	#chart-label2 {
		column-count: 1;
	}
	#infographics div#totalAgents {
		width: 50%;
		height: 100%;
		float: left;
		border-right: none;
		padding: 10px 10px 0 25px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
#DeltaPlaceHolderSearchArea {
    margin-top: 5px;
}
}

.item-header-arrow {
	opacity: 1;
}

/* large*/
@media only screen and (max-width: 1023px) and (min-width: 640px) {
	.uccgeneral-ucc,
	.actions-ucc,
	.dialoguemanagement-ucc,
	.contentmanagement-ucc {
		height: 500px;
	}
	.userrole-ucc,
	.userinput-ucc,
	.dialogueintelligence-ucc,
	.uccconfig-ucc {
		height: 300px;
	}
	#infographics div#recordingSettings div#recordingSettings_column1 {
		width: 155px !important;
	}
	#ctl00_ContentMap>span:nth-child(2)>a {
		font-size: 11pt;
	}
	#ctl00_ContentMap>span:nth-child(4)>a {
		font-size: 11pt;
	}
	.BreadCrumbStyle {
		font-size: 8pt;
	}
	#infographics div#outboundDialer {
		width: 50%;
	}
	#infographics div#recordings {
		width: 50%;
	}
	#infographics div#uccInfo {
		width: 50%;
	}
	#infographics div#missedCallsVoicemails {
		width: 50%;
	}
	#One {
		width: 586px;
	}
	#totalAgents {
		display: none;
	}
	#skillsPerAgent {
		display: none;
	}
	#chart-label2 {
		column-count: 1;
	}
	#infographics div#totalAgents {
		width: 50%;
		height: 100%;
		float: left;
		border-right: none;
		padding: 10px 10px 0 25px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
#DeltaPlaceHolderSearchArea {
    margin-top: 5px;
}
}

@media only screen and (max-width: 700px) and (min-width: 639px) {
	#recordingSettings_column2{
		display:none;
	}
}

/* medium */
@media only screen and (max-width: 639px) and (min-width: 480px) {
	#totalAgents {
		display: none;
	}
	#skillsPerAgent {
		display: none;
	}
	#uccInfo {
		display: none;
	}
	#missedCallsVoicemails {
		display: none;
	}
	#chart-label2 {
		column-count: 1;
	}
	#infographics div#outboundDialer {
		width: 100%;
	}
	#infographics div#recordings {
		width: 100%;
	}
	#DeltaPlaceHolderSearchArea{
	margin-top: 15px;
	}
}

/* small */
@media only screen and (max-width: 479px) and (min-width: 320px) {
	
	.info {
		margin-top: 11px;
	}

	.manual {
		margin-top: 11px;
	}
	
/* 	.ms-FocusZone{
		margin-top: 30px;
	} */
	
/* 	.ms-Breadcrumb {
    margin: auto;
    width: 100% !important;
    text-align: center;
	} */
	
	#totalAgents {
		display: none;
	}
	#skillsPerAgent {
		display: none;
	}
	#uccInfo {
		display: none;
	}
	#missedCallsVoicemails {
		display: none;
	}
	#chart-label2 {
		column-count: 1;
	}
	#infographics div#outboundDialer {
		width: 100%;
	}
	#infographics div#recordings {
		width: 100%;
	}
	.overview-items ul {
		width: 280px !important;
	}
	#One {
		width: 281px;
	}
	#ctl00_ContentMap>span:nth-child(2)>a {
		font-size: 11pt;
	}
	#ctl00_ContentMap>span:nth-child(4)>a {
		font-size: 10pt;
	}
	#ctl00_ContentMap>span:nth-child(3) {
		font-size: 11pt;
	}
	#ctl00_ContentMap {
		margin-left: -282px;
	}
	#logoAW {
		margin: 15px;
		display: block;
		float: left;
		width: 36px;
		height: 36px;
		background: url('Images/portal/SVG/logo_beeldmerk.svg');
		background-repeat: no-repeat;
		border: hidden;
	}
	#topbar nav ul,
	#topbar nav ul a {
		text-align: left;
	}
	.arrow-up {
		background: url(Images/portal/SVG/mobile_arrow_up.svg);
		background-repeat: no-repeat;
		background-size: 19px;
		background-position: 50% 50%;
		float: right;
		line-height: 50px;
		width: 50px;
		background-color: #185072;
		padding: 50px 0px 0px 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		opacity: 0.5;
	}
	.arrow-down {
		background: url(Images/portal/SVG/mobile_arrow_down.svg);
		background-repeat: no-repeat;
		background-size: 19px;
		background-position: 50% 50%;
		float: right;
		line-height: 50px;
		width: 50px;
		background-color: #185072;
		padding: 50px 0px 0px 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		display: none;
	}
	#ctl00_onetidHeadbnnr2 {
		height: 50px;
		max-height: 75px !important;
		display: inline-block;
		vertical-align: middle;
		/* width: 50px; */
	}
	.ms-srch-sb,
	.ms-srch-sb-border {
		background-color: #f5f8fa;
		border-radius: 0;
		border: 1px solid #d3dae2;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #14171a;
		display: block;
		height: 35px;
		line-height: 29px;
		transition: all .2s ease-in-out;
		width: 100%;
	}
	#searchInputBox {
		margin-bottom: 12px;
		float: none !important;
	}
	.ms-mpSearchBox {
		width: 100% !important;
	}
	#navbar-toggle {
		display: none;
	}
	
	.item-header-text {
    font-size: 9pt !important;
	}
	

}

/* Tablet/smartphones common styles for collapsibles */
@media only screen and (max-width: 768px) {
	.mobile-only {
		display: none;
	}
	.no-mobile {
		display: none;
	}
	#suiteBar-rwd>#suiteBar-close:before,
	#suiteBar-rwd>#suiteBar-close:after,
	.burger span,
	.burger span:before,
	.burger span:after {
		display: block;
		width: 100%;
		height: 2px;
		background: black;
		-ms-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.burger span {
		position: relative;
		margin: 0 0 0 0;
	}
	#suiteBar-rwd>#suiteBar-close:before,
	#suiteBar-rwd>#suiteBar-close:after,
	.burger span:before,
	.burger span:after {
		position: absolute;
		content: "";
	}
	#suiteBar-rwd>#suiteBar-close:before,
	.burger span:before {
		top: -8px;
	}
	#suiteBar-rwd>#suiteBar-close:after,
	.burger span:after {
		top: 8px;
	}
	.burger.selected span:before {
		-ms-transform: translate(0px, 8px) rotate(90deg);
		-webkit-transform: translate(0px, 8px) rotate(90deg);
		transform: translate(0px, 8px) rotate(90deg);
	}
	.burger.selected span:after {
		-ms-transform: translate(0px, -8px) rotate(90deg);
		-webkit-transform: translate(0px, -8px) rotate(90deg);
		transform: translate(0px, -8px) rotate(90deg);
	}
	.burger.selected span {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#DeltaSuiteLinks>#suiteLinksBox {
		display: none;
	}
	#suiteBar-open {
		float: right;
		height: 30px;
		min-width: auto;
		border: 0;
		padding-top: 2px;
	}
	#suiteBar-open>span {
		line-height: 20px;
	}
	#suiteBar-open:hover {
		cursor: pointer;
	}
	#suiteBar-open>span:before {
		content: '\2219 \2219 \2219';
		font-size: 40px;
		color: #fff;
	}
	#suiteBar-rwd {
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		width: 100%;
		z-index: 101;
	}
	#suiteBar-rwd.mobile-only.ms-hide {
		display: none;
	}
	#suiteBar-rwd>#suiteBar-close {
		min-width: 40px;
		height: 30px;
		margin-left: 0;
		border: 0;
	}
	#suiteBar-rwd>#suiteBar-close:hover {
		cursor: pointer;
	}
	#suiteBar-rwd>#suiteBar-close:before {
		-ms-transform: translate(0px, 22px) rotate(-45deg);
		-webkit-transform: translate(0px, 21px) rotate(-45deg);
		transform: translate(0px, 21px) rotate(-45deg);
		background: #fff;
		height: 3px;
		width: 20px;
	}
	#suiteBar-rwd>#suiteBar-close:after {
		-ms-transform: translate(0px, 5px) rotate(45deg);
		-webkit-transform: translate(0px, 5px) rotate(45deg);
		transform: translate(0px, 5px) rotate(45deg);
		background: #fff;
		height: 3px;
		width: 20px;
	}
	#suiteBar-rwd>#suiteBarButtons_mobileClone {
		float: right;
		background-color: rgb( 239, 239, 239);
		padding-right: 5px;
	}
	#suiteBarButtons {
		display: none;
	}
	#suiteBar-rwd #suiteLinksBox_mobileClone {
		float: right;
	}
	/*
    * Support mobileClone Style to arrow of Suite Active Links
    */
	#suiteBar-rwd #Suite_ActiveLinkIndicator_Clip_mobileClone {
		display: inline-block;
		left: 50%;
		position: absolute;
		top: 16px;
		z-index: 102;
	}
	/*
    * Support mobileClone Style to Settings icon
    */
	#suiteBar-rwd .ms-siteactions-root>span>a.ms-selectedtitle,
	#suiteBar-rwd .ms-siteactions-root>span>a.ms-unselectedtitle {
		width: 16px;
		height: 16px;
		display: inline-block;
		padding: 8px 7px 6px 8px;
		border: 0;
	}
	/*
    * Hide EDIT LINK from top navigation
    */
	#DeltaTopNavigation_mobileClone a[id*='_NavMenu_EditLinks'] {
		display: none;
	}
	/*
    * Support Top Nav rwd as accordion
    */
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] {
		width: 100%;
	}
	/*
        * Change position and collapse sub nodes
        */
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] li.dynamic-children>ul {
		position: inherit;
		border: 0;
		box-shadow: none;
		padding: 0;
		overflow: hidden;
		height: 0;
	}
	/*
        * Expand sub nodes
        */
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] li.dynamic-children.expand>ul {
		height: auto;
		padding-left: 15px;
		border-top-width: 1px;
		border-top-style: dotted;
		background-color: inherit;
	}
	/*
        * Nodes position
        */
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] li.dynamic-children .ms-core-listMenu-item {
		padding: 0;
		margin-right: 0;
		line-height: 30px;
		font-size: 1.1em;
	}
	/*
        * Remove arrow background 
        */
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children.additional-background,
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic .additional-background.dynamic-children {
		background-image: none;
		padding-right: 0;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>a {
		display: inline;
	}
	/*
        * Expand/Collapse button style
        */
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button {
		float: right;
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 30px;
		font-size: 0;
		text-indent: -9999px;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		background-color: inherit;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button:focus {
		outline: none;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button span {
		display: block;
		position: absolute;
		top: 15px;
		left: 3px;
		right: 3px;
		height: 1px;
		background: #444;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button span::before,
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #444;
		content: "";
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button span::before {
		top: -3px;
		transition-property: top, transform;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children>button span::after {
		bottom: -3px;
		transition-property: bottom, transform;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children.expand>button span {
		background-color: inherit;
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children.expand>button span::before {
		top: 0;
		transform: rotate(45deg);
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children.expand>button span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children.expand>button span::before,
	#DeltaTopNavigation_mobileClone div[id*='TopNavigationMenu'] .dynamic-children.expand>button span::after {
		transition-delay: 0s, 0.3s;
	}
	/*
     * PnP Fix : Note Board horizontal scroll
     */
	.ms-socialCommentItem .socialcomment-contents {
		max-width: 100%;
		width: auto;
	}
	#siteIcon #DeltaSiteLogo img {
		height: auto !important;
		max-height: 75px !important;
		display: inline-block;
		vertical-align: middle;
	}
}

/* Tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
/* 	.ms-Breadcrumb {
    margin: auto;
    width: 100% !important;
    text-align: center;
    margin-top: -19px;
    padding-bottom: 7px;
    display: inline;
} */

	
	/* Sidebar navigation toggling */
	#titleAreaBox {
		position: relative;
		padding-left: 30px;
	}
	#navbar-toggle {
		display: none;
	}
	body.shownav #contentRow {
		margin-left: 0;
		margin-right: -200px;
	}
	body.shownav #siteIcon {
		min-width: 150px;
		text-align: right;
	}
	.ms-navedit-editSpan {
		margin-bottom: 25px;
		display: block;
	}
	#DeltaTopNavigation {
		display: none;
	}
	/* Stack title area */
	div#titleAreaBox,
	div#titleAreaRow {
		display: block;
		margin: 0;
	}
	div#titleAreaBox {
		margin-left: 10px;
	}
	div#titleAreaRow>div {
		display: block;
	}
	#siteIcon,
	.ms-siteicon-img,
	.ms-siteicon-a,
	#s4-titlerow {
		height: 75px;
	}
	div#DeltaPlaceHolderSearchArea {
		float: left;
	}
	div#searchInputBox {
		float: left;
		margin-bottom: 0;
	}
	.ms-core-listMenu-horizontalBox ul,
	.ms-core-listMenu-horizontalBox li,
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox>ul>li>table {
		display: block;
	}
	.ms-breadcrumb-box {
		height: auto;
	}
	/* Main content panel */
	table#layoutsTable,
	table#layoutsTable>tbody,
	table#layoutsTable>tbody>tr,
	table#layoutsTable>tbody>tr>td {
		display: block;
	}
	table#layoutsTable>tbody>tr>td {
		width: auto !important;
		padding: 0;
	}
	table.ms-listviewtable {
		border-collapse: collapse;
		width: 100%;
	}
	td.ms-cellstyle/*td[role=gridcell]*/
		{
		padding: 2px;
		vertical-align: top;
	}
	td[role=gridcell] .ms-noWrap {
		white-space: normal;
	}
	td.ms-cellstyle .ms-list-itemLink {
		height: auto;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------- */


/* smallest */
@media only screen and (max-width: 319px) {
	
	#infographics{display:none;}
	#searchInputBox{display:none;}
	#ShowHideInfographics{display:none;}
	.info{display:none;}
	.manual{display:none;}
	
}

.anywhere365-ucc {
	background-color: white;
	border-radius: 5px;
}

.item-header {
	height: 50px;
	background-color: #0e3349;
	background-position: 5%, 95%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.item-label {
	height: 49px;
	border-bottom: 1px solid;
	border-bottom-color: #e8e7e7;
	font-family: SegoeUI;
	text-decoration: none;
	color: #999999;
	text-align: left;
}

.item-no-label {
	height: 49px;
}

.item-text {
	font-family: SegoeUI;
	text-decoration: none;
	color: #999999;
	display: inline-block;
	text-align: left;
	font-size: 11pt;
	padding: 15px 0 0 66px;
}

.item-header-text {
	font-family: SegoeUI-Bold;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	text-align: left;
	padding: 16px 0 0 59px;
	font-size: 11pt;
}

.item-count {
	display: block;
	width: 20px;
	float: right;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	display: none;
	text-align: center;
	font-size: 10px;
	color: white;
	margin: 17px 14px 0 0;
	border-radius: 10px;
}

.item-header-arrow {
	border-top-right-radius: 4px;
}

/* User Role */

.userrole-ucc {
    border-bottom: 1px solid;
    border-bottom-color: #91be25;
    border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;
}

.userrole-ucc:hover {
	border: 1px solid;
	border-color: #91be25;
}


.item-header-userrole {
	background-image: url('Images/portal/SVG/user_role_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-userrole:hover {
	background-image: url('Images/portal/SVG/user_role_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #91be25;
}

.item-icon-agents {
	background: url('Images/portal/SVG/user_role_agents.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-agents:hover a {
	color: #91be25;
	text-decoration: none;
}

.item-icon-supervisors {
	background: url('Images/portal/SVG/user_role_supervisor.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-supervisors:hover a {
	color: #91be25;
	text-decoration: none;
}

.item-icon-trainertrainee {
	background: url('Images/portal/SVG/user_role_trainer_trainee.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-trainertrainee:hover a {
	color: #91be25;
	text-decoration: none;
}

.item-icon-voicemailagents {
	background: url('Images/portal/SVG/user_role_voicemail_agents.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-voicemailagents:hover a {
	color: #91be25;
	text-decoration: none;
}

.item-icon-skillsperagent {
	background: url('Images/portal/SVG/user_role_skills_agents.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-skillsperagent:hover a {
	color: #91be25;
	text-decoration: none;
}

.overview-items ul.userrole li.hover {
	background-color: #91be25;
}

.item-label:hover {
	background-color: #e9ecf3;
}

div.userrole-ucc span.item-count {
	background-color: #91be25;
}

/* User Input */

.userinput-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #f5b819;
    border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;
}

.userinput-ucc:hover {
	border: 1px solid;
	border-color: #f5b819;
}

.item-header-userinput {
	background-image: url('Images/portal/SVG/user_input_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-userinput:hover {
	background-image: url('Images/portal/SVG/user_input_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #f5b819;
}

.item-icon-reasoncodes {
	background: url('Images/portal/SVG/user_input_reason_codes.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-reasoncodes:hover a {
	color: #f5b819;
	text-decoration: none;
}

.item-icon-callclassifications {
	background: url('Images/portal/SVG/user_input_call_class.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-callclassifications:hover a {
	color: #f5b819;
	text-decoration: none;
}

/* Dialogue Intelligence */

.dialogueintelligence-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #2573b7;
    border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;	
}

.dialogueintelligence-ucc:hover {
	border: 1px solid;
	border-color: #2573b7;
}

.item-header-dialogueintelligence {
	background-image: url('Images/portal/SVG/dialogue_intelligence_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-dialogueintelligence:hover {
	background-image: url('Images/portal/SVG/dialogue_intelligence_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #2573b7;
}

.item-icon-callsummary {
	background: url('Images/portal/SVG/dialogue_intelligence_call_summary.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-callsummary:hover a {
	color: #2573b7;
	text-decoration: none;
}

.item-icon-missedcallstoday {
	background: url('Images/portal/SVG/dialogue_intelligence_missed_calls.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-missedcallstoday:hover a {
	color: #2573b7;
	text-decoration: none;
}

.item-icon-reports {
	background: url('Images/portal/SVG/dialogue_intelligence_reports.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-reports:hover a {
	color: #2573b7;
	text-decoration: none;
}

.item-icon-notifications {
	background: url('Images/portal/SVG/dialogue_intelligence_notifications.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-notifications:hover a {
	color: #2573b7;
	text-decoration: none;
}

div.dialogueintelligence-ucc span.item-count {
	background-color: #2573b7;
	;
}

/* UCC Config */

.uccconfig-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #e95928;
    border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;	
}

.uccconfig-ucc:hover {
	border: 1px solid;
	border-color: #e95928;
}

.item-header-uccconfig {
	background-image: url('Images/portal/SVG/ucc_config_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-uccconfig:hover {
	background-image: url('Images/portal/SVG/ucc_config_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #e95928;
}

.item-icon-endpoints {
	background: url('Images/portal/SVG/ucc_config_endpoints.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-endpoints:hover a {
	color: #e95928;
	text-decoration: none;
}

.item-icon-pluginAttributes {
	background: url('Images/portal/SVG/ucc_config_plugin_attributes.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-pluginAttributes:hover a {
	color: #e95928;
	text-decoration: none;
}

.item-icon-pluginSettings {
	background: url('Images/portal/SVG/ucc_config_plugin_settings.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-pluginSettings:hover a {
	color: #e95928;
	text-decoration: none;
}

.item-icon-pluginFlowSettings {
	background: url('Images/portal/SVG/ucc_config_plugin_flow_settings.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-pluginFlowSettings:hover a {
	color: #e95928;
	text-decoration: none;
}

/* UCC General */

.uccgeneral-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #35a6de;
	border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;
}

.uccgeneral-ucc:hover {
	border: 1px solid;
	border-color: #35a6de;
}

.item-header-uccgeneral {
	background-image: url('Images/portal/SVG/ucc_general_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-uccgeneral:hover {
	background-image: url('Images/portal/SVG/ucc_general_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #35a6de;
}

.item-icon-settings {
	background: url('Images/portal/SVG/ucc_general_settings.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-settings:hover a {
	color: #35a6de;
	text-decoration: none;
}

.item-icon-businesshours {
	background: url('Images/portal/SVG/ucc_general_business_hours.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-businesshours:hover a {
	color: #35a6de;
	text-decoration: none;
}

.item-icon-holidays {
	background: url('Images/portal/SVG/ucc_general_holidays.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-holidays:hover a {
	color: #35a6de;
	text-decoration: none;
}

.item-icon-rolebasedsecurity {
	background: url('Images/portal/SVG/ucc_general_role_based_security.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-rolebasedsecurity:hover a {
	color: #35a6de;
	text-decoration: none;
}

.item-icon-versionmanagement {
	background: url('Images/portal/SVG/ucc_general_version_management.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-versionmanagement:hover a {
	color: #35a6de;
	text-decoration: none;
}

.item-icon-timerjobs {
	background: url('Images/portal/SVG/ucc_general_timer_jobs.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-timerjobs:hover a {
	color: #35a6de;
	text-decoration: none;
}

.item-icon-workjobs {
	background: url('Images/portal/SVG/ucc_general_work_jobs.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-workjobs:hover a {
	color: #35a6de;
	text-decoration: none;
}

/* Actions */

.actions-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #1b98aa;
	border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;
}

.actions-ucc:hover {
	border: 1px solid;
	border-color: #1b98aa;
}

.item-header-actions {
	background-image: url('Images/portal/SVG/actions_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-actions:hover {
	background-image: url('Images/portal/SVG/actions_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #1b98aa;
}

.item-icon-skill {
	background: url('Images/portal/SVG/actions_skill.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-skill:hover a {
	color: #1b98aa;
	text-decoration: none;
}

.item-icon-chatskill {
	background: url('Images/portal/SVG/actions_chat_skill.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-chatskill:hover a {
	color: #1b98aa;
	text-decoration: none;
}

.item-icon-availabilityskill {
	background: url('Images/portal/SVG/actions_availability_skill.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-availabilityskill:hover a {
	color: #1b98aa;
	text-decoration: none;
}

.item-icon-countdownskill {
	background: url('Images/portal/SVG/actions_countdown_skill.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-countdownskill:hover a {
	color: #1b98aa;
	text-decoration: none;
}

.item-icon-countdownavailabilityskill {
    background: url('Images/portal/SVG/actions_countdown_availability_skill.svg');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 14px 6px;
}

.item-icon-countdownavailabilityskill:hover a {
    color: #1b98aa;
    text-decoration: none;
}

.item-icon-escapemaxqueuesizeskill {
    background: url('Images/portal/SVG/actions_escape_max_queue_size_skill.svg');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 14px 6px;
}

.item-icon-escapemaxqueuesizeskill:hover a {
    color: #1b98aa;
    text-decoration: none;
}

.item-icon-forwardskill {
	background: url('Images/portal/SVG/actions_forward_skill.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-forwardskill:hover a {
	color: #1b98aa;
	text-decoration: none;
}

.item-icon-chatforwardskill {
	background: url('Images/portal/SVG/actions_chat_forward_skill.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-chatforwardskill:hover a {
	color: #1b98aa;
	text-decoration: none;
}

/* Dialogue Management */

.dialoguemanagement-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #e62485;
	border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;
}

.dialoguemanagement-ucc:hover {
	border: 1px solid;
	border-color: #e62485;
}

.item-header-dialoguemanagement {
	background-image: url('Images/portal/SVG/dialogue_management_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-dialoguemanagement:hover {
	background-image: url('Images/portal/SVG/dialogue_management_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #e62485;
}

.item-icon-ivr {
	background: url('Images/portal/SVG/dialogue_management_ivr.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-ivr:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-ivrgfx {
	background: url('Images/portal/SVG/dialogue_management_ivr_graphics.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-ivrgfx:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-idrquestions {
	background: url('Images/portal/SVG/dialogue_management_idr.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-idrquestions:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-qualitymonitoring {
	background: url('Images/portal/SVG/dialogue_management_quality_monitoring.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-qualitymonitoring:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-promptsconfig {
	background: url('Images/portal/SVG/dialogue_management_prompts_config.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-promptsconfig:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-chatquestions {
	background: url('Images/portal/SVG/dialogue_management_chat_questions.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-chatquestions:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-outbounddialercalls {
	background: url('Images/portal/SVG/dialogue_management_outbound_dialer_calls.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-outbounddialercalls:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-inboundrouting {
	background: url('Images/portal/SVG/dialogue_management_inbound_routing.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-inboundrouting:hover a {
	color: #e62485;
	text-decoration: none;
}

.item-icon-uccrouting {
	background: url('Images/portal/SVG/dialogue_management_ucc_routing.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-uccrouting:hover a {
	color: #e62485;
	text-decoration: none;
}

/* Content Management */

.contentmanagement-ucc {
	border-bottom: 1px solid;
	border-bottom-color: #eb7819;
	border-top: 1px solid #e9ecf3;
    border-left: 1px solid #e9ecf3;
    border-right: 1px solid #e9ecf3;
}

.contentmanagement-ucc:hover {
	border: 1px solid;
	border-color: #eb7819;
}

.item-header-contentmanagement {
	background-image: url('Images/portal/SVG/content_management_header.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
}

.item-header-contentmanagement:hover {
	background-image: url('Images/portal/SVG/content_management_header_active.svg');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	background-size: 40px 40px;
	background-color: #eb7819;
}

.item-icon-audiofiles {
	background: url('Images/portal/SVG/content_management_audiofiles.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-audiofiles:hover a {
	color: #eb7819;
	text-decoration: none;
}

.item-icon-playlists {
	background: url('Images/portal/SVG/content_management_playlists.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-playlists:hover a {
	color: #eb7819;
	text-decoration: none;
}

.item-icon-recordings {
	background: url('Images/portal/SVG/content_management_recordings.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-recordings:hover a {
	color: #eb7819;
	text-decoration: none;
}

.item-icon-voicemails {
	background: url('Images/portal/SVG/content_management_voicemails.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-voicemails:hover a {
	color: #eb7819;
	text-decoration: none;
}

.item-icon-screenrecordinginbound {
	background: url('Images/portal/SVG/content_management_screen_recording_inbound.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-screenrecordinginbound:hover a {
	color: #eb7819;
	text-decoration: none;
}

.item-icon-screenrecordingoutbound {
	background: url('Images/portal/SVG/content_management_screen_recording_outbound.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-screenrecordingoutbound:hover a {
	color: #eb7819;
	text-decoration: none;
}

.item-icon-retentionpolicy {
	background: url('Images/portal/SVG/content_management_retention_policy.svg');
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: 14px 6px;
}

.item-icon-retentionpolicy:hover a {
	color: #eb7819;
	text-decoration: none;
}

div.contentmanagement-ucc span.item-count {
	background-color: #eb7819;
	;
}

.BreadCrumbStyle {
	background: url('Images/portal/SVG/header_ucc.svg');
	background-repeat: no-repeat;
	background-position: 1px 50%;
}

.overview-items-anywhere365 ul {
	background: #b7b4b4;
	border-bottom: 2px solid #cac6c6;
	margin: 15px 15px 15px 15px;
	border-radius: 4px;
}

.block {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(233, 236, 243);
}

.anywhere365 {
	padding-top: 34px;
	background-color: #e9ecf3;
	padding-left: 34px;
	padding-bottom: 34px;
	height: 100vh;
}

h2 {
	display: inline-block;
}

.columnChart_img_ig_recordings {
	border: 0px !important;
	border: hidden;
	margin: 10px 25px 0px 0px;
	display: block;
	float: left;
	width: 33px;
	height: 29px;
	background: url('Images/portal/SVG/header_recordings.svg');
	border: none;
	background-size: 40px 40px;
}

.columnChart_img_ig_missedcallstoday {
	border: 0px !important;
	border: hidden;
	margin: 10px 25px 0px 0px;
	display: block;
	float: left;
	width: 33px;
	height: 33px;
	background: url('Images/portal/SVG/header_rmissed.svg');
	border: none;
	background-size: 40px 40px;
}

.columnChart_img_ig_voicemails {
	border: 0px !important;
	margin: 10px 25px 0px 0px;
	display: block;
	float: left;
	width: 33px;
	height: 29px;
	background: url('Images/portal/SVG/header_voicemails.svg');
	border: hidden;
	background-size: 40px 40px;
}

#s4-bodyContainer {
	background: #fff;
	padding-bottom: 0px !important;
}

/* SETTINGS */

.pnp-settingsdiv {
	width: 250px;
	display: inline-block;
	vertical-align: top;
	/* float: left; */
	margin-right: 10px;
	margin-bottom: 20px;
}

.pnp-settingsdiv:nth-child(last):after {
	clear: both;
}

.pnp-settingsdiv img {
	display: none;
}

.ms-siteSettings-root {
	padding-top: 20px;
}

.ms-linksection-title{
	    padding-bottom: 5px;
}

/* IVRQeustions */

.noticeIVR {
    background: url('Images/notice.png') no-repeat;
    background-size: 12px 12px;
    display: inline-block;
    line-height: 14px;
    height: 12px;
    width: 12px;
    margin-left: 3px;
}