/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300&display=swap');*/

/*NEXA FAMILY*/
@font-face{
	font-family: NexaLight;src: url("font/Nexa-Light.otf");font-weight: 300;}

@font-face{
	font-family: NexaBold;src: url("font/Nexa-Bold.otf");font-weight: 600;}

@font-face{
	font-family: NexaBlack;src: url("font/NexaRustSans-Black.otf");font-weight: 800;}

/*PROXIMA-NOVA*/

@font-face{
	font-family: proxima-nova-alt-bold;	src: url("font/Proxima-Nova-Alt-Bold.otf");	font-weight: 600;}

@font-face{
	font-family: proxima-nova-alt-light;src: url("font/Proxima-Nova-Alt-Light.otf");font-weight: 300;}

@font-face{
	font-family: proxima-nova-alt-thin;	src: url("font/Proxima-Nova-Alt-Thin.otf");	font-weight: 100;}

@font-face{
	font-family: proxima-nova-extrablack; src: url("font/Proxima-Nova-Extrabold.otf");	font-weight: 900;}

@font-face{
	font-family: proxima-nova-black; src: url("font/Proxima-Nova-Black.otf"); font-weight: 800;}

@font-face{
	font-family: proxima-nova-bold; src: url("font/Proxima-Nova-Bold.otf");	font-weight: 600;}

@font-face{
	font-family: proxima-nova-semibold; src: url("font/Proxima-Nova-Sbold.otf"); font-weight: 500;}

@font-face{
	font-family: proxima-nova-regular; src: url("font/ProximaNova-Regular.otf"); font-weight: 400;}

@font-face{
	font-family: proxima-nova-thin; src: url("font/Proxima-Nova-Thin.otf");	font-weight: 100;}


/*core color: #339933 rgba(51,153,51,1.0)*/
*{
	font-family: 'proxima-nova-regular', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'NexaLight', sans-serif;
}

h1 > small,
h2 > small,
h3 > small,
h4 > small,
h5 > small,
h6 > small{
	font-family: 'proxima-nova-semibold', sans-serif;
}

html,body{
	height: 100%;
	width: 100%;
}

/*-----END----*/

