/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf')
		format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #FFFFFF;
	color: #404041;
	font-size: 16px;
}

@media all and (max-device-width : 768px) {
	body {
		font-size: 10px;
	}
}

@media screen and (min-width: 769px) and (max-width: 992px) {
	body {
		font-size: 12px;
	}
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	body {
		font-size: 14px;
	}
}

@media screen and (min-device-width: 1200px) {
	body {
		font-size: 16px;
	}
}

/*** Header Area - starts ***/
.header-area {
	padding-bottom: 20px;
	background-color: #1b2935;
}

.top-header-area-shadow {
	/* height: 170px; */
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
}

/*** Logo Area - starts ***/
.logo-area {
	
}

.header-logo {
	margin-top: 15px;
	margin-left: 15px;
	float: left;
	width: 83px;
}

.site-title {
	color: #40c2cc;
	/* background-color: #FFFFFF; */
	font-size: 1.875em;
	float: left;
	line-height: 1;
	font-weight: 600; /* it should be 400 */
	margin-left: 40px;
	margin-top: 45px;
}

/*** Logo Area - ends ***/

/*** Buttons Area - starts ***/
.buttons-area {
	padding-right: 3.125em;
}

.btn {
	font-size: 0.85em;
	color: #ffffff;
	/* it should be 20px as per guide line but it looks very large */
	font-weight: 300;
	border: none;
	margin: 2px;
	padding: 5px 10px 5px 10px;
	min-width: 75px;
}

.nav .btn {
	margin: 0px;
}

.btn:hover {
	color: #1b2935;
	background-color: #aabbc4; /* #988B7D it doesn't look good */
	border: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
    outline-offset: -2px;
}

.btn-back,
.btn-ok,
.btn-go,
.btn-continue,
.btn-submit,
.btn-add,
.btn-edit,
.btn-delete,
.btn-cancel,
.btn-save,
.btn-refresh,
.btn-reset,
.btn-clear,
.btn-view,
.btn-close,
.btn-print,
.btn-login,
.btn-search,
.btn-home,
.btn-return-tw {
	
}

.btn-back:before {
    font-family: 'icomoon' !important;
    content: "\e935";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}
