<!-- Add only single element to render CSS and JS-->
/*Policyholder Page CSS*/
p{
}
@media only screen and (min-device-width: 1380px) and (max-device-width: 1930px) {
	#policyPageTitle {
		color: #1a305f;
		margin-bottom: 35px;
		display: inline-flex;
		font-family: Franklin Gothic Book, Regular;
		font-size: 40px;
		line-height: 46px;
	}

	#pageTitleBottom {
		border-color: #77bd42 !important;
		border-radius: 25px;
		border: 5px solid;
		width: 40px;
		margin-bottom: 15px;
	}
.chatheaderLeft .agentButton{
    margin-top: 20px !important;
}


	/*Widget CSS*/
	.ui.segments.widget {
		color: gray;
		padding: 0% !important;
	}

	#widgetMenuColumn, #widgetContentColumn {
		padding-right: 0px !important;
		padding-left: 0px !important;
		border: 0px solid !important;
	}

	.widgetMenuItem {
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top: 0px !important;
		padding: 3em !important;
		border: 0px solid !important;
	}

	#policyWidgetMenu {

	}

	.ui.secondary.menu {
		border-bottom: 0px solid !important;
	}

	.widgetField {
		text-align: left !important;
	} 

	.subNavWidget {
		color: #6c6d70 !important;
	}

	.subNavWidget.active {
		color: #1a305f !important;
	}
	.ui.secondary.pointing.menu .active.item {
		border-color: #77bd42 !important;
		border-style: 5px;
	}

	.subNavWidget.activeHover {
		color: #1a305f !important;
		border-color: #77bd42 !important;
		border-style: 5px;
		font-weight:700 !important;
	}

	.item.active.widgetMenuItem {
		border-left: 5px solid #77bd42 !important;
		
	}

}

@media only screen and (min-device-width: 1028px) and (max-device-width: 1368px) {
	#policyPageTitle {
		color: #1a305f;
		margin-bottom: 30px;
		display: inline-flex;
		font-family: Franklin Gothic Book, Regular;
		font-size: 32px;
		line-height: 36px;
	}

	#pageTitleBottom {
		border-color: #77bd42 !important;
		border-radius: 25px;
		border: 5px solid;
		width: 40px;
		margin-bottom: 15px;
	}


	/*Widget CSS*/
	.ui.segments.widget {
		color: gray;
		padding: 0% !important;
	}

	#widgetMenuColumn, #widgetContentColumn {
		padding-right: 0px !important;
		padding-left: 0px !important;
		border: 0px solid !important;
	}

	.widgetMenuItem {
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top: 0px !important;
		padding: 3em !important;
		border: 0px solid !important;
	}

	#policyWidgetMenu {

	}

	.ui.secondary.menu {
		border-bottom: 0px solid !important;
	}

	.widgetField {
		text-align: left !important;
	} 

	.subNavWidget {
		color: #6c6d70 !important;
	}

	.subNavWidget.active {
		color: #1a305f !important;
	}
	.ui.secondary.pointing.menu .active.item {
		border-color: #77bd42 !important;
		border-style: 5px;
	}

	.subNavWidget.activeHover {
		color: #1a305f !important;
		border-color: #77bd42 !important;
		border-style: 5px;
		font-weight:700 !important;
	}

	.item.active.widgetMenuItem {
		border-left: 5px solid #77bd42 !important;
		
	}

}

@media screen and (max-width: 990px) {
	#policyPageTitle {
		color: #1a305f;
		margin-bottom: 30px;
		display: inline-flex;
		font-family: Franklin Gothic Book, Regular;
		font-size: 32px;
		line-height: 36px;
	}

	#pageTitleBottom {
		border-color: #77bd42 !important;
		border-radius: 25px;
		border: 5px solid;
		width: 40px;
		margin-bottom: 15px;
	}


	/*Widget CSS*/
	.ui.segments.widget {
		color: gray;
		padding: 0% !important;
	}

	#widgetMenuColumn, #widgetContentColumn {
		padding-right: 0px !important;
		padding-left: 0px !important;
		border: 0px solid !important;
	}

	.widgetMenuItem {
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top: 0px !important;
		padding: 3em !important;
		border: 0px solid !important;
	}

	#policyWidgetMenu {

	}

	.ui.secondary.menu {
		border-bottom: 0px solid !important;
	}

	.widgetField {
		text-align: left !important;
	} 

	.subNavWidget {
		color: #6c6d70 !important;
	}

	.subNavWidget.active {
		color: #1a305f !important;
	}
	.ui.secondary.pointing.menu .active.item {
		border-color: #77bd42 !important;
		border-style: 5px;
	}

	.subNavWidget.activeHover {
		color: #1a305f !important;
		border-color: #77bd42 !important;
		border-style: 5px;
		font-weight:700 !important;
	}

	.item.active.widgetMenuItem {
		border-left: 5px solid #77bd42 !important;
		
	}

}