/*Extra small devices Phones (<768px)*/
@media all and (min-width: 320px) and (max-width: 991px) {
	body{
		background: #FFF;
		background-size: 100%;
		height: 100%;
		width: 100%;
	}


	.formBodyControl{
		float: left;
		display:block;
		min-height: 600px;
		width: 100%;
		margin: 8px 0 0 0;
		padding: 16px 0 16px 0;
		/* background-color: #FFF;  */
	}


	.notificationPop1 {
		display: flex;
		color: #fff;
		padding: 1em 2em;
		background: #7935a4;
		position: relative;
		align-items: center;
		height: 75px;
	}

	.contentArea{
		float: left;
		display: flex;
		flex-direction: column;
		width: calc(100% - 75px);
		margin-right: 75px;
	}
	.contentArea > h3{
		font-size:14px;
	}
	.actionArea{
		float: right;
		width: 25%;
		display: flex;
		flex-direction: column-reverse;
		height: 100px;
		justify-content: space-around;
		align-items: flex-end;
	}
	.textRange1{
		padding: 0 0 8px 0;
		width: 100%;
		border-bottom: 1px solid #46be77;
		margin: 8px 0;
		font-size: 1.2rem;
		text-transform: uppercase;
	}
	.textRange2{
		padding: 0px 0px 16px 0px;
		width: 100%;
		margin: 0;
		font-size: 1.1rem;
	}
	.btnTransparent{
		font-size: 18px;
		color: #ffffff;
		background-color: transparent;
		border:none;
	}
	.tempHeader{
		float: left;
		display:block;
		height: 120px;
		width: 100%;
	}

	.coursaltron{
		display: none;
	}

	.coursaltron-media{
		position: relative;
		float: left;
		display: block;
		background-color:  #7935a4;
		width: 100%;
		height: auto;
	}

	.carousel-caption{
		bottom: 25px;
	}

	.carousel-caption > h2{
		font-size: 2.2rem;
	}

	.mainFloatingmenu{
		background-color: #7935a4;
		width: 100%;
		height: 100px;
		padding-bottom: 16px;
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		/* box-shadow: 0 3px 5px rgba(0,0,0,0.08); */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.mainFixedmenu{
		/* border-bottom: 1px solid rgba(255,255,255,0.75); */
		width: 90%;
		height: auto;
		padding-bottom: 8px;
		position: absolute;
		z-index: 1;
		left:5%;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}


	.mainFixedmenu > img {
		float: left;
		width: 25%;
		margin: 16px 0 0px 0;
	}

	.mainFloatingmenu > img {
		float: left;
		width: 25%;
		margin: 16px 0 16px 0;
	}

	.mainFloatingmenu > ul {
		float: right;
		color: #ffffff;
		font-size: 1.1rem;
		padding: 0;
		margin: 0;
		height: 100%;
		font-weight: 300;
		text-transform: uppercase;
		padding-top: 0;
	}


	.mainFixedmenu > ul {
		float: right;
		color: #ffffff;
		font-size: 1.1rem;
		padding: 0;
		margin: 0;
		height: 100%;
		font-weight: 300;
		text-transform: uppercase;
		padding-top: 0;
		width:100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


	.mainFixedmenu > ul > li {
		display:inline;
		margin-left: 16px;
	}

	.mainFloatingmenu > ul > li {
		display:inline;
		margin-right: 16px;
	}

	.mainFloatingmenu > ul > li > a,
	.mainFixedmenu > ul > li > a{
		color: #fff;
	}

	.menuBar{
		display: none;
	}

	.menuBar-media{
		float: left;
		background-color: #ffffff;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	.menuMediaItemz{
		width: 100%;
		border-top: 1px solid #ddd;
		padding: 4px 32px;
	}

	.menuMediaItemz > a {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #484848;
	}
	.sectlink {
		display: flex;
		align-items: center;
	}

	.menuMediaItemz > a > .sectlink > div{
		margin-right: 32px;;
	}

	.hnDropspan-media{
		display: none;
		width: 100%;
		padding: 2px;
		float: left;
		margin: 4px 0 16px 0;
		text-align: center;
		border-bottom: 1px solid #ddd;
	}

	.hndbtn-media{
		padding: 8px;
		display: flex;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		color: #484848;
	}

	.formBlockTitle{
		float: left;
		border-bottom: none;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.formBlockTitle > h3{
		color:#7935a4;
	}

	.fbt-mediactrl{
		display: none;
	}

	.media-grp{
		display: block;
	}

	.media-grp > a > i{
		display: none;
	}

	.media-grp > button > i{
		display: none;
	}

	.sw > .nav {
		display: none !important;
	}

	.componentArea{
		float: left;
		background-color: #ffffff;
		width: 100%;
		min-height: 100px;
		padding: 0;
		/* border-radius: 5px 0px 0px 5px;
		box-shadow: 0 3px 5px rgba(0,0,0,0.08);  */
	}

	.lifterForm{
		display: block;
		padding: 0;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		float: left;
		width: 100%;
		margin-bottom: 8px;
	}

	.lifterForm-block{
		display: block !important;
	}

	.tab-content-expand{
		height: 750px !important;
	}

	.lifterForm > .form-group{
		margin-bottom: 0;
	}

	.small-only{
		border: 2px solid #dddddd;
		font-size: 1.3rem;
	}

	.small-only > tbody > tr:first-child{
		font-weight: bold;
	}

	.small-only > tbody > tr:last-child{
		background-color: #7935a4;
		color:#fff;
		font-weight: bold;
		font-style: italic;
	}

	.small-only > tbody > tr > td:first-child{
		text-align: left;
		width: 35%;
	}

	.small-only > tbody > tr > td.text-center{
		text-align: left;
	}
	.buyNow-Cust{
		font-weight: bold;
		text-transform: uppercase;
		border-radius: 15px;
	}
	.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
		font-size: 1.2rem;
	}
	.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
		font-size: 1.2rem;
	}
	.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
		font-size: 1.2rem;
	}
	.everify_box {
		float: left;
		background-color: #ffffff;
		width: 100%;
		min-height: 100px;
		padding: 16px;
		border-radius: 5px;
		box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	}
	.paymentButton{
		cursor: pointer;
		width: 80%;
	}

}/*End*/