.btn-ok:after {
    font-family: 'icomoon' !important;
    content: "\e991";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-go:after {
    font-family: 'icomoon' !important;
    content: "\e92f";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-continue:after {
    font-family: 'icomoon' !important;
    content: "\e9a1";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-submit:after {
    font-family: 'icomoon' !important;
    content: "\e92f";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-add:after {
    font-family: 'icomoon' !important;
    content: "\e972";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-edit:after {
    font-family: 'icomoon' !important;
    content: "\e91c";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-save:after {
    font-family: 'icomoon' !important;
    content: "\e96e";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-refresh:after {
    font-family: 'icomoon' !important;
    content: "\e90c";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-reset:before {
    font-family: 'icomoon' !important;
    content: "\e9c5";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-clear:before {
    font-family: 'icomoon' !important;
    content: "\e92a";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}
.btn-delete:after {
    font-family: 'icomoon' !important;
    content: "\e98f";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-cancel:after {
    font-family: 'icomoon' !important;
    content: "\e981";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-view:after {
    font-family: 'icomoon' !important;
    content: "\e9c4";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-close:after {
    font-family: 'icomoon' !important;
    content: "\e910";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-print:after {
    font-family: 'icomoon' !important;
    content: "\e934";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-login:after {
    font-family: 'icomoon' !important;
    content: "\e921";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-search:after {
    font-family: 'icomoon' !important;
    content: "\e929";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-search-before:before {
    font-family: 'icomoon' !important;
    content: "\e929";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-exit-app-before:before {
    font-family: 'icomoon' !important;
    content: "\e909";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-home:before {
    font-family: 'icomoon' !important;
    content: "\e9a6";
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.btn-return-tw:before {
    font-family: 'icomoon' !important;
    content: "\e935";
    position: relative;
    border-radius: 5px;
    padding: 5px;
    font-size: 1.5em;
}


.btn-primary,
.btn-primary:active,
.btn-primary:focus {
	color: #40c2cc !important;
	background-color: #1b2935 !important;
	border: 1px solid #1b2935 !important;
}

.btn-secondary,
.btn-secondary:active, 
.btn-secondary:focus {
	color: #1b2935 !important;
	background-color: #FFFFFF !important;
	border: 1px solid #1b2935 !important;
}

.btn-primary:hover {
	color: #1b2935 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #1b2935 !important;
}

.btn-language-header, .btn-language-header:active, .btn-language-header:focus {	
	color: #1b2935 !important ;	
	background-color: #40c2cc !important;	
	border: 1px solid #1b2935 !important;
}
.btn-language-header:hover {
	color: #1b2935 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #1b2935 !important;
}

.btn-logout-header, .btn-logout-header:active, .btn-logout-header:focus {	
	color: #1b2935 !important ;	
	background-color: #40c2cc !important;	
	border: 1px solid #1b2935 !important;
}
.btn-logout-header:hover {
	color: #1b2935 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #1b2935 !important;
}

.btn-login-header, .btn-login-header:active, .btn-login-header:focus {	
	color: #1b2935 !important ;	
	background-color: #40c2cc !important;	
	border: 1px solid #1b2935 !important;
}
.btn-login-header:hover {
	color: #1b2935 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #1b2935 !important;
}

.btn-secondary:hover {
    color: #FFFFFF !important;
    background-color: #1b2935 !important;
    border: 1px solid #1b2935 !important;
}

/* .btn-primary:focus {
	color: #FFFFFF !important;
    background-color: #1b2935 !important;
    border: 1px solid #1b2935 !important;
}

.btn-secondary:focus {
	color: #FFFFFF !important;
	background-color: #40c2cc !important;
    border-color: #40c2cc !important;
    border: 1px solid #40c2cc !important;
}
 */
.btn-account {
	background-color: #40c2cc;
	padding: 5px 15px 15px 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 5;
	border-bottom-right-radius: 5;
	margin-right: 1.5em;
}

.btn-account:focus, .btn-account:active, .btn-account.active, .open .dropdown-toggle.btn-account
	{
	color: #40c2cc;
	color: #FFFFFF;
	/* background-color: #C1B9B2;
	color:#1b2935; */
	border: solid thin #C1B9B2;
}

.btn-account:active, .btn-account.active, .open .dropdown-toggle.btn-account
	{
	background-image: none;
}

.btn-account.disabled, .btn-account[disabled], fieldset[disabled] .btn-account,
	.btn-account.disabled:hover, .btn-account[disabled]:hover, fieldset[disabled] .btn-account:hover,
	.btn-account.disabled:focus, .btn-account[disabled]:focus, fieldset[disabled] .btn-account:focus,
	.btn-account.disabled:active, .btn-account[disabled]:active, fieldset[disabled] .btn-account:active,
	.btn-account.disabled.active, .btn-account[disabled].active, fieldset[disabled] .btn-account.active
	{
	background-color: #40c2cc;
	border-color: #40c2cc;
}

.btn-logout {
	/* background-color: #1b2935; */
	padding: 6px 25px 10px 25px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 5;
	border-bottom-right-radius: 5;
}

.btn-logout:focus, .btn-logout:active, .btn-logout.active, .open .dropdown-toggle.btn-logout
	{
	background-color: #C1B9B2;
	color: #1b2935;
	border: solid thin #C1B9B2;
}

.btn-logout:active, .btn-logout.active, .open .dropdown-toggle.btn-logout
	{
	background-image: none;
}

.btn-logout.disabled, .btn-logout[disabled], fieldset[disabled] .btn-logout,
	.btn-logout.disabled:hover, .btn-logout[disabled]:hover, fieldset[disabled] .btn-logout:hover,
	.btn-logout.disabled:focus, .btn-logout[disabled]:focus, fieldset[disabled] .btn-logout:focus,
	.btn-logout.disabled:active, .btn-logout[disabled]:active, fieldset[disabled] .btn-logout:active,
	.btn-logout.disabled.active, .btn-logout[disabled].active, fieldset[disabled] .btn-logout.active
	{
	background-color: #40c2cc;
	border-color: #40c2cc;
}

.buttons-area .dropdown-menu {
	font-size: 0.9em;
	background-color: #F1F1F2;
	color: #1b2935;
	font-weight: bold;
}

/* .buttons-area .dropdown-menu>li>a {
	border: none;
	padding: 5px 20px;
	color: #1b2935;
	font-weight: bold;
}
 */
/*** Buttons Area - ends ***/

/*** Menu Area - starts ***/
.menu-area {
	padding-left: 0px;
	padding-right: 0px;
	/* padding-top: 20px; */
	margin-bottom: 3px;
}

.menu-area-shadow {
	/* height: 170px; 
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.5); */
}

.container-menu-area-top {
	padding: 0px;
}

.container>.navbar-header, .container-fluid>.navbar-header {
	margin: 0px;
}

.navbar-menu-area-top {
	margin-bottom: 0px;
	background: #FFFFFF;
	border-radius: 0px;
	border: none;
	min-height: inherit;
}

.nav-menu-area {
	word-break: break-word;
}

ul.nav li:last-child a {
	border-right: none;
}

.navbar-collapse-menu-area {
	padding: 0px;
}

.navbar-collapse.in {
	overflow: visible;
	margin: 0px;
}

.btn-menu-item {
	color: #40c2cc;
	background: none;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1;
	border: 1px solid grey;

	border-top: 0px;
	border-bottom: 0px;
	border-radius: 0px;
	border-left: 0px;
	white-space: normal;
}

.btn-menu-item .icon-arrow-down-drop-circle-outline:before
{
    margin-left: 4px;
}

.dropdown-menu .btn-menu-item {
	border-right: 0px;
	text-align: left;
}

.nav-menu-area>li>a.btn-menu-item:hover, .nav-menu-area>li>a.btn-menu-item:active,
	.nav-menu-area>li>a.btn-menu-item:focus {
	color: #FFFFFF;
	background-color: #40c2cc !important;
	/* border-bottom: 1px solid lightgray; */
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
/*** Menu Area - ends ***/

/*** Header Area - ends ***/

/*** Tabs Menu Area - starts ***/
.tabs-menu-area {
	font-size: 1em;
	font-weight: bold;
	padding: 0px;
}

.tabs-area {
	font-size: 1.125em;
	font-weight: bold;
	padding: 0px;
	
}

.tabs-area .nav-pills>li>a {
	color: #1b2935;
	border-top: 1px solid #40c2cc;
	border-radius: 0px;
}

.tabs-area .nav-pills>li.active>a {
	background-color: #1b2935;
	color: #FFFFFF;
	border: 1px solid #40c2cc;
	border-radius: 0px;
}

.tabs-menu-area {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.navbar-tabs-menu-area-top {
	margin-bottom: 0px;
	background: #FFFFFF;
	border-radius: 0px;
	border: none;
	min-height: inherit;
	background-color: #EDEDEF;
}

.tabs-menu-item {
	border: none;
	color: #1b2935;
}

.tabs-menu-item:hover, .tabs-menu-item:focus, .tabs-menu-item:active,
	.tabs-menu-item.active, .open .dropdown-toggle.tabs-menu-item {
	color: #FFFFFF !important;
	background-color: #1b2935 !important;
}

/**** Tabs Menu Area - ends *******/

/*** Jumbotron Area - starts ***/
.client-access-title {
	background-image: url(../images/client-access-header-bg2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px -3px 0px 0px #6c4328;
	-moz-box-shadow: 0px -3px 0px 0px #6c4328;
	box-shadow: 0px -3px 0px 0px #40c2cc;
	margin-top: 3px;
}

.page-title-area {
	background: rgb(74 114 153 / 8%);
}

.page-title {
	color: #FFFFFF;
	font-size: 2.8125em;
	line-height: 1;
	font-weight: 400;
	text-align: center;
	text-transform: none;
	    text-shadow: 1px 1px 14px #000;
}

.border-under-title {
	width: 180px;
	border-bottom: solid 6px #40c2cc;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

/*** Jumbotron Area - ends ***/

/*** Breadcrumb Area - starts ***/
.breadcrumb-wrapper {
	
}

.breadcrumb-area {
	
}

.breadcrumb {
	color: #FDB732 ! important;
	background-color: #aabbc4;
	font-size: 1em;
	line-height: 1;
	font-weight: 300;
	padding-left: 3.4375em;
	border-radius: 0px;
	margin-bottom: 0px;
}

.breadcrumb>li>a,
.breadcrumb>li>a:hover,
.breadcrumb>li>a:focus,
.breadcrumb>li>a:active {
	color: #FDB732;
	text-decoration: none;
}

.breadcrumb > .active,
.breadcrumb>li {
	color: #FFFFFF;
	text-decoration: none;
}

.breadcrumb .divider {
	color: #CCCCCC;
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: initial;
}

/*** Breadcrumb Area - ends ***/

/*** Footer Area - starts ***/
.footer-wrapper {
	/* height:95px; */
	color: #F1F1F2;
	background-color: #1b2935;
	/*background-image: url(../images/footer-ast-cropped-logo2x.png);*/
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
    position: relative;
}

.footer-wrapper ul>li, .footer-wrapper ul>li>a {
	color: #F1F1F2;
	background: none;
	font-size: 1em;
	line-height: .25;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
    align-self: flex-end;
}

.footer-wrapper ul>li>a:hover, .footer-wrapper ul>li>a:focus {
	/***  color: #FCB644; ***/
	background: none;
}

.copyright-area {
	
}

.copyright {
	color: #FFFFFF;
	background: none;
	font-size: 0.875em;
	font-weight: 700;
	margin-top: 15px;
}

/*** Footer Area - ends ***/

/*** Content Area - start ***/
.panel {
	border: none;
	border-radius: 0px;
	/* box-shadow: 5px 5px 5px 0px grey; */
	/* margin-bottom: 30px; */
	margin-bottom: 1.5em;
}

.panel-company-info {
	/*background: linear-gradient(to right, #40c2cc 0%, #40c2cc 20%, #FFFFFF 20%, #FFFFFF
		100%);
	display: flex;
	 margin-right: 20px; */
}

.img-company-info {
	/* margin-left: 4%;
    margin-right: 4%; */
	margin: auto;
}

.company-user-communications-area {
	margin: 0px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

.company-user-area {
	padding: 0px;
}

.communications-area {
	padding: 0px;
}

.panel-user-login-info {
	padding: 0px;
}

.panel-user-info {
	padding: 0px;
}

.img-user-info {
	/* margin: 4% 4% 4% 4%; */
	margin: auto;
	margin-left: 20px;
	margin-right: 0px;
}

.user-info {
	height: 100%;
}

.user-info-welcome {
	color: #ffffff;
	font-family: Open Sans;
	font-size: 24px;
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase;
	/* margin-top: 8px;
    margin-bottom: 0px; */
	/* margin-left: 20px; */
	margin: 10px 0px;
}

.user-info-username {
	line-height: 1.5;
	font-family: Open Sans;
	/* font-size: 30px; */
	font-size: 25px; /* changed to 25px from 30px username wrapping to next row */
	color: #40c2cc;
	font-weight: 600;
	margin: 10px 0px 1px 0px;
	/* padding-left: 100px; */
	text-align: center;
}

.user-info-login-details {
	/* padding: 0px 30px; */
	padding: 0px 24px;
}

.user-info-last-login-label {
	font-family: Open Sans;
	font-size: 18px;
	color: #404041;
	/* margin-left: 36px; */
	margin: 0px;
}

.user-info-login-date-time {
	display: flex;
}

.user-info-date, .user-info-time {
	display: flex;
}

.img-user-info-calendar, .img-user-info-clock {
	padding: 5px;
	height: 30px;
	width: 30px;
}

.user-info-last-login-date, .user-info-last-login-time {
	padding: 0px 0px 0px 5px;
}

.communications-letters-alerts-taxdocs {
	background: #F1F1F2;
	padding: 2%;
}

.communications-heading {
	color: #FFFFFF !important;
}

.communications-letters, .communications-alerts, .communications-taxdocs,
	.communications-videos, .communications-faqs {
	display: flex;
	margin: 0% 10% 0% 5%;
}

.img-letters, .img-alerts, .img-taxdocs, .img-videos, .img-faqs {
	margin: 2% 1% 2% 1%;
	height: 100%;
	width: 15%;
}

.communications-item {
	margin: 2% 2% 2% 2%;
}

.communications-item-label {
	margin: 6% 2% 0% 2%;
	color: #1b2935;
	font-weight: bold;
	width: 100%;
}

/*** Content Area - ends ***/

/*** Common - starts ***/
.text-grey {
	color: #B7B9BA;
}

.dropdown-menu {
	color: #404041;
	background-color: #FFFFFF;
	font-size: 1em /* 1.25 em is to big for sub menus */ 
	 font-weight: 400;
	/* min-width: 100%; */
	margin: 0px;
	border-radius: 0px 0px 15px 15px;
	border: none;
}

.dropdown-menu>li>a {
	border-bottom: 1px solid lightgray;
	padding: 5px 20px;
}

ul.dropdown-menu li:last-child > a {
	border-bottom: none;
}

ul.nav li:last-child a {
	border-right: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:active
	{
	color: #40c2cc;
	background-color: #FFFFFF;
	padding: 5px 20px;
	font-weight: bold;
	background: initial;
	border-bottom: 1px solid lightgray;
}

.input-group {
	margin: 0px;
	font-size: 1em;
}

/* .control-label {
	font-size: 1em;
	text-align: right;
	color: #40c2cc;
} */
.form-actions {
	padding: 0px;
}

/*** type ahead starts ***/

.twitter-typeahead-control .twitter-typeahead {
	display: block !important;
}

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
	margin-bottom: 0;
	padding: 6px 12px; /* it should match with form-control padding */
}

.form-group .error,
.form-group .errorLabel,
label.errorLabel {
	color: #40c2cc;
}

#preclearenceError, 
#officerError,
#pclError {
	color: #40c2cc;
}

.tt-hint {
	display: block;
	width: 100%;
	height: inherit;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #999;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow
		ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.tt-dropdown-menu {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.tt-suggestion {
	display: block;
	padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor:last-child {
	border-radius: 0px 0px 10px 10px;
}

.tt-suggestion.tt-is-under-cursor a {
	color: #FFFFFF;
}

.tt-suggestion p {
	margin: 0;
	white-space: nowrap !important;
	padding: 2px 5px;
	font-size: 0.85em;
}

.tt-suggestion p:hover {
    color: #40c2cc;
    font-weight: bold;
}

/*** type ahead ends ***/
.text-orange {
	color: #40c2cc;
}

.text-maroon {
	color: #1b2935;
}

.text-cherry {
	color: #40c2cc;
}

.btn-orange {
	background-color: #40c2cc;
	color: #FFFFFF;
}

.btn-maroon {
	background-color: #1b2935;
	color: #FFFFFF;
}

.btn-cherry {
	background-color: #40c2cc;
	color: #FFFFFF;
}

.glyphicon-minus:hover,
.glyphicon-plus:hover {
    cursor: pointer;
    cursor: hand;
}

/*** Common - ends ***/

/*** right panel new - starts ***/
.username {
	margin: 0px;
	text-align: left;
}

.company-logo {
	/* display: table;
    margin-left: auto;
    margin-right: auto; */
	
}

.img-company-logo {
	height: 100%;
	width: 30%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.company-name {
	color: #40c2cc;
	font-family: Open Sans;
	font-size: 30px;
	line-height: 1.25;
	font-weight: 600;
	text-align: center;
}

.company-title {
	color: #a5a5a5;
	font-family: Open Sans;
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	text-align: center;
}

.last-login-label {
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 25px;
	color: #000000;
}

.last-login-date, .last-login-time {
	display: flex;
	font-size: 1em;
	padding-left: 25px;
	color: #000000;
	padding-bottom: 5px;
}

.text-last-login-date, .text-last-login-time {
	margin: 0px;
	vertical-align: middle;
	padding-top: 2%;
	padding-bottom: 3%;
}

.img-calendar, .img-clock {
	height: 100%;
	width: 10%;
	margin-right: 0.5em;
}
/*** right panel new - ends ***/

/* done till here */

.panel-sub {
	border: none;
	border-radius: 0px;
	box-shadow: none;
}

.comm-icon-bg {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	/* float: left; */
	border: solid 4px #fff;
	background-color: #40c2cc;
	margin-right: 12px;
}

.alerts-col {
    padding: 15px;
}

.web-tut-col {
    padding-top: 16px;
}

.web-tut-inst {
    color: #404041;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 3px;
}

.icon_question {
    position: relative;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 34px;
    font-weight: 700;
    left: 15px;
}

/*** Body content area ***/
.panel-default .panel-heading-body-content, .panel-default .panel-heading-body-content>a
	{
	background-color: #1b2935;
	color: #FFFFFF;
	border: none;
	border-radius: 0px;
	text-transform: none;
}

.main-title {
    font-size: 1.8em;
    font-weight: bold;
    border-color: #ddd;
}

.main-date {
	padding: 0.5%;
	font-size: 0.9em;
	/* font-weight: bold; */
}

.panel-body-body-content, .panel-body-body-content>a {
	padding: 1% 0px !important;
    margin-bottom: 0px;
}

.subheading-info-area .sub-title {
	color: #40c2cc;
	font-size: 1.3em;
	font-weight: bold;
	/* padding: 0% 0% 1% 0%; */
	padding: 0% 2% 0.5% 2%;
	margin: 0%;
}

.sub-title-legend {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	/* padding: 0% 0% 1% 0%; */
	padding: 0.5% 2%;
	margin: 0%;
}

.subheading-info-area p {
	padding: 0% 2% 0% 2%;
}

p {
	font-size: 0.9em;
}

/* .table>tbody>tr>td>p {
	padding-top: 4px;
	margin: 0px;
	text-align: left;
} */

/* .table>tbody>tr>td>p.text-bold {
	padding-top: 6px;
	font-weight: bold;
	text-align: left;
}

.table>tbody>tr>td>p.text-center {
	text-align: center !important;
}

.table>tbody>tr>td>p.text-right {
	text-align: center !important;
}
 */
 
.alert {
	padding: 1% !important;
	margin: 0% 2% 0.8% 2%;
	border: none;
	font-size: 0.9em;
	width: inherit;
	padding-left: 40px !important;
    position: relative;
}

.alert-info {
	background-color: #f1f1f2;
	color: #000000;
}

.alert-info-imp-msg {
	margin: 0.5% 0.5% 0.5% 0.5%;
}

.alert-error {
	background-color: #f1f1f2;
	color: #40c2cc;
	
}

.alert-warning {
	background-color: #fcf8e3;
	color: #8a6d3b;
}

legend {
	padding: 1% !important;
	margin: 0% 2% 0.8% 2%;
	border: none;
	font-size: 0.9em;
	width: inherit;
	background-color: #f1f1f2;
	color: #000000;
}

.market-price-title {
	margin: 0px;
}

.form-group {
	padding: 0% 2% !important;
	margin-bottom: 5px;
}

.form-group label.checkbox {
	padding: 0% 20px !important;
}

.form-group p {
	padding: 0px;
}

.form-group ul {
    margin: 0% 2% 1% 1%;
    font-size: 0.9em;
    color: #404041;
}

input, label {
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	/* margin: 0% 0.8%; */
}

input[type="checkbox"] {
	width: 1.25em;
	height: 1.25em;
	top: 2px;
}

.text-normal {
	
}

.text-bold {
	font-weight: bold !important;
}

.PWILblTextBold {
	font-weight: bold;
}

.alert-radio-area {
	box-shadow: none !important;
}

/*** Body content area ends ***/

/*** Grid Area - starts ***/
/* .panel-shadow, .panel-grid, .panel-graphs, .subheading-grid {
	box-shadow: 5px 5px 5px 0px grey;
} */

.grid-area {
	padding-bottom: 20px;
}

.panel-default .panel-heading-grid-main, .panel-default .panel-heading-grid-main>a {
	color: #FFFFFF;
	background-color: #1b2935;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	text-transform: uppercase;
	border: none;
	border-radius: 0px;
	/* padding: 0.8% 1%; */
	padding: 10px 25px;
}

.panel-default .panel-heading-weolcome {
	background-color: #1b2935;
}

.panel-default .panel-heading-communications,
.panel-default .panel-heading-important-message {
	background-color: #1b2935;
}

.panel-default .panel-heading-grid-landing {
	background-color: #40c2cc;
}

.table>tbody>tr.grid-sub-heading>td {
	color: #404041;
	background-color: #D9D9D9;
	font-size: 1em;
	font-weight: bold;
	padding: 0.5% 2%;
}

.table>tbody>tr.grid-row-total {
	
}

.table-grid {
	margin: 0px;
	border: none;
}

.table>thead>tr>th {
	color: #ffffff;
	background-color: #5d7380;
	background-image: inherit;
	font-size: 0.9em;
	/* text-align: center; */
	border: none;
	vertical-align: middle;
	/*padding: 0.5% 1%; */
	padding: 8px 15px;
}

.table>tbody>tr>td {
	color: #404041;
	font-size: 0.9em;
	border: none;
	vertical-align: middle;
	padding: 8px 15px;
}

.table>tbody>tr>td>a {
	color: #1b2935;
	font-size: 0.9em;
	border: none;
	vertical-align: middle;
}

.table.table-grid>tbody>tr>td>a:not(.pdfview):before {
    font-family: 'icomoon' !important;
    content: "\e922";
    background-color: #1b2935;
    color: #ffffff;
    position: relative;
    border-radius: 5px;
    padding: 5px;
    margin-right: 5px;
}

a.pdfview:before {
    font-family: 'icomoon' !important;
    content: "\e933";
    background-color: maroon;
    color: #ffffff;
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

a.popup-link:before {
    font-family: 'icomoon' !important;
    content: "\e922";
    background-color: maroon;
    color: #ffffff;
    position: relative;
    border-radius: 5px;
    padding: 5px;
}

.table>tbody>tr:nth-of-type(odd) {
	background: #cad6dc;
}

.table>tfoot>tr>td {
	color: #ffffff;
	background-color: #DADAD9;
	border-color: #ddd;
	font-weight: bold;
	text-transform: uppercase;
	color: #545252;
	font-size: 0.9em;
	vertical-align: middle;
	padding: 12px 15px;
}

table.dataTable.no-footer {
	border-bottom: 0px;
}

/*** copied from old style sheet defaultPI.css for grid alignment starts ***/
.table>tbody>tr>td.textAlignText, .textAlignText {
	text-align: left;
}

.table>tbody>tr>td.textAlignCurrency, .textAlignCurrency, .table>tbody>tr>td.textAlignShare,
	.textAlignShare, .table>tbody>tr>td.textAlignWorksheet,
	.textAlignWorksheet {
	text-align: right;
}

.table>tbody>tr>td.textAlignDate, .textAlignDate {
	text-align: center;
}

.table>tbody>tr>td.workSheetTextAlignment, .table>tbody.workSheetTextAlignment td
	{
	text-align: right;
}

.table>tbody>tr>td.workSheetTerm, .table>tbody.workSheetTerm td, .table>tbody>tr.infoBold,
	.table>tbody>tr>td.workSheetLabel {
	font-weight: bold;
}

.table>tbody>tr>td.workSheetSubHeader, table.worksheet tbody td.workSheetSubHeader,
	.table>tbody>tr>td.textAlignErrorMessage, .table>tbodytbody td.textAlignErrorMessage
{
	text-align: center;
	font-weight: bolder;
}

table.worksheet tbody tr td {
	text-align: right;
}

.table>tbody>tr>td.textAlignCenter, .textAlignCenter {
	text-align: center;
}

/*** copied from old style sheet defaultPI.css for grid alignment ends ***/

/* 
** first column in grid should be left aligned **
.table>thead>tr>th:nth-child(1) {
	text-align: left;
}

.table>tbody>tr>td:nth-child(1) {
	text-align: left;
}

** first column in grid should be right aligned if its radio or checkbox**
.table>thead>tr>th:nth-child(1).textAlignCheckbox, 
.table>thead>tr>th:nth-child(1).textAlignRadio {
	text-align: right;
}

.table>tbody>tr>td:nth-child(1).textAlignCheckbox,
.table>tbody>tr>td:nth-child(1).textAlignRadio {
	text-align: right;
} */

/*** table two column - first right bold, second left aligned ***/
.table-two-column>thead>tr>th:nth-child(1) {
	text-align: right !important;
	width: 50%;
}

.table-two-column>thead>tr>th:nth-child(2) {
	text-align: left;
	width: 50%;
}

.table-two-column>tbody>tr>td:nth-child(1) {
	text-align: right !important;
	width: 50%;
}

.table-two-column>tbody>tr>td:nth-child(2) {
	text-align: left;
	width: 50%;
}

.table-two-column>tbody>tr.grid-sub-heading>td {
	text-align: center !important;
}

.table-two-column>tbody>tr>td.textAlignCenter {
	text-align: center !important;
}

/*.table-two-column>tbody>tr>td:first-child>p {
	text-align: right !important;
}

.table-two-column>tbody>tr>td:nth-child(2)>p {
	text-align: left !important;
} */

/* .grid-checkbox,
.grid-date {
	text-align: center !important;
	background-color: #1b2935;
    color: #FFFFFF !important;
}

.grid-grantdate {
	text-align: center !important;
	color: #40c2cc !important;
	font-weight: bold;
} */

.square {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border-radius: 4px;
	display: inline-block;
    margin-right: 5px;
}

.square-orange {
	background: #40c2cc;
}

.square-cherry {
	background: #40c2cc;
}

.square-maroon {
	background: #1b2935;
}

.btn-actions {
	font-size: 0.85em;
	/* font-weight: bold; */
	color: #FFFFFF;
	background-color: #1b2935;
	/* margin: 0px; */
	padding: 5px 10px 5px 10px;
}

/*** Grid Area - ends ***/

/* if its within icon span */
.badge-communications-within {
	margin: -50px 0px 0px -5px;
	background-color: #40c2cc;
	border: solid 2px #fff;
	/* border-radius: 38px; */
	font-size: 10px;
}

/* if its separate span after icon */
.badge-communications {
	margin: -90px 0px 0px 30px;
	background-color: #40c2cc;
	border: solid 2px #fff;
	/* border-radius: 38px; */
	font-size: 10px;
}

/*** dropdown sub-menu fix start ***/
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: -50%;
	left: 100%;
	/* margin-top: -6px;
	margin-left: -1px; */
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
}

.form-group .dropdown-submenu>.dropdown-menu {
	top: inherit;
	left: inherit;
	margin-top: 0px;
	margin-left: 0px;
}

.form-group .dropdown-submenu {
	width: 300px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	/* content: " "; */
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.nav-justified>.dropdown .dropdown-submenu .dropdown-menu {
	top: 0%;
	left: 100%;
}

.nav-justified>.dropdown .dropdown-submenu {
	top: 0%;
	left: auto;
}

/*** dropdown sub-menu fix ends ***/
.table-responsive {
	/*overflow-x: visible !important;
	overflow-y: visible !important; */
}

.glyphicon-question-sign {
	color: #cad6dc;
}
.glyphicon-question-sign-primary {
	color: #1b2935;
}
.form-control:focus {
	border-color: #40c2cc;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(243, 115, 32, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(243, 115, 32, .6);
}
.form-control-help{
	width:95%;	
}

.form-group img {
	margin-left: 10px;
}

/* .table>tbody>tr>td.textAlignShare, .table>tbody>tr>td>a.textAlignShare {
	text-align: right;
}

.table>tbody>tr>td.textAlignDate, .table>tbody>tr>td>a.textAlignDate {
	text-align: left;
} */

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.panel-button-group, .panel-radio-button-group {
	border: none;
	border-radius: 0px;
	box-shadow: none;
}

.panel-button-group {
	text-align: right !important;
	background: none;
}

/*** tool tip starts ***/

.tooltip {
	width: 200px;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #FFFFFF;
}

.tooltip-inner {
	background-color: #FFFFFF;
	color: #404041;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px
}

.tooltip.in {
    opacity: 1;
}

/*** tool tip ends ***/

.modal-heading-popup {
	 color:#fff;
     background-color: #1b2935;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
	 padding: 0px;
}

.modal-title {
	color: #FFFFFF;
    font-size: 1.5em;
    /* font-weight: 600; */
    line-height: 1;
    /* text-align: left; */
    padding: 15px;
    text-transform: uppercase;
}

.modal-header .close {
    padding: 10px;
}

 .modal-body-popup {
	padding: 20px;
 }

.modal-footer{
	color: #F1F1F2;
	background-color: #40c2cc;
	/* background-image: url(../images/footer-ast-cropped-logo2x.png); */
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}
.panel-popup {
    border: none;
    border-radius: 0px;
	box-shadow: none;
}

.panel-body-popup {
    background-color: #F1F1F2;
	box-shadow: none;
}

.print-area {
	color: #FFFFFF;
	background-color: #40c2cc;
    padding: 0px;
    margin: 0px;
}

 .popup-panel-table {
	width:100%;
	text-align:center;
 }
 
 .popup-text-orange {
	color:#40c2cc;
	font-family: sans-serif;
	font-weight: bold;
 }
 
.glyphicon-remove-circle {
	font-size: 35px;
}
	
.panel-heading-grid-main {
    background-color: #FA5882;
}


 /*** pop-up css ends ***/
 
 
.emp-details-section {
	color: #404041;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

.mailing-address-panel {
	text-align: center;
}

.mailing-address-label {
	text-align: center;
	font-size: 1em;
}
 

 
h1 {
 	color: #404041;
 	font-size: 22px;
 	line-height: 1.5;
 	font-weight: 700;
 	text-transform: uppercase;
 }

h2 {
 	color: #404041;
 	font-size: 20px;
 	line-height: 1.5;
 	font-weight: 600;
 }

h3 {
 	color: #404041;
 	font-size: 18px;
 	line-height: 1.5;
 	font-weight: 600;
 }

h4 {
 	color: #404041;
 	font-size: 16px;
 	line-height: 1.5;
 	font-weight: 600;
 }

h5 {
 	color: #404041;
 	font-size: 12px;
 	line-height: 1.5;
 	font-weight: 700;
 }

h6 {
 	color: #404041;
 	font-size: 12px;
 	line-height: 1.5;
 	font-weight: 300;
 }



.panel-body-form {
     margin: 35px;
}
/* 
.panel-small, .panel-address {
	width: 50%;
	margin-left: 25%;
}
 */

.panel-address table td {
    text-align: center;
}

.panel-address table {
    width: 100%;
}


dl {
	margin-top: 0;
	margin-bottom: 20px;
	color: #404041;
	font-size: 1em;
}

dd {
    margin-left: 40px;
}


.nav-menu-area>li:hover {
	background-color: #40c2cc;
}

.tab-content .nav-menu-area>li:hover {
	background-color: #1b2935;
}

.nav-menu-area>li:hover>a {
	color: #fff !important
}

.nav-menu-area>li>a.btn-menu-item {
	/* min-height: 49px; */
	min-height: 40px;
}

.dropdown-right-align {
	right: 0; 
	left: initial;
}


/*** company, user and communication styling starts ***/

.company-info {    
	border-left: 80px solid #40c2cc;
    position: relative;
    margin: 0 0 0 -15px;
    min-height: 170px;
    background-color: #FFFFFF;
}

.panel-shadow {
	box-shadow: 7px 6px 12px 0px #c3c2c2;
}

#pagemainContent .panel-grid, 
#pagemainContent .panel-graphs, 
#pagemainContent .subheading-grid {
	box-shadow: none;
}

.img-company-info {
	/* position: absolute;
    left: -47px;
    top: 15px; */
}

.company-info-name-title {
	padding: 25px 20px 0 25px;
    height: 100%;
    vertical-align: middle;
}

/* .company-info-name-title .company-name {
	font-size: 24px;
} */

.panel-user-login-info {
     min-height: 170px;
     background-color: #FFFFFF;
}

.panel-default .panel-heading-grid-main{
	text-transform: capitalize;
	padding: 10px 25px;
}

.comm-icon-bg {    
	border-radius: 50%;
	width: 38px;
	height: 38px;
	margin: -7px 0 -10px 0;
	display: inline-block;
}

.icon-comment-text-outline:before {
	
}

.letters-icon-bg {    
	width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    background-color: #40c2cc;
}

.icon-comm:before, .icon-ic_mail_outline_black_24px:before {
	left: 13px !important;
	top: 12px !important;
}

.letters-name { 
	margin-top: 15px !important;
}

.comm-icon-wrapper { 
    position: relative;
    float: left;
}

.comm-info-wrapper {
    float: left;
}

.comm-counter {     
	display: inline-block;
    background-color: #40c2cc;
    position: absolute;
    top: -9px;
    right: -3px;
    border-radius: 50%;
    color: #fff;
    padding: 1px 6px;
    font-size: 12px;
    border: 2px solid #fff;
}

.communications-area {
	min-height:170px
}

.user-info-last-login-label {
	font-weight: bold;
}

.user-info-last-login-date h6, .user-info-last-login-time h6 {
	margin: 7px 0 0 0;
}

.panel-default .panel-heading-grid-main.panel-heading-icon {
	padding-left: 100px;
	position: relative;
}

.panel-icon-cont {
	position: absolute;
    border-radius: 50%;
    background-color: #40c2cc;
    border: 6px solid #fff;
    padding: 15px;
    left: 15px;
    top: 10px;
}

.panel-icon-cont .icon-span::before {
	left: 0 !important;
	top: 0 !important;
}

.details-inner-panel {
	padding-top: 30px;
}

.details-inner-panel h4 {
	margin:0 0 5px 0;
}

.address-box {
	padding: 0 0 0 85px;
	margin: -20px 0 0 0;
	color: #404041;
    font-size: 0.9em;
}

.market-price-title, .emp-details-participant {
    margin: -23px 0 0 0;
    padding: 0 0 0 85px;
    color: #1b2935;
}

.employee-address-market-area {

}

.employee-address-market-area .company-info {
	margin-left: 0;
	width: 100%;
}

.details-panels {
	min-height: 212px;
	margin-bottom: 20px;
}

.icon_question {
	left: 20px !important;
    display: inline-block!important;
    top: 3px!important;
}

.details-panels .company-info-name-title {
	display: block;
	padding-top: 31px;
}

.alerts-row{
	padding:15px 5px !important;
	background-color: #1b2935 !important;
}

.commu-panel .alerts-row [class^="col-"], .web-tut-row [class^="col-"] {
	padding:0 5px;
}

.comm-icon-name {
    color: #40c2cc;
    font-family: Open Sans;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    text-align: left;
    padding-left: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: 16px !important;
}

.comm-icon-subname {
    padding-left: 8px;
    color: #95989a;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
}

.detail-panel-company {
	/* padding-right:0; */
}

/*.mailing-address {    float: right;
    font-size: 12px;
    max-width: 70px;    font-weight: normal;}
.mailing-icon{    float: left;   margin: 4px 6px 2px 0;}
.mailing-text{    width: 52px;    display: inline-block;} */

.employee-details [class^="col-"] {
	padding:0 5px;
}

/*** company, user and communication styling ends ***/


/*** Media Queries Starts ***/

@media (max-width: 1700px) {
	
	.letters-icon-bg {
	    width: 45px !important;
	    height: 45px !important;
	}
	
	.panel-additional-information .icon-ic_local_phone_black_24px { 
		font-size: 20px !important; 
		top: 12px !important; 
		left: 12px !important;
	}
	
	.icon_question {
	    left: 16px !important; 
	    top: 0px!important;
	}
	
	.icon-comm:before, .icon-ic_mail_outline_black_24px:before {
	    left: 9px !important;
	    top: 9px !important;
	    font-size: 26px !important;
	}
	
	.icon-ic_video_library_black_24px {
	    left: 9px !important;
	    top: 7px !important;
	}
	.addr-details-cont {
		padding: 0;
	}
	
}


@media (max-width: 1500px)
{
	.comm-icon-name {
	    font-size: 14px !important;
	}
	
	.letters-icon-bg {
	    width: 37px !important;
	    height: 37px !important;
	}
	
	.panel-additional-information .icon-ic_local_phone_black_24px { 
		font-size: 20px !important; 
		top: 9px !important; 
		left: 9px !important;
	}
	
	.icon-comm:before, .icon-ic_mail_outline_black_24px:before {
	    left: 7px !important;
	    top: 7px !important;
	    font-size: 22px !important;
	}
	
	.comm-icon-subname {
		font-size: 12px !important;
	}
	
	.panel-additional-information .comm-icon-subname {
		font-size: 12px !important;
		font-weight: bold;
	}
	
	.company-info-name-title .company-name {
	    font-size: 20px;
	}
	.company-title{
		font-size: 16px;
	}
	
	.icon-ic_video_library_black_24px {
	    left: 7px !important;
	    top: 7px !important;
	    font-size: 22px !important;
	}
	
	.icon_question {
	    left: 14px !important;
	    top: 3px!important;
	    font-size: 22px !important;
	}
	
	.details-panels .panel-heading{
		font-size:20px;
	}

}

@media (min-width: 1200px) and (max-width: 1400px) {
	
	.company-info {
		border-left: 60px solid #40c2cc;
	}
	
	.user-info-last-login-label {
	   font-size: 16px;
	}
	
	.company-info-name-title {
		padding-left: 45px;
	}
	
	.communications-area, .panel-user-login-info, .company-info {
		min-height: 185px;
	}
	
	.details-inner-panel h4 {
		font-size:14px;
	}
	
	.details-panels.company-info {
		min-height: 212px;
	}
	
	.panel-icon-cont {
		padding:10px;
		left: 10px;
	}
	
	.panel-default.details-panels .panel-heading {
		padding-left: 84px;
	}
	
	.address-box {
		padding-left:67px;
		font-size: 14px;
	}
	
	.user-info-username {
		font-size: 18px;
	}
	
	.panel-default .panel-user-info .panel-heading {
		padding-left: 85px;
	}

}

@media (max-width:1200px) {
	
	.company-user-area { 
	    margin-bottom: 15px;
	}
	.addr-details-cont {
	    padding: 0 0 0 15px;
	}

}

@media (max-width: 993px) {
	
}

@media (max-width:767px) {

	.navbar-collapse-menu-area .dropdown-menu {
		position: static;
		float: none;
		border-radius: 0;
	}
	
	.btn-menu-item {
		font-size: 16px;
		border-bottom: 1px solid #ddd;
	}
	
	.navbar-collapse-menu-area .nav-justified>li>a {
		text-align:left;
	}
	
	.dropdown-submenu .dropdown-menu {
		padding: 5px 20px 5px 30px;
	}
	
}

/*** Media Queries Ends ***/


/*** stock info starts ***/

.stock-info {
	position:relative;
}

.desktop-icon-cont {
	position: absolute;
    top: 15px;
    right: -64px;
    z-index: 99;
}

.img-desktop-icon {
	
}

.charts-info {
	padding: 2.5em 2em 2.5em 3.5em !important;
}

.graph-container {
	padding: 20px 10px;
    background-color: #efeeee;
    max-width: 600px;
    margin: 0 auto;
}
	
.stock-info-heading {
    font-size: 2.5em !important; 
    margin: 7% 50px 7% 7% !important;
}

.text-stock-info {
	font-size: 16px;
}

/*** stock info ends ***/

a,
a:hover,
a:focus {
	color: #1b2935;
	text-decoration: none !important;
}

.grid-title>a {
	padding: 10px;
    font-size: 0.75em;
    font-weight: normal;
    color: #FFFFFF;
}

/*** checkbox and radio starts ***/

._checkbox {
	position: relative;
	margin-right: 5px;
}

._radio {
	position: relative;
	margin-right: 5px;
}


/********** For Mozilla Related UI Fix ************/
@-moz-document url-prefix() { 
  ._checkbox {
  margin-right:15px;
}
.modal-content .panel-body { margin-bottom: 2px;}
}
/********** For Mozilla Related UI Fix ************/

input[type="checkbox"] {
	position: relative;    
	z-index: 99;
	opacity: 0;
}

input[type="checkbox"] + span._checkbox::before, input[type="checkbox"] + input[type="hidden"] + span._checkbox::before {    
	position: absolute;
    content: "\e980";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 22px;
    visibility: visible;
	color: #c8c8c8;
	top: -6px;
    left: -20px;
}
	
input[type="checkbox"]:checked + span._checkbox::before, input[type="checkbox"]:checked + input[type="hidden"] + span._checkbox::before {
	position: absolute;
    content: "\e961";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 22px;
    visibility: visible;
	color: #40c2cc;
	top: -6px;
    left: -20px;
}

input[type="radio"] {
	position:relative; 
	z-index: 99;
	opacity: 0;
}

input[type="radio"]+ span._radio::before, input[type="radio"] + input[type="hidden"] + span._radio::before {    
	position: absolute;
    content: "\e9be";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 22px;
    visibility: visible;
    top: -4px;
    left: -24px;
	color: #c8c8c8;
	top: -7px;
    left: -18px;
}
	
input[type="radio"]:checked + span._radio::before, input[type="radio"]:checked + input[type="hidden"] + span._radio::before {
	position: absolute;
    content: "\e9bd";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 22px;
    visibility: visible;
     top: -4px;
    left: -24px;
	color: #40c2cc;
	top: -7px;
    left: -18px;
}
	
/*** checkbox and radio ends ***/

/*** checkbox and radio ends ***/

/*** Selected Row ***/
.selected-row {
    background-color: #f5ddcd !important;
    /* border: thin solid #1b2935; */
}

.no-selected-row {
	background: none !important;
}

/*** Selected Row end***/

/*** Date Picker customization ***/
.datePicker{
	padding-right:20px;
}
/*** Date Picker customization End***/

.subheading-info-area .panel-body {
	padding-left: 0px;
	padding-right: 0px;
}

.table>tbody>tr>td>a.no-link-icon:before {
    content: none !important;
}

.glyphicon-remove-circle {
	font-size: 25px;
	color: #FFFFFF;
	top: 8px;
}

.close {
    opacity: 1;
}

@media (min-width: 1200px) {
	.content-area {
		background: #F1F1F2;
		padding: 3.4375em 3.4375em 9.4375em 3.4375em;
	}
	
	.investors-content-area {
		background: #F1F1F2;		
        padding: 3.4375em 3.4375em 9.4375em 3.4375em;
	}
	
	.content-area-left {
		
	}
	
	.content-area-right {
		
	}
	.panel.panel-body.form-area {
		margin-left: 20%;
		margin-right: 20%;
	}
	
	/* .panel.panel-default.panel-small, .panel.panel-default.panel-address {
		margin-left: 20%;
		margin-right: 20%;
	} */
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
	.content-area {
		background: #F1F1F2;
		padding: 2.0em;
	}
	
	.content-area-left {
		
	}
	
	.content-area-right {
		
	}
	.panel.panel-body.form-area {
		margin-left: 10%;
		margin-right: 10%;
	}
		
	/* .panel.panel-default.panel-small, .panel.panel-default.panel-address {
		margin-left: 10%;
		margin-right: 10%;
	} */
}

@media screen and (max-width: 992px) and (min-width: 769px) {
	.content-area {
		background: #F1F1F2;
		padding: .5em;
	}
	.content-area-left {
		
	}
	
	.content-area-right {
		
	}
}
.pre-scrollable{
	 max-height: -moz-calc(90vh - 30px) !important;
	 max-height: -webkit-calc(90vh - 30px) !important;
	 max-height: calc( 90vh - 30px) !important;
}
.panel.panel-body.form-area, .panel.panel-body.form-area-fluid {
    border: 1px solid lightgrey;
    border-radius: 4px;
}

.panel.panel-body.form-area-fluid {
    margin: 20px;
}

.form-area {
	background-color: #cad6dc;
}

label.alert.alert-error {
    display: block;
}

.panel-grid .subheading-info-area {
    padding-top: 1.25em;
    margin-bottom: 0.5em;
}

.pre-scrollable{
       max-height: -moz-calc(80vh - 60px) !important;
       max-height: -webkit-calc(80vh - 60px) !important;
       max-height: calc( 80vh - 60px) !important;
}

@media all and (-ms-high-contrast:none) {  		@media all and (-ms-high-contrast:none) {     
       *::-ms-backdrop, .table > thead > tr > th{border:1px solid #5d7380;}			*::-ms-backdrop, .table>tbody>tr>td{ Padding:8px 15px !important; } /* IE11 */
       *::-ms-backdrop, .table>tbody>tr>td{ padding:8px 15px !important; font-size: 14px;} /* IE11 */			input[type=text]::-ms-clear { display: none; }
       *::-ms-backdrop, .table>tbody>tr.grid-sub-heading>td { Padding:0.5% 18px !important; } /* IE11 */		
       input[type=text]::-ms-clear { display: none; }		
       *::-ms-backdrop, .GridDataTD input[type="radio"]+ span._radio{ position: relative; content: "\e9be"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 22px; visibility: visible; color: #c8c8c8;}		
       *::-ms-backdrop, .GridDataTD input[type="radio"]:checked + span._radio { position: relative; content: "\e9bd"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; font-size: 22px; visibility: visible; color: #40c2cc;}		
       *::-ms-backdrop, .GridDataTD input[type="radio"] { position:relative; z-index: 99; opacity: 0; top: -2px; left: 5px; height: 17px; width: 17px; }		
}		}
/******** Select appreance display none - IE fix *********/		
select::-ms-expand { display:none;}		
.dataTables_length select::-ms-expand { display:none;}		
/******** Select appreance display none - IE fix *********/


/*** data tables styling ***/

.table.dataTable { padding: 0 !important;}
.table.dataTable tfoot td:empty { display: none !important;}
.dataTables_wrapper { background-color: #d9d9d9;display: block; width:100%;}
.dataTables_wrapper .dataTables_filter { float: left !important; padding: 12px 0 7px 20px;}
.dataTables_wrapper .dataTables_length { float: right !important; padding: 12px 20px 7px 0;}
table.dataTable thead .sorting:after { content: "" !important;}
div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; color: #404041;}
table.dataTable thead th { border-bottom: none !important;}
div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; margin: 0 5px;}
.dataTables_wrapper .dataTables_filter input[type="search"]{ display: inline-block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.dataTables_wrapper .dataTables_filter input[type="search"]:focus{border-color: #40c2cc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(243, 115, 32, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(243, 115, 32, .6);}
.dataTables_wrapper .dataTables_info { padding: 16px 0 16px 20px !important; font-weight: bold;font-size: 0.95em; color: #444;}
.dataTables_wrapper .dataTables_paginate { padding: 12px 20px 12px 0px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {color: #fff !important; border: 1px solid #1b2935 !important; background: #1b2935 !important; background-color: #1b2935 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.2em .6em !important; font-weight: bold;font-size: 0.95em; color: #444;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { border: transparent !important; background: transparent !important;font-weight: bold;font-size: 0.95em; color: #444;}
.dataTables_wrapper .dataTables_info {  float:left;  text-align:left; } 
.dataTables_wrapper .dataTables_paginate {  float:right;  text-align:right;	}
div.dataTables_wrapper div.dataTables_length select { width: 80px; display: inline-block; margin: 0 5px; background:#fff url("../images/select_dropdown.png") no-repeat 98% 2px;		
      -webkit-appearance: none;		
    -moz-appearance: none;		
    appearance: none;		
  height: 34px;		
  padding: 6px 12px;		
  font-size: 14px;		
  line-height: 1.42857143;		
  color: #555;		
  border: 1px solid #ccc;		
  border-radius: 4px;		
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);		
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);		
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;		
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;		
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}			

/*** data tyables styling ends ***/

.icon-ic_date_range_black_24px:before {
	font-size: 32px;
}

.input-group-addon-date {
	padding: 0px;
    background-color: #40c2cc;;
    color: #FFFFFF;
    border-left: 0px;
}

.alert .panel-button-group {
    margin-bottom: 0px;
}

.td-text-padding {
	padding-right: 3px;
}

/*** additional infomation area starts ***/

.panel-default .panel-additional-information, 
.panel-default .panel-disclaimer {
 
}
 
.panel-default .panel-heading-additional-information,
.panel-default .panel-heading-disclaimer {
 	background-color: #1b2935;
 	text-transform: none;
}

.panel-additional-information .info-span,
.panel-disclaimer .info-span {
	color: #40c2cc;
    position: absolute;
    border-radius: 50%;
    border: 6px solid #fff;
    left: 15px;
    top: 10px;
    font-size: 63px;
    background-color: #fff;
 }
 
.panel-disclaimer .info-span {
	color: #fff;
    font-size: 42px;
    background-color: #40c2cc;
    padding: 10px;
}

.panel-default .panel-body-additional-information {
	margin-left: 0;
	padding: 10px 15px 5px 15px;
}

.panel-default .panel-body-disclaimer {
	padding: 35px 15px 5px 15px;
}
 
.panel-default .panel-body-additional-information > p {
    margin-left: 80px;
    margin-bottom: 5px;
}
.panel-additional-information .comm-icon-info-wrapper {
 	padding: 10px;
}
 
.panel-additional-information .panel-additional-info-sub {
	padding: 0 0 0 40px;
	background-color: #cad6dc;
}

.panel-additional-information .additional-info-heading {
 	color: #404041;
 	background: none;
 	font-size: 18px;
 	line-height: 1.5;
 	font-weight: 600;
 	/* margin-left: 90px; */
}
 
.panel-additional-information .img-calendar,
.panel-additional-information .img-clock {
 	height: 25px;
 	width: 25px;
}
 
.panel-additional-information .last-login-date,
.panel-additional-information .last-login-time {
    display: flex;
    font-size: 1em;
    padding-left: 10px;
    color: #000000;
}

.panel-additional-information .text-last-login-date, .text-last-login-time {
	margin: 0px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3%;
	font-size: 14px;
	font-weight: bold;
}

.panel-additional-information .letters-icon-bg {    
	width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: #1b2935;
}

.panel-additional-information .icon-ic_local_phone_black_24px { 
	top: 13px !important; 
	left: 13px !important; 
	font-size: 26px !important;
}


.panel-additional-information .comm-icon-name {
    color: #1b2935;
    font-family: Open Sans;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 600;
    text-align: left;
    padding-left: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
	/* font-size: 16px !important; */
}

.panel-additional-information .comm-icon-subname {
    padding-left: 8px;
    color: #404041;
    font-family: Open Sans;
    /* font-size: 14px; */
    font-size: 18px;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

/*** additional infomation area ends ***/

.no-margin-bottom {
	margin-bottom: 0px !important;
}


/**** Ui Bugs Styling ****/
.user-info-username {
	font-size: 22px;
}

.user-info-date, .user-info-time { display: block;}
.img-user-info-calendar, .img-user-info-clock, .user-info-last-login-date, .user-info-last-login-time { display: inline-block;}
@media (min-width: 1400px) and (max-width: 1500px) { 
.comm-icon-subname, .comm-icon-name { padding-left: 2px; font-size: 13px !important;}
.user-info-last-login-date h6, .user-info-last-login-time h6 { font-size: 12px;}
.alerts-col { padding: 13px;}
.user-info-username {
    font-size: 20px;
}
}

@media (min-width: 1300px) and (max-width: 1400px) { 
.comm-icon-subname, .comm-icon-name { padding-left: 2px; font-size: 12px !important;}
.user-info-last-login-date h6, .user-info-last-login-time h6 { font-size: 11px;}
.alerts-col { padding: 11px;}
.user-info-date, .user-info-time { padding-left: 0px; padding-right: 0px;}
.stock-info {}
.company-info-treasure-account { width:250px;}
}

@media (min-width: 1200px) and (max-width: 1300px) { 
.comm-icon-subname, .comm-icon-name { padding-left: 2px; font-size: 11px !important;}
.user-info-last-login-date h6, .user-info-last-login-time h6 { font-size: 11px;}
.alerts-col { padding: 8px;}
.user-info-date, .user-info-time { padding-left: 0px; padding-right: 0px;}
.stock-info {}
.company-info-treasure-account { width:250px;}
}

@media (min-width: 1400px) and (max-width: 1600px) {
	.user-info-date, .user-info-time {
		padding-left: 0px;
		padding-right: 0px;
	}
	.user-info-username{
		font-size: 20px;
		margin-left: 40px;
	}
	
}
@media (min-width: 1200px) {
.user-info-login-date-time { padding: 8px 0;}
}

/**** Ui Bugs Styling Ends ****/

/** W8BEN / W9 Certification**/
                
.panel.panel-default.panel-cerification {
	width: 98%;
	padding-left: 2%;
}

.panel-heading.panel-certification-heading {
	height: auto;
	padding-top: 1%;
	color: #404041;
	background-color: #5d7380;
	text-align: -webkit-center;
	float: left;
	width: 100%;
}

.panel-heading.panel-certificationw9-heading  {
	padding-top: 1%;
	color: #404041;
	background-color: #5d7380;
}


.panel-body.panel-certification-body {
	background-color: #cad6dc;
	text-align: justify;
}

/** W8BEN / W9 Certification ends **/

/***  sticky footer ***/

html {
	position: relative;
    min-height: 100%;
}

body {
	margin-bottom: 81px;
}

.footer-wrapper {
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 91px;
} 


/*** datepicker changes starts ***/
.ui-widget-content {
    border: none;
    background: #ffffff;
    color: #0C0C0C;
    font-family: 'Open Sans', sans-serif;
    box-shadow: -1px 6px 17px 0px #c3c2c2;
	padding: 0;
	font-size: 0.9em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: #ffffff;
    font-weight: normal;
    color: #404041 !important;
    text-align: center;
    background: none !important;
    border: none !important;
    border-radius: 0px;
}

.ui-widget-header {
    border: 1px solid #1b2935;
    background: #1b2935;
    color: #ffffff;
    font-weight: bold;
	border-radius: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #40c2cc;
    color: #fff;
    font-weight: bold;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background-color: #dadad9 !important;
}
 
/*  .ui-datepicker-trigger {    
 	position: relative;
	left: -40px;
	width: 28px;
	height: 28px;
} */

.datePicker {
    padding-right: 16px;
}

/*** datepicker changes ends ***/

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: #1b2935  !important;
    color: #FFFFFF !important;
}

@media print {
  .pre-scrollable{
      display: block;
      overflow: visible;  
    }
}

@media screen and (max-width: 767px) {

	.dataTables_wrapper .dataTables_info { 
		float:left; 
		text-align:left;
	}
	
	.dataTables_wrapper .dataTables_paginate { 
		float:right; 
		text-align:right;
	}
}

.alert-info:before {
	content: "\e91f";
    font-family: 'icomoon' !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1b2935;
    font-size: 25px;
    top: 16px;
    position: absolute;
    left: 10px;
}

.alert-warning:before {
	content: "\e92c";
    font-family: 'icomoon' !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1b2935;
    font-size: 40px;
	top: 16px;
    position: absolute;
    left: 10px;
}

.alert-error:before {
	content: "\e97c";
    font-family: 'icomoon' !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1b2935;
    font-size: 25px;
	top: 16px;
    position: absolute;
    left: 10px;
}

.alert-success:before {
	content: "\e991";
    font-family: 'icomoon' !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1b2935;
    font-size: 25px;
	top: 16px;
    position: absolute;
    left: 10px;
}

select.form-control, select.form-control[disabled] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 10;
	background-color: transparent;
	padding-right: 40px;
}

._select {
	position: relative;
}

.form-inline ._select {
	position: relative;
	display: inline-block;
}

._select:after {
	content: "\e90e";
    font-family: 'icomoon' !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #40c2cc;
    color: #fff;
    padding: 2px;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 25px;
}

.tab-pane .row-equal {
    margin: 0;
}
.row-equal {
    display: flex;
    flex-wrap: wrap;
}

/************  Share Holders CSS Starts ***************/

.share-holders-account-info { padding:0;}
.share-holders-account-info  .panel-heading-grid-main{ color: #FFFFFF; background-color: #40c2cc; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px; padding: 10px 25px !important;}
.share-holders-account-info .safety-tips { font-size:12px; margin-top:25px;}
.share-holders-account-info .details-inner-panel ul { margin-top:15px; margin-bottom:15px;}
.share-holders-account-info .details-inner-panel li { display: block; font-size:14px;}
.share-holders-account-info .details-inner-panel li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.share-holders-account-info .details-panels { position:relative;}
.share-holders-account-info .details-inner-panel { padding-top:35px;}
.icon-generel-account-card-details {
       font-size: 45px;
}


.share-holders-important-notice { background-color:#fff; border:1px solid #ccc; padding:7px;}
.share-holders-important-notice .details-panels { margin-bottom:0;}
.share-holders-important-notice .panel-grey-head { background-color:#ccc; color:#fff;}
.share-holders-important-notice .details-panels p { position:relative; padding-left:20px;}
.share-holders-important-notice .details-panels p:before { content: "\2605"; position: absolute; left:0; color:#40c2cc;}
.share-holders-important-notice .details-inner-panel ul { margin-top:15px; margin-bottom:15px;}
.share-holders-important-notice .details-inner-panel li { display: block; font-size:14px;}
.share-holders-important-notice .details-inner-panel li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.panel-heading-share-holders-landing p { font-size:12px;}
.alert-warning-shareholders { background:#ccc; color:#1b2935; border-radius:0; margin-top:10px; margin-bottom:10px;}
.shareholder-views { display: inline-block; width:65px; margin:0 50px; vertical-align:top;}
.shareholder-views span { display:block; background:#1b2935; color: #fff; padding: 10px; font-size: 45px;}
.details-inner-panel.views { background:#ebe2dd;}
.share-holders-important-notice.views .panel { margin-bottom:0;}
.shareholder-views p { font-size:12px; font-weight:bold;}
.share-holders-account-info .panel-icon-cont { right: 10px; left: auto; padding: 20px; top: auto; bottom: -41px;}
@media (min-width: 1200px) and (max-width: 1400px) {
       .share-holders-account-info .panel-icon-cont { right: 10px; left: auto; padding: 20px; top: auto; bottom: -41px;}
	   .panel-default.details-panels .panel-heading.panel-heading-share-holders-landing { padding-left: 10px;}
}


/************  Share Holders CSS Ends ***************/
/*** oam screens CSS starts ***/
.panel-oam { margin:60px 0 0 80px;}
.forgotunique-text {  background-color: #40c2cc;  color: #fff;  font-size: 14px;  position: absolute;  bottom: 0;  width: 100%;  text-align: right;  vertical-align: middle;  padding: 9px 0;  z-index: 9; text-transform: uppercase;}
.forgotunique-text .passwordtips {padding:11px 8px 13px 8px;}
.uniqueid { position:relative; padding-left: 0; padding-right: 0;}
.uniqueid-left { z-index:10;} 
.inner-addon { display: inline-block;}
.inner-addon input { margin-right:10px}
.unique-button { margin-left: 10%;}
.panel-oam-important-notice { background-color:#fff; border:1px solid #ccc; padding:7px;}
.panel-oam-important-notice .details-panels { margin-bottom:0;}
.panel-oam-important-notice .panel-grey-head { background-color:#ccc; color:#fff;}
.panel-oam-important-notice .details-panels p { position:relative; padding-left:20px;}
.panel-oam-important-notice .details-panels p:before { content: "\2605"; position: absolute; left:0; color:#40c2cc; }
.panel-icon-account-card-details { position: absolute; border-radius: 50%; background-color: #40c2cc; border: 6px solid #fff; padding: 15px; right: -44px; top: 30px;}
.icon-account-card-details-oam { font-size: 45px;}
/*** Graphs Area - start ***/
.panel-oam-uniqueid { } 
.panel-body-oam-uniqueid { padding: 0px;}
.oam-uniqueid { background-color: #40c2cc; color: #FFFFFF; height: inherit;}
.oam-uniqueid .stock-info-heading, .oam-uniqueid .stock-info-details { padding:20px; margin:0 !important;}

/***** Password Details CSS *****/
.oam-password-detail-tips .panel-icon-cont { right: 15px; left: auto; padding: 20px; top: auto; bottom: -41px;}
.oam-password-detail-tips .row-equal { margin:0;}
.password-detail-tips-inner.zindex { padding-right:0; z-index:1;}
.password-detail-tips-inner { padding-left:0;}
.password-detail-tips-inner.zindex  .panel-heading-grid-main{ color: #FFFFFF; background-color: #40c2cc; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px; padding: 10px 25px;}
.password-detail-tips-inner.zindex p { font-size: 18px; font-weight: normal; padding: 15px 0;}
.password-detail-tips-inner .details-inner-panel ul { margin-top:15px; margin-bottom:35px;}
.password-detail-tips-inner .details-inner-panel li { display: block; font-size:14px;}
.password-detail-tips-inner .details-inner-panel li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.password-detail-tips-inner .details-panels { position:relative;}
.learnmore-text { background-color: #40c2cc; color: #fff; font-size: 14px; position: relative; bottom: 25px; width: 100%; text-align: right; vertical-align: middle; left:0; z-index:2;}
.learnmore-text.row { margin-left:0; margin-right:0;}
.learnmore-text.row .imagetxt { padding: 0;}
.learnmore-text .innertxt, .forgotunique-text .innertxt { padding:0px 0px 1px; display:inline-block; text-transform:uppercase;}
.forgotunique-text .innertxt { padding:0px; margin-left:20px;}
.innertxt a, .learnmore-text .innertxt a:hover, .learnmore-text .innertxt a:focus { color:#fff;}
.learnmore-text .column { padding:0;}
.details-inner-panel .learnmore-text {background-color: #40c2cc;color: #fff;font-size: 14px;position: absolute;bottom: 0;width: 100%;text-align: right;vertical-align: middle;left:0;z-index:2;}
.details-inner-panel .learnmore-text.row { margin-left:0; margin-right:0;}
.details-inner-panel .learnmore-text.row .imagetxt { padding: 0;}
.details-inner-panel .learnmore-text .innertxt { padding:0px 0px 1px; display:inline-block; text-transform:uppercase;}
.details-inner-panel .learnmore-text .innertxt a, .details-inner-panel .learnmore-text .innertxt a:hover, .details-inner-panel .learnmore-text .innertxt a:focus { color:#fff;}
.details-inner-panel .learnmore-text .column { padding:0;}
.passwordtips {background-color:#1b2935;padding:11px 8px;color:#fff;margin-left:10px; position:static;}
.password-detail-tips-inner { padding:0;}
.password-detail-tips-inner .passwordtxt {text-align:center;}
.disclaimer { background-color:#fff; border:1px solid #ccc; padding:10px;}
.disclaimer .details-panels { margin-bottom:0;}
.disclaimer .alert-info { margin-top:5px;}
.icon-primary { color: #1b2935 !important;}
.icon-account-card-details-oam.icon-ic_mail_outline_black_24px:before { font-size:inherit; position:static;}
/***** Password Details CSS *****/

@media (min-width: 1200px) and (max-width: 1400px) {
       .oam-password-detail-tips .panel-icon-cont { right: 10px; left: auto; padding: 20px; top: auto; bottom: -41px;}
}

/*** oam screens CSS ends ***/


.row-equal {
  display: flex;
  flex-wrap: wrap;
}
 .content-center{
 display: flex;
 justify-content: center;
}


/************  Share Holders CSS Starts ***************/

.share-holders-account-info { padding:0;}
.share-holders-account-info  .panel-heading-grid-main{ color: #FFFFFF; background-color: #40c2cc; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px; padding: 10px 25px !important;}
.share-holders-account-info .safety-tips { font-size:12px; margin-top:25px;}
.share-holders-account-info .details-inner-panel ul { margin-top:15px; margin-bottom:15px;}
.share-holders-account-info .details-inner-panel li { display: block; font-size:14px;}
.share-holders-account-info .details-inner-panel li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.share-holders-account-info .details-panels { position:relative;}
.share-holders-account-info .details-inner-panel { padding-top:35px;}
.icon-generel-account-card-details {
       font-size: 45px;
}


.share-holders-important-notice { background-color:#fff; border:1px solid #ccc; padding:7px;}
.share-holders-important-notice .details-panels { margin-bottom:0;}
.share-holders-important-notice .panel-grey-head { background-color:#ccc; color:#fff;}
.share-holders-important-notice .details-panels p { position:relative; padding-left:20px;}
.share-holders-important-notice .details-panels p:before { content: "\2605"; position: absolute; left:0; color:#40c2cc;}
.share-holders-important-notice .details-inner-panel ul { margin-top:15px; margin-bottom:15px;}
.share-holders-important-notice .details-inner-panel li { display: block; font-size:14px;}
.share-holders-important-notice .details-inner-panel li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.panel-heading-share-holders-landing p { font-size:12px;}
.alert-warning-shareholders { background:#ccc; color:#1b2935; border-radius:0; margin-top:10px; margin-bottom:10px;}
.shareholder-views { display: inline-block; width:65px; margin:0 50px; vertical-align:top;}
.shareholder-views span { display:block; background:#1b2935; color: #fff; padding: 10px; font-size: 45px;}
.details-inner-panel.views { background:#ebe2dd;}
.share-holders-important-notice.views .panel { margin-bottom:0;}
.shareholder-views p { font-size:12px; font-weight:bold;}


.panel-heading { position:relative;}
.icon-file-excel{ background-color:#1b2935; /*padding:12px 10px 11px 10px;*/}
.panel-default .panel-bottom-heading { padding:30px 15px;}
.exportexcel { margin-right: 20px; font-size: 14px; font-weight: normal;}
.excel-position { position:absolute; top:0; right:0;}
.no-striped > tbody > tr:nth-of-type(odd), .no-striped > tbody > tr:nth-of-type(even) { background-color:#fff !important;}
.no-striped > tbody > tr > td{ border-bottom:#d9d9d9;}
.panel-icon-cont.panel-icon-align-right { right:-33px; left:auto;}
.calculation-text { color:#a5a5a5; padding: 25px;}
.calculation-text span { color: #F39722; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px;}

@media (min-width: 1200px) and (max-width: 1400px) {
       .share-holders-account-info .panel-icon-cont { right: 10px; left: auto; padding: 20px; top: auto; bottom: -41px;}
	   .panel-default.details-panels .panel-heading.panel-heading-share-holders-landing { padding-left: 10px;}
}


/************  Share Holders CSS Ends ***************/




.row-equal {
    display: flex;
    flex-wrap: wrap;
}
/******* AST Client Access CSS Starts ********/

/*.panel { box-shadow:none;}
.tab-pane .row-equal { margin: 0;}
.tab-content { background:#fff; border-top-color:#ff9800}
.tab-content .tab-pane { padding:15px; padding-bottom:0;}
.company-info-treasure-account { background-color: #40c2cc; color: #FFFFFF; height: inherit; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px; padding: 10px 15px; }
.company-info-treasure-account p { font-size:12px; margin-top:15px;}
.client-company-details { margin-left:120px;}
.client-company-panel { background-color:#f4f4f4;}
.client-access-inner-panel { padding-top:15px; padding-bottom:15px;}
.client-access-inner-panel h3 { margin-top:0; margin-bottom:0; color:#40c2cc;}
.client-access-company-name { font-size:14px; color:#a7a7a7;}
.account-details { font-size:14px; font-weight:bold;}
.account-details-sm { font-size:12px;}
.client-access-company-panel p span { display:block;}*/


.tab-content { background:#fff; border-top-color:#ff9800}
.tab-content .tab-pane { padding:15px; padding-bottom:0;}
.company-info-treasure-account { background-color: #40c2cc; color: #FFFFFF; height: inherit; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px; padding: 10px 15px; }
.company-info-treasure-account p { font-size:12px; margin-top:15px;}
.client-company-details { margin-left:120px;}
.client-company-panel { background-color:#f4f4f4;}
.client-access-inner-panel { padding-top:15px; padding-bottom:15px;}
.client-access-inner-panel h3 { margin-top:0; margin-bottom:0; color:#40c2cc;}
.client-access-company-name { font-size:14px; color:#a7a7a7;}
.account-details { font-size:14px; font-weight:bold;}
.account-details-sm { font-size:12px;}
.client-access-company-panel p span { display:block;}
.client-access-inner-panel .panel-heading-company-info { color: #FFFFFF; background-color: #40c2cc; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; text-transform: uppercase; border: none; border-radius: 0px; padding: 35px 25px;}
.panel-icon-cont.company-icon { position: absolute; border-radius: 50%; background-color: #ccc; border: 6px solid #fff; padding: 15px; left: 15px; top: 60px;}

.invest-inner-panel .panel-heading-company-info { color: #FFFFFF; background-color: #40c2cc; font-size: 1.0em; font-weight: 600; line-height: 1; text-align: left;  border: none; border-radius: 0px; padding: 35px 25px;}
/*.invest-info  .panel-heading-grid-main{ color: #FFFFFF; background-color: #40c2cc; font-size: 1.0em; font-weight: 600; line-height: 1; text-align: left; border: none; border-radius: 0px; padding: 10px 25px !important;}*/

.invest-info { padding:0;}
.invest-info .panel-heading-grid-main{ color: #FFFFFF; background-color: #40c2cc; font-size: 1.0em; font-weight: 600; line-height: 1; text-align: left;  border: none; border-radius: 0px; padding: 10px 25px !important;}
.invest-info .safety-tips { font-size:12px; margin-top:25px;}
/*.invest-info .details-inner-panel ul { margin-top:15px; margin-bottom:15px;}*/
.invest-info .invest-inner-panel li { display: block; font-size:14px;}
.invest-info .invest-inner-panel li:before { /*Using a Bootstrap glyphicon as the bullet point*/ content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.invest-info.invest-panels { position:relative;}
/*.invest-info .details-inner-panel { padding-top:35px;}*/

.learnmore-text { background-color: #40c2cc; color: #fff; font-size: 14px; position: relative; bottom: 25px; width: 100%; text-align: right; vertical-align: middle; left:0; z-index:2;}
.learnmore-text.row { margin-left:0; margin-right:0;}
.learnmore-text.row .imagetxt { padding: 0;}
.learnmore-text .innertxt { padding:0px 0px 1px; display:inline-block;}
.innertxt a, .learnmore-text .innertxt a:hover, .learnmore-text .innertxt a:focus { color:#fff;}
.learnmore-text .column { padding:0;}



/****Nav Tabs CSS Starts****/
.nav-tabs { border-bottom: 5px solid #1b2935;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #1b2935; color: #fff; font-weight: bold;    }
.nav-tabs > li { margin-bottom:0;}
.nav-tabs > li > a { color: #40c2cc; background-color: #fff; font-weight: bold; margin-right:0; border-right:1px solid #ddd; border-radius:0; border-top:1px solid #ddd;}
.nav-tabs > li > a:hover { border-color: #1b2935 #1b2935 #1b2935; background: #1b2935; color: #fff;}
ul.nav-tabs li:last-child a {border-right:1px solid #ddd;}
.full-width-tabs > ul.nav.nav-tabs { display: table; width: 100%; /*table-layout: fixed;*/ /* To make all "columns" equal width regardless of content */ }
.full-width-tabs > ul.nav.nav-tabs > li { float: none; display: table-cell; }
.full-width-tabs > ul.nav.nav-tabs > li > a { text-align: center; }

/****Nav Content****/

.panel-default > .panel-heading.empty-icon {padding: 10px 25px;}
.client-access-verticle-pipe {border-right: 1px solid #ccc; margin:15px 0;}
.client-access-verticle-pipe:last-child{ border-right:none;}
.client-access-inner-panel .learnmore-text { position:static;}
.transparent-color{background-color:transparent;}
.row-equal.shareholder-account-panel { background:#f4f4f4;}
.learnmore-text.client-access-result-panel { position:static; width:auto; margin-left:-15px; margin-right:-15px}
.alert-info.alert-info-imp-msg:before { content:"";}
.user-info-login-details { /*padding-top:30px;*/}
.company-information-panel { text-align:left; padding-left:80px;}
.company-information-panel p {font-size:12px; color:#a5a5a5;}
.company-name.client-access-verticle-pipe { padding-left:80px; text-align:left;}
.company-name.client-access-verticle-pipe p { font-size:12px; color:#a5a5a5;}
.company-info-inner-panel { margin-bottom:10px; padding-left:50px;}
.company-info-inner-panel .company-info-text { font-size:14px; color:#404041; font-weight:bold; margin-bottom:0;}
.company-info-inner-panel .company-info-text-label {font-size:14px; color:#a5a5a5; margin-bottom:0;}
.panel-icon-cont.company-icon .icon-span { font-size:45px;}
.company-contact-info-icon {border-radius: 50%; background-color: #ccc; padding: 8px; display:inline-block; color:#fff; font-size:22px;}
.company-contact-info { margin-bottom:15px;}
.company-contact-info .contact-name-number {display: inline-block; margin-left: 20px; font-size:14px; color:#f39722; font-weight:bold;}
.company-contact-info .contact-name-number a, .company-contact-info .contact-name-number a:hover { color:#1b2935;}
.company-contact-info .contact-name-number p { color:#404041; font-weight:normal; }
.client-access-inner-panel .details-inner-panel.shareholder-search {padding-top:10px;}
.filterby { margin-bottom:10px;}
.row.btn-panel { margin-top:25px;}
.panel-icon-cont-chat { border-radius: 50%; background-color: #1b2935; padding: 15px; display:inline-block; color:#fff;}
.panel-icon-chat-position{position: absolute; bottom: 120px; right: 54px;}
.icon-comment-multiple-outline:before { font-size:45px;}
.client-search-option-shareholder .form-group { padding:0 !important; margin-bottom:10px;}
.client-search-option-shareholder .form-group .textfield { padding-right:10px; padding-left:0;}
.client-search-option-shareholder .form-group .textfield:last-child { padding-right:0;}
/****Nav Tabs CSS Starts****/

/******* AST Client Access CSS Starts ********/

/****** nav-justified dropdown menu full width******/
.nav-justified .dropdown-menu { min-width:100%; border-radius:0; padding:0;}
.nav-justified .dropdown-menu>li>a { padding:15px 20px;}
.dropdown-submenu .icon-arrow-right-drop-circle-outline:before { font-size:22px; top:-2px;}
/******nav-justified dropdown menu full width******/

/*********Invest Online Css Starts*********/



.margin-right{
    margin-right:25px;
}

ul.astrisk-message li { display: block; font-size: 14px; margin-bottom:4px;}
ul.astrisk-message li:before { content: "\002a"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-top: 4px; margin-left: -17px; color: #40c2cc;}
.sub-head1 { margin:0}

.modal-header-transform{
text-transform: uppercase;
font-size:0.7em;
}
.hide-border-radius{border-radius:0px;}
.modal-width-height{width:60%;height:1000px;}
.modal-body-invest {
    position: relative;
    padding: 21px;
    margin-bottom: 35px;
}

.icontext-color {color:#fff;    line-height: 1.2;    padding: 10px 0 0 0;}



/*********Invest Online Css Ends*********/
	hide-border-radius{border-radius:0px !important;}
.account-radio-transform{ margin-bottom: 5px !important;color:#F39722;}
.hide-border-radius > div{ margin-left:45px;}
.investonline-account-registration { margin:15px;}

/*********Chat Window Css starts*********/
.chat-info-container {
   margin-left: 15px;
   width: 240px;
   background: #FFFFFF;
   border: 1px solid #e4e4e4;
   padding: 4px;
   position: relative;
   position: absolute;
   bottom: 125px;
   right: 145px;
   padding: 10px;
   border-radius: 5px;
   color:#404041;
    box-shadow: 2px 2px 2px #e4e4e4;
}

.chat-info-container:after {
   content: '';
   display: block;
   position: absolute;
   top: 13px;
   left: 100%;
   width: 0;
   height: 0;
   border-color: transparent transparent transparent #ffffff;
   border-style: solid;
   border-width: 16px;
}
.assist-txt{
   color: #1b2935;
   font-size: 14px;
   float: left;
   margin-left: 5px;
}
.live-chat-txt{
   color: #40c2cc;
   font-size: 12px;
   float: left;
   margin-left: 5px;
}
.live-chat-face-icon{
   float: left;
   font-size: 40px;
   color: #1b2935;
   float: left;
}
.top-header-rply-btn{margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.top-header-rply-icon{font-size:24px; float:left;}
.top-header-rply-txt{float:left; margin-left:5px; margin-top: 2px;}
.marginleft {margin-left:20px !important;}
.invest-opt-para .investor-label{padding-left: 0px; padding-bottom: 10px; font-weight: bold; color: #1b2935; font-size: 14px;}
.invest-opt-para .investor-label-msg{padding-left: 0px; padding-bottom: 10px;}
.invest-opt-para .gen-left{float:left;}
.invest-opt-para .form-control{height:100% !important;}
.invest-opt-para .inner-wrapper-div{padding:0 19px;}
.invest-opt-para .inner-wrapper-usd-div{padding:10px 0 0 20px;}
.invest-opt-para p{margin:0;}
.alert-info-wrapper{padding:1% !important;}
.alert-msg-txt{text-indent:70px;}
.icon-info-txt{color: #ffffff; font-size: 40px;}
.alert-info-wrapper .panel-icon-cont{padding: 8px;}
.print-area-acnt-reg-step6 .text-uppercase{vertical-align: -webkit-baseline-middle;}
.print-area-acnt-reg-step6 .print-icon{font-size: 20px;}
.print-area-acnt-reg-step6 .btn-wrapper-setp6{margin: 0; padding: 10px 10px 10px 10px; min-width: 40px;}
.print-area-acnt-reg-step6-bank-acnt.alert-warning:before {font-size: 50px; color:#40c2cc;}
.print-area-acnt-reg-step6-bank-acnt p{text-indent:30px;}
.print-area-acnt-reg-step6-bank-acnt-step .letters-icon-bg {width: 75px !important; height: 75px !important; border-radius: 50% !important; background-color: #40c2cc;border: 6px solid #ffffff;}
.print-area-acnt-reg-step6-bank-acnt-step .step-txt{padding-top: 20px; display: -webkit-box;}

/*********Chat Window Css Ends*********/
.acnt-details-row-nobg .ast-input-field-wh { min-height: 50px; background-color: #f1f1f1; font-size: 16px; border-radius: 2px;}
.pls-note-txt{color: #d9293e; font-weight: bold;}
.accordian-header-txt{text-transform: capitalize; padding: 10px 25px; color: #FFFFFF; background-color: #F39722; font-size: 1.5em; font-weight: 600; line-height: 1; text-align: left; border: none; border-radius: 0px;}
.accordian-header-txt .glyphicon{float:right;}
.printdetails-row{margin-bottom:5px !important;}
.holder-row{ padding:15px 5px !important; background-color: #f1f1f2 !important; }
.holder-address-row{ padding:15px 5px !important; background-color: #f1f1f2 !important; }
.holder-data { margin: 0px; margin-left: 90px; /*background-color: #FFFFFF;*/}
.holder-info-address { font-family: sans-serif; /* font-size: 30px; */ font-size: 12px; /* changed to 25px from 30px username wrapping to next row */ color: #40c2cc; font-weight: normal; padding-left: 1em; /* text-align: center; */}
.holder-padding { padding-top: 1em;}
.holder-bg { background-color: #808080;}

/******** issuers css Starts **********/
.panel-body-view-report { margin-bottom: 0;}
.alert-warning-current-votes { margin: 15px;}
.alert-warning-current-votes .disclaimer-text {margin: 0; line-height: 1.2; color:#40c2cc; padding-left:20px;}
.alert-warning-current-votes.alert-warning:before { color:#40c2cc;}
/******** issuers css Ends **********/


/******** Sisense css Starts **********/
#sisenseBody{
   
   margin:0;
   padding:0;
   width:100%;
   height:100%;
}

iframe{
	width:100%;
	height:100%;
		}
		
#slideOut {
	position:absolute;
	width:100%;
	top:-32px;
}
		
#slideClick{
		
	height:10px;
	width:150px;
	background:#1b2935;
	opacity: 0.8;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-radius: 0px 0px 5px 5px;
}
		
#slideContent {
	background:#fff;
	width: 150px;
	height: 5px;
	padding: 25px 0 0 0px;
	float:top;
	color: #EFEFEF;
	font-size: 8px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	opacity: 0.8;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
		
#slideContent a{
		  
	display:block;
	margin-top:-15px;
	
}


.marginleft3 { margin-left: 3px;}
/********  Sisense css Ends **********/


.aoda-page-title {
    font-weight: 900 !important;
    font-size: 2.9375em !important;
}

.aoda-client-access-title{
background-image: url(../images/banner-bg_aoda.jpg) !important;
}