﻿a {
	cursor:pointer;
}

.btn-auto-close {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	font-size: 28px !important;
	color: #4A4A4A !important;
	background-color: transparent !important;
	opacity: 1 !important;
	border: none !important;
}

.ui-autocomplete {
	left: 0px !important;
	width: 425px !important;
	border-radius: 5px;
	background: #F7F7F7;
	z-index: 1000;
	position: absolute;
}

#nav-tabContent {
	width:65%;
}

ul.nav-tabs {
	line-height: 135%;
	font-family: &quot;ShellMedium&quot;;
	mso-ansi-language: EN-GB;
	margin-bottom: 20px;
	width: 66%;
	border-bottom: 2px solid #fbce07; /*1px solid #d9d9d9;*/
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #4A4A4A;
}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
		background-color: #fbce07 /*#F9F9F9*/;
		color: #4A4A4A;
		font-weight:bold;
	}

.nav-tabs > li > a {
	color: #4A4A4A;
}

.navbar {
	/*background-color: #F7F7F7 !important;*/
	background-color: #f7f7f7d1 !important;
	/*background:none!important;*/
	border: none;
	height:72px;
}

a.btn-login {
	color: #fbce07 !important;
	text-decoration: none;
	border-radius: 10px;
}

	a.btn-login:hover {
		background-color: #E81123 !important;
		color: #FFFFFF !important;
		border: 1px #E81123 solid !important;
		/*font-weight: bold;*/
		border-radius:10px;
	}

#footerdiv a {
	cursor: pointer;
	padding: 0 20px;
	font-size: 14px;
	color: #A6A6A6;
	font-family: ShellMedium;
	font-weight: bold;
}

.hideelement {
	display: none;
}

.navbar-header {
	float: right;
	margin: 15px 5px 5px 5px;
}

.navbar-header a {
	color: #003C88 !important;
	text-decoration: none;
}

.elmopacity {
	opacity: 0.5;
}

.ul-pointstonote li {
	line-height: 135%;
	mso-list: l0 level1 lfo3;
	tab-stops: list 36.0pt;
	width: 65%;
	text-align: justify;
}

.login-ap-details li {
	width: 40%;
	float: left;
	margin-left: 38px;
	margin-right: auto;
}

.lgwrapper div {
	float: left;
	margin: 0px 10px;
}

.lgwrapper a {
	cursor: pointer;
	font-size: 14px;
	color: #A6A6A6;
	font-family: ShellMedium;
	font-weight: bold;
}

.colorchange {
	color: #4A4A4A !important;
	text-decoration:underline!important;
}

#shl-bot-logoimg {
	cursor: pointer;
	/* display: block; */
	position: fixed;
	z-index: 998;
	/* bottom: 20px; */
	bottom: 20px;
	right: 25px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	font-family: 'Segoe ui', ShellMedium, sans-serif;
	text-decoration: none;
	background: #E81123;
	border-radius: 0%;
	background: url(~/Webchat/ap_logo_man.png) no-repeat;
	background-size: cover;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.div-content-wrapper {
	width: 75%;
	/*height: 100px;*/
	margin-left: 10%;
	margin-right: auto;
	float:left;
}

.div-btn-wrapper {
	border-radius: 10px;
}

.div-login-btn-wrapper {
	width: 100%;
	padding-bottom: 50px;
}

.div-btn-wrapper .spn-login-controls-sml {
	/*display: inline-block;
	margin: 14px 30px;*/
	display: block;
	text-align:center;
	padding-top:5%;
	margin:1px;
}

.div-btn-wrapper .spn-login-controls-lrg {
	/*display: inline-block;
	margin: 14px 36px;*/
	display: block;
	text-align: center;
	padding-top: 5%;
	margin: 1px;
}

a.a-footerlinks {
	margin: 0 10px;
}

.a-footerlinks svg {
	height: 16px;
	width: 16px;
}

div.apusernotifications {
	color: #DD1D21;
	background-color: #D9D9D9;
	padding: 5px;
	border-radius: 5px;
	width: 65%;
	text-align: center;
	font-weight: bold;
	font-size:15px!important;
}

.apusernotificationslogin {
	color: #DD1D21;
	background-color: #D9D9D9;
	padding: 5px;
	border-radius: 5px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 15px !important;
}

.br-logout-area {
	display: none;
}

.img-shell-pecten-home {
	width: 85px;
	position: fixed;
	top: -17px !important;
	left: 10px;
	z-index: 1039;
	margin: 10px auto;
}

.img-shell-pecten {
	width: 85px;
	/*position: fixed;*/
	top: 10px;
	left: 10px;
	z-index: 1039
}

@media only screen and (max-width: 1024px) {
	.login-ap-details li {
		width: 100%;
	}

	.ul-pointstonote li, #nav-tabContent, ul.nav-tabs  {
		width:95%;
	}

	/*.div-content-wrapper {
		height: 175px;
	}*/

	.div-login-btn-wrapper {
		padding-bottom: 70px;
	}

	/*.div-btn-wrapper .spn-login-controls-sml {
		margin: 14px 23px;
	}*/

	/*.div-btn-wrapper .spn-login-controls-lrg {
		margin: 14px 26px;
	}*/

	h2.ap-bot-main-header {
		font-size:28px!important;
	}

	div.apusernotifications {
		width: 93% !important;
	}
}

@media only screen and (max-width: 500px) {
	.br-logout-area {
		display: block;
	}

	.navbar-header {
		margin: 5px;
	}
}

h1, div, span {
	font-family:ShellMedium!important;
}



.tab-pane .content-bold {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 4px;
}

ul.ul-howtosteps {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.ul-howtosteps li {
	padding-bottom:8px;
}