/* Medium devices Desktops (≥992px)
@media all and (min-width: 992px) and (max-width: 1199px) {

}End*/

/* Large devices Desktops (≥1200px) */
@media all and (min-width: 992px) {
	body{
		background: url("../../images/Gradient.png") #FFF;
		background-size: 100%;
		height: 100%;
		width: 100%;
	}

	.formBodyControl{
		float: left;
		display:block;
		min-height: 600px;
		width: 84%;
		margin: 16px 8% 0 8%;
		padding: 16px 0 16px 0;
		/* background-color: #FFF;  */
	}

	.notificationPop1 {
		display: flex;
		color: #fff;
		padding: 1em 2em;
		background: #7935a4;
		position: relative;
		align-items: center;
		justify-content: center;
		height: 75px;
	}

	.contentArea{
		float: left;
		display: flex;
		flex-direction: row;
		width: auto;
		margin-right: 0;
	}
	.actionArea{
		float: right;
		width: 15%;
		display: block;
		flex-direction: row;
		height: auto;
		justify-content: space-around;
		align-items: flex-end;
	}
	.textRange1{
		padding: 16px 32px;
		width: 25%;
		border-right: 1px solid #46be77;
		margin: 8px 0;
	}

	.textRange2{
		padding: 16px 32px;
		width: 70%;
		margin: 0;
	}

	.btnTransparent{
		font-size: 18px;
		color: #ffffff;
		background-color: transparent;
		border:none;
	}
	.tempHeader{
		float: left;
		display:block;
		height: 120px;
		width: 100%;
	}

	.coursaltron{
		position: relative;
		float: left;
		display: block;
		background-color:  #7935a4;
		width: 100%;
		min-height: 420px;
	}
	.coursaltron-media{
		display: none;
	}

	.carousel-caption{
		bottom: 148px;
	}

	.mainFloatingmenu{
		background-color: #7935a4;
		width: 84%;
		height: 100px;
		position: absolute;
		z-index: 1;
		left:8%;
		top: 0px;
		/* box-shadow: 0 3px 5px rgba(0,0,0,0.08); */
	}

	.mainFixedmenu{
		/* border-bottom: 1px solid rgba(255,255,255,0.75); */
		width: 85%;
		height: 100px;
		position: absolute;
		z-index: 1;
		left:5%;
		top: 0;
	}

	.mainFloatingmenu > img,
	.mainFixedmenu > img {
		float: left;
		width: 12%;
		margin-top: 24px;
		margin-left: 16px;
	}

	.mainFloatingmenu > ul,
	.mainFixedmenu > ul {
		float: right;
		color: #ffffff;
		font-size: 13px;
		padding: 0;
		margin: 0;
		height: 100%;
		font-weight: 300;
		text-transform: uppercase;
		/* padding-top: 50px; */
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}


	.mainFixedmenu > ul > li {
		display:inline;
		margin-left: 16px;
	}

	.mainFloatingmenu > ul > li {
		display:inline;
		margin-right: 16px;
	}

	.mainFloatingmenu > ul > li > a,
	.mainFixedmenu > ul > li > a{
		color: #fff;
	}
	.menuBar{
		display: block;
		float: left;
		border-bottom: 1px solid #e7e7e7;
		height: 100px;
		width: 100%;
		background-color: #ffffff;
		padding-bottom: 0px;
	}

	.centerMenu{
		display: block;
		width: 1170px;
		margin: 0 auto;
		height: 100px;
	}
	.media-grp,
	.menuBar-media{
		display: none;
	}

	.formBlockTitle{
		float: left;
		border-bottom: 1px solid #7935a4;
		width: 100%;
		height: 54px;
	}

	.formBlockTitle > h3{
		color:#7935a4;
	}

	.fbt-mediactrl{
		display: block;
	}

	.componentArea{
		float: left;
		background-color: #ffffff;
		width: 900px;
		min-height: 100px;
		padding: 32px;
		/* border-radius: 5px 0px 0px 5px;
		box-shadow: 0 3px 5px rgba(0,0,0,0.08);  */
	}

	.lifterForm {
		display: block;
		padding: 16px 0 8px 0;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		float: left;
		width: 100%;
		margin-bottom: 8px;
	}
	.buyNow-Cust{
		/* align-self: flex-end; */
		border-radius: 15px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.everify_box{
		float: left;
		background-color: #ffffff;
		width: 100%;
		min-height: 100px;
		padding: 32px;
		border-radius: 5px;
		box-shadow: 0 0px 0px rgba(0,0,0,0.0);
	}
	.paymentButton{
		cursor: pointer;
		width: 60%;
	}

}/*End*/


.homeNavigation{
	height: 100%;
	width: 100%;
	text-align: center;
	display: block;
}

.hnDropspan{
	display: none;
	position: absolute;
	width: 960px;
	height: 170px;
	background-color: #ffffff;
	color: #686868;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	top: 100px;
}

.hndbtn{
	float:left;
	padding: 8px;
	display: flex;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}

.imagesqr{
	background-color: #dedede;
	width: 164px;
	height: 100px;
	margin-bottom: 8px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}

.homeNavigation > .menuItemz > a {
	display: inline-block;
	color: #686868;
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 8px;
	text-align: center;
	height: 100%;
}


.homeNavigation > .menuItemz > a:hover {
	color: #5C277C;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}

.menuItemz{
	position: relative;
	display: inline-block;
	height: 100%;
}

.menuItemz:hover > .hnDropspan{
	display: block;
}

.homeNavigation > .menuItemz > a:active {
	color: #2f804f;
	font-size: 16px;
	text-transform: uppercase;
}

.homeNavigation > .menuItemz > a > span{
	width: 100%;
	display: inline-block;
}

.menu-ico{
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-top: 8px;
}




.ico1{
	background-image: url(../../images/menu_ico/healthCare-off.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ico2{
	background-image: url(../../images/menu_ico/travel-off.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ico3{
	background-image: url(../../images/menu_ico/homeCare-off.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ico4{
	background-image: url(../../images/menu_ico/personalAccident-off.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ico5{
	background-image: url(/../../images/menu_ico/motor-off.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.homeNavigation > a:hover > .ico1{
	background-image: url(../../images/menu_ico/hc-on.png);
}

.homeNavigation > a:hover > .ico2{
	background-image: url(../../images/menu_ico/trv-on.png);
}

.homeNavigation > a:hover > .ico3{
	background-image: url(../../images/menu_ico/hoc-on.png);
}

.homeNavigation > a:hover > .ico4{
	background-image: url(../../images/menu_ico/pa-on.png);
}

.homeNavigation > a:hover > .ico5{
	background-image: url(../../images/menu_ico/mo-on.png);
}

/* .formBodyControl{
	float: left;
	display:block;
	min-height: 600px;
	width: 84%;
	margin: 16px 8% 0 8%;
	padding: 16px 0 16px 0;
	/* background-color: #FFF;
} */

.formBlock{
	float: left;
	display: flex;
	justify-content: flex-start;
	width:100%;
	min-height: 100px;
}

.linkPilar{
	float: left;
	background-color: #46be77;
	color: #FFFFFF;
	min-height: 100px;
	width: 240px;
	padding: 32px;
	border-radius: 0px 5px 5px 0px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.08);
}

.linkPilar > ul {
	list-style-type: none;
	padding: 0 0 0 0;
}

.linkPilar > ul > li{
	list-style-type: none;
	padding: 0;
	margin-bottom: 8px;
}

.linkPilar > ul > li > a {
	color: #FFFFFF;
}

.linkPilar > ul > li > a:hover {
	color: #FFFFFF;
	cursor: pointer;
}

.planInfo{
	float: left;
	display: flex;
	flex-direction: column;
	/* box-shadow: 0 0px 5px rgba(0,0,0,0.08); */
	background-color: #fff;
	border-radius: 5px;
	padding: 8px 16px;
	width: 100%;
	height: 420px;
	margin-right: 0.75%;
}

.planInfo > ul.planFea {
	position: relative;
	top: none;
	left: none;
}

.payables{
	background-color: #ff8c00;
	border-radius: 0 0 25px 25px;
	color: #FFF;
	padding: 4px 16px;
	border: none;
	font-weight: bold;
	font-size: 21px;
}

.payablesMini{
	background-color: #ff8c00;
	color: #484848;
	padding: 8px 16px;
	font-size: 13px;
	border-radius: 25px 25px 0 0;
}

.planInfoHeader{
	display: flex;
	display: inline-flex;
	align-items: flex-start;
	margin: 16px 0;
	width: 100%;
}

.planInfoHeader > img {
	display: inline-block;
	height: 36px;
}


.planInfoHeader > h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #7935a4;
	border-left:2px solid #7935a4;
	padding: 0 0 0 24px;
}

.planInfo > h4 {
	font-size: 14px;
	margin: 16px 0;
	font-weight: 400;
}

.planInfoHeader > h3 > small {
	font-weight: 400;
	font-size: 12px;
}

.planInfo > ul{
	font-size: 12px !important;
	color: #686868;
	margin-bottom: 32px;
}

/* .planInfo > ul > li{
	margin: 4px 0;
} */

.tab-pane > h3{
	font-size: 18px;
	color: #7935a4;
}

.tab-pane > h3 > small{
	font-size: 12px;
	color: #484848;
}

.castingShadow{
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}



.pillBox {
	display: none;
	margin: 8px 0;
	padding: 8px 0;
	border: 1px solid rgba(0,0,0,0.04);
	border-radius: 5px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	background-color: rgba(0,0,0,0.03);
}

.pillXd{
	display: inline-block;
	padding: 8px;
	margin: 4px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0px 3px rgba(0,0,0,0.05);
}

.prodContainer{
	width:100%;
	height:515px;
	display: inline-block;
	padding: 4px;
	position: relative;
}

.flexyRow{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 16px;
}

.flexyRow_b{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}

.flexyRow_b > h5{
	margin: 0;
}

.flexyRow_b > form{
	font-size: 12px;
}

.flexyRow > p{
	margin: 0;
}

.planReview {
	display:flex;
}

.planReview > img {
	width: 74px;
	height: 74px;
	background-color: #f5f5f5;
	padding: inherit;
	border: 8px solid #f5f5f5;
	margin: 4px 16px 0 0;
	border-radius: 3px;
}

.planReview > p > strong {
	text-transform: uppercase;
	font: 16px;
}

.planReview > p {
	font-size: 12px;
	color: #686868;
}

.planCost {
	font: 14px;
}

.netAmmnt{
	background-color: #46be77;
	display: flex;
	justify-content: space-between;
	align-content: flex-end;
	width: 100%;
	height: 80px;
	border-radius: 5px;
	padding: 16px;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.15);
}

.contentsticker{
	display: flex;
}

.contentsticker > img{
	width: 54px;
	height: 54px;
	margin-right: 16px;
	background-color: rgba(255,255,255,0.2);
	border-radius: 5px;
	border: 2px solid rgba(255,255,255,0.1);
}

.naDescription{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.naDescription > h4{
	color: #ffffff;
	margin:0;
}

.naDescription > h4 > small{
	color: #ffffff;
}

.grandTotal{
	display: flex;
	align-items: flex-end;
}

.grandTotal > h4{
	color: #ffffff;
	margin:0;
}

#kidsCoverage > #spdet > h5 {
	margin:8px 0 0 0;
	padding-left: 8px;
	color: #46be77;
}

#kidsCoverage > h5 {
	margin:8px 0 0 0;
	padding-left: 8px;
	color: #46be77;
}

.text-right{
	text-align: right;
}

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

.text-left{
	text-align: left;
}

#cod,
#coi,
#colist,
#comedx{
	display: none;
}

.fdt_address {
	padding: 16px;
	font-size: 12px;
	border-left: 3px solid #5C277C;
	background-color: rgba(0,0,0,0.03);
}
.form-control-focused{
	border-color: #e86441;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(232, 100, 65,.075), 0 0 8px rgba(232, 100, 65,.6);
	box-shadow: inset 0 1px 1px rgba(232, 100, 65,.075), 0 0 8px rgba(232, 100, 65,.6);
}

.darkCurtain{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 160%;
	background-color: rgba(0,0,0,0.2);
	z-index: 10;
}
.dcpopUp{
	margin: 5% auto;
	background-color: #fff;
	width: 600px;
	height: 380px;
	border-radius: 3px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.05);
}

.dcpopUpHeader{
	float: left;
	border-bottom: 1px solid #ddd;
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
}
.dcpopUpBody{
	float: left;
	width: 100%;
	height: calc(100% - 100px);
	padding:8px 16px;
}
.dcpopUpFooter{
	float: left;
	border-top: 1px solid #ddd;
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: right;
	padding: 0 16px;
}

.expanableSection{
	float: left;
	display: none;
	padding: 8px 16px;
	width: 100%;
	border: 1px solid #f4f4f4;
	margin-bottom: 8px;
	border-radius: 3px;
}

.separa{
	width: 100%;
	border-bottom: 1px solid #ff8c00;
	margin-bottom: 16px;
}
.error-found{
	border: 1px solid #a94442;
	color: #a94442;
	box-shadow: 0 0 10px #a94442;
}


/*------------MENU-----------------------*/

.ddNavibar{
	float: right;
	width:50%;
	height:62px;
	color:#FFF;
	/* background-color:#7935a4; */
  }
  
  .ddlister{
	padding:0;
	margin:0;
	width:100%;
	height:62px;
	display:flex;
	list-style-type:none;
	align-items:flex-end;
	justify-content:space-around;
  }
  
  .ddlister > li{
	padding: 0 8px;
	display: flex;
	position:relative;
	padding-bottom:8px;
	align-items: flex-end;
	height: calc(100% - 8px);
  }
  
  .ddlister > li:hover > .subDDlister1{
	display: block;
  }
  
  .ddlister > li > a{
	color:#fff;
	font-size:12px;
	text-decoration: none;
	text-transform:uppercase;
  }
  .ddlister > li > a:hover{
	text-decoration: underline;
  }
  
  .subDDlister1{
	  margin:0;
	  left:0;
	  top:54px;
	  padding:4px;
	  color:#FFF;
	  display:none;
	  position:absolute;
	  background-color:#9440C9;
	box-shadow: 6px 6px 15px rgba(0,0,0,0.15);  
  }
  
  .subDDlister1 > li{
	  width:200px;
	  padding: 4px 8px;
	  position:relative;
	  margin-bottom: 1px;
	  list-style-type: none;  
  }
  
  .subDDlister1 > li:hover > .subDDlister2{
	display: block;
  }
  
  .subDDlister1 > li>a{
	color:#FFF;
	font-size: 11px;
	text-decoration:none;
	text-transform: uppercase;
  }
  
  .subDDlister1 > li>a:hover{
	text-decoration: underline;
  }
  
  .subDDlister2{
	  margin:0;
	  top:-1px;
	  left:200px;
	  padding:4px;
	  color:#FFF;
	  display:none;
	  position:absolute;
	  list-style-type:none;
	background-color:#7935a4;
	box-shadow: 6px 6px 15px rgba(0,0,0,0.15);  
  }
  
  .subDDlister2 > li{
	padding: 4px 8px;
	width:130px;
  }
  
  .subDDlister2 > li>a{
	color:#FFF;
	font-size: 11px;
	text-decoration:none;
	text-transform: uppercase;
  }
  
  .subDDlister2 > li>a:hover{
	text-decoration: underline;
  }

.bodyExtended{
	background: url("../../images/bg-Msg-All.png") #FFF;
	background-size: 100%;
	height: calc(100% - 116px);
	margin-top: 115px;	
}

.actionMsg{
	float: left;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	width: 100%;
	height:250px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.msgHeader{
	float: left;
	height: 48px;
	width: 100%;
	background-color: #fe9766;
	color: #fff;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 21px;
	font-weight: bold;
}

.msgBody{
	float: left;
	height: calc(100% - 96px);
	width: 100%;
	padding: 16px;
	font-size: 18px;
}

.msgFooter{
	float: left;
	height: 48px;
	width: 100%;
	border-top: 1px solid #DFDFDF;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.mrTitle{
	display: flex;
	padding:0 16px;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.mrTitle > h3{
	font-weight: normal;
	text-transform: uppercase;
}

.mrTitle > button{
	padding:4px 8px;
	color: #fff;
	border-radius: 3px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.1);
}

.mrTitle > button:active{
	color: #fff;
	padding:4px 8px;
	border-radius: 3px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #803fa9;
	border: 1px solid #803fa9;
}