/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #5b5b5b;
	font-weight: 500;
}
body {
	background: #f8f9fd;
}
input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #5b5b5b;
}
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
h1, h2, h3, h4, h5, h6, ul, p { margin: 0; padding: 0; }
    /* ### global classes ### */
    .clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center, .container-fluid { position: relative; max-width: 1380px; }
.centered { padding-right: calc((100% - 1380px) / 2); padding-left: calc((100% - 1380px) / 2); }
.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  -webkit-flex: 1 1 auto;  -ms-flex: 1 1 auto; flex: 1 1 auto; }
.row { margin-bottom: 30px; }
.heading { overflow: hidden; padding: 0 30px 20px 0; }
.heading h3 { font-size: 18px; font-weight: 500; float: left; }
.heading a { float: right; font-size: 10px; text-transform: uppercase; color: #999da5; font-weight: 600; margin-top: 5px; }
.noScroll { height: 100%; overflow: hidden; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; width: 160px; padding: 5px 30px 5px 10px; position: relative; background: #fff url(../img/arrow.png) no-repeat center right 10px; border: none; }
.option { float: left; margin: 0; margin-top: -7px; }
.option input { opacity: 0; position: absolute; }
.option span { display: inline-block; cursor: pointer; position: relative; padding-left: 20px; float: left; }
.option span:before { content: ''; width: 14px; height: 13px; border: 1px solid #bfc0c4; border-radius: 3px; position: absolute; left: 0; z-index: 0; }
.option input:checked + span:after { content: ''; width: 14px; height: 13px; position: absolute; left: 0; border-radius: 3px; background: url(../img/input-checked.png) no-repeat center; z-index: 1; }
::-webkit-input-placeholder { color: #9da0a4; }
::-moz-placeholder { color: #9da0a4; }
:-ms-input-placeholder { color: #9da0a4; }
::-ms-input-placeholder { color: #9da0a4; }
::placeholder { color: #9da0a4; }
.form-control { padding: 13px 20px; height: auto; font-size: 14px; }
select.form-control { background-image: url(../img/arrow.png)!important; background-position: center right 15px!important; background-repeat: no-repeat!important; background-color: #fff; }
textarea.form-control { width: 100%; height: 180px; overflow: hidden; resize: none; }

.btn_wrap{
	padding-top: 15px;
}

.btn {
	display: inline-block;
	background: #003D4C;
	font-size: 15px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	padding: 4px 35px;
	line-height: 38px;
	min-width: 100%;
}

.white-but {
	background-color: white;
	color: #003D4C;
	border-color: #003D4C;
}

	.white-but:hover {
		background-color: #003D4C;
		color: white;
	}



label {
	font-size: 19px;
	font-weight: normal;
}




/* ### wrapper ### */
#wrapper { display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; padding-top: 67px; }

  
	/* ### text box ### */
	.textBox { border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background: #fff; padding: 30px; }
	.textBox .advisorBox { padding: 0; background: none; width: 100%; box-shadow: none; }
	.textBox h3 { font-size: 18px; color: #5b5b5b; margin-bottom: 10px; }
	.textBox p { margin-bottom: 10px; color: #999da5; }
	.textBox .map { width: 100%; margin-bottom: 20px; }
	.textBox .map img { width: 100%; }
	.textBox address { color: #999da5; line-height: 18px; font-style: normal; }
	.textBox address a { color: #999da5; }
	.textBox h4 { font-size: 14px; margin-bottom: 5px; }

	/* ### msg box ### */
	.msgBox { border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background: #fff; padding: 30px; }
	.msgBox h3 { font-size: 18px; color: #5b5b5b; margin-bottom: 10px; }
	.msgBox p { margin-bottom: 10px; color: #999da5; }
	.msgBox label { color: #5b5b5b; font-weight: 500; }
	.msgBox textarea { width: 100%; border: 1px solid #ededed; background: #f9f9f9; border-radius: 3px; height: 190px; overflow: hidden; resize: none; font-size: 14px; margin-bottom: 20px; }
	.msgBox button { float: right; padding: 13px 20px; min-width: 175px; border-radius: 20px; color: #fff; font-size: 10px; text-transform: uppercase; cursor: pointer; border: none; background: #003D4C; }
	.msgBox button:hover { background: #ef8603; }
	.msgBox .survey { float: left; padding: 7px 20px; min-width: 175px; border-radius: 20px; color: #999da5; font-size: 10px; text-transform: uppercase; cursor: pointer; border: 1px solid #003D4C; background: #fff; }
	.msgBox .survey:before { content: '\f089'; font-family: IcoFont; color: #003D4C; font-size: 17px; display: inline-block; margin-right: 5px; }



	/* ### sign box ### */
	.signupBox { max-width: 620px; margin: 100px auto 50px; }
	.signupBox .logo { text-align: center; margin-bottom: 40px; }
	.signupBox .logo img { display: inline-block;  max-width: 85%;}
		.signupBox .holder {
			background: #fff;
			border-radius: 5px;
			padding: 30px;
			box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
		}


.signupBox .title {
	overflow: hidden;
	margin-bottom: 30px;
}
		.signupBox h1 {
			color: #5b5b5b;
			font-size: 25px;
			font-weight: 500;
			margin-bottom: 30px;
			padding-top: 15px;
			text-align: center;
			
		}

	.signupBox h2 {
		color: #5b5b5b;
		font-size: 22px;
		font-weight: 500;
		margin-bottom: 15px;
	}

	.signupBox .nav-tabs { float: right; border: 1px solid #eceff3; border-radius: 5px; overflow: hidden; padding: 0; }
	.signupBox .nav-tabs li a { padding: 15px; color: #999da5; background: #fbfbfb; border-radius: 0px; border: none!important; margin: 0; }
	.signupBox .nav-tabs li.active a { background: #003D4C; color: #fff; }
	.signupBox .form-control { margin-bottom: 15px; background: #ffffff; }
	.signupBox .option { font-weight: 500; margin-bottom: 10px; margin-top: 10px; }
	.signupBox .option a { color: #003D4C; text-decoration: underline; }
	.signupBox .help { float: left; position: relative; color: #999da5; margin-top: 15px; }
	.signupBox .help a {color: #999da5; text-decoration: underline; }
	/*.signupBox button { float: right; border-radius: 5px; font-size: 14px; min-width: auto; padding: 0 20px; }*/

		.signupBox .text_data_row {
			margin-top: 8px;
			margin-top: 8px;
		}

	.signupBox .text_data {
			font-size:15px;
		}

		.signupBox .text_amount {
			font-size: 2rem; 
			font-size: 36px;
		}

		.signupBox .invoice_text {
			font-size: 1.3rem; 
			font-weight: 400;
		}

	.signupBox .tab-pane { margin-top: -55px; }
		.signupBox .forget {
			text-decoration: none;
		}

		.login-email {
			background-color:transparent;
			border:0;
			padding:0;
			margin:0;
			max-width: 80%;
		}

		.edit-email-address {
			float: right;
			/*position: relative;
					top: -50px;
					left: 100%;
					width:100px;
					text-align:left;*/
		}
		.edit-email-address a {
			
		}
		

	.signupBox .register {
		margin-top: 15px;
		text-decoration: none;
		text-align: center;
	}


/* ### footer container ### */



.footnoteColor {
	color: #fc9415;
	text-transform: none;
}

.footerColor {
    color: #a2a7af;
}
#footerCntr { overflow: hidden; background: #f0f0f0; margin-left: 240px; padding: 15px 30px; }
#footerCntr p { font-size: 10px; font-family: 'Montserrat', sans-serif; /*text-transform: uppercase;*/ font-weight: 600; }



/* #Media Queries
================================================== */
@media only screen and (max-width: 1379px) {
	.advisorBox .button { min-width: auto; width: 100%; }
	.titleBox .contact { width: 100%; margin-top: 20px; }
	.titleBox .contact a { float: right; }
	.assetBox { margin-bottom: 30px; }
	.row { margin-bottom: 0; }
	.row div[class*='col-'] { width: 100%; margin-bottom: 50px; }
	.portfolioBox table { width: 1200px; }    
}

@media only screen and (max-width: 991px) {
    /*#headerCntr .auth { display: none; }*/
	.menuBox { display: none; }
    .menuBox ul li.auth a { display: block; }
	.menuBox ul li.account a { display: block; }
	.menuBox_admin { display: none; }
    .menuBox_admin ul li.auth a { display: block; }	
	#headerCntr .mobileMenu { display: block; position: absolute; top: 10px; right: 20px; }
	#contentCntr { margin-left: 0; }
	#contentCntr .holder { padding-left: 20px; padding-right: 20px; }
	#headerCntr { padding: 10px 20px; }
	#headerCntr .right { padding-right: 50px; }
	.row div[class*='col-'] { margin-bottom: 20px; }
	.valueBox .graph { border-radius: 0; }
	.valueBox .options { overflow: hidden; }
	.valueBox .options ul { margin-right: -20px; }
	.valueBox .options li { float: left; margin-right: 20px; width: calc(50% - 20px); }
	#footerCntr { margin-left: 0; }  
}

@media only screen and (max-width: 767px) {

	label {
		font-size: 16px;
		font-weight: normal;
	}



	#headerCntr .right { display: none; }
	.menuBox { width: 100%; }
	.menuBox_admin { width: 100%; }
	.titleBox .contact { display: none; }
	/*.titleBox .title { display: none; }*/
	.titleBox .total { width: 100%; }
	.titleBox { padding-left: 15px; padding-right: 15px; }
    .titleBox .total p { float: left; text-align: left; }
    .titleBox .title .valuation { float: left; margin: 5px 0 0 0px; font-size: 13px; color: #76797e; }
	.titleBox .total figure { float: right; }
	.valueBox .graph { padding: 15px; }
	.valueBox .options li { font-size: 14px; }
	.valueBox .options li span { font-size: 14px; }
	.assetBox { padding: 15px; }
	.assetBox li strong { font-size: 20px; }
	.assetBox li strong sup { font-size: 13px; }
	.listBox { padding: 15px; }
	.listBox li small { width: 60px; }
	.listBox li a { padding: 15px; }
	.listBox li:after { width: calc(100% - 40px); }
	.recomendationBox .left { width: 100%; margin-bottom: 20px; }
	.supportBox .left { width: 100%; }
	.supportBox .button { width: 100%; }
}

@media only screen and (max-width: 479px) {

	label {
		font-size: 14px;
		font-weight: normal;
	}


	#contentCntr .holder { padding-left: 0; padding-right: 0; }
	.valueBox .options li { width: 100%; border-radius: 0; }
	.assetBox { margin-bottom: 0; }
	.listBox li p { width: 100%; white-space: normal; margin-bottom: 10px; }
	.assetBox { border-radius: 0; }
	#contentCntr .condition { display: none; }
	.pagingBox { padding: 20px; }
	.recomendationBox article { border-radius: 0; }
	.filterBox { border-radius: 0; }
	.msgBox button { width: 100%; margin-bottom: 10px; }
	.msgBox .survey { width: 100%; }
	.supportBox .block { border-radius: 0; }
	.accountBox .nav-tabs li a { padding: 15px 10px; }
	.accountBox { border-radius: 0; }
	.formBox {border-radius: 0;	}

	.profileBox { border-radius: 0; }
	.contactBox { border-radius: 0; }
	.signupBox .holder { border-radius: 0; }
	.signupBox .tab-pane { margin-top: 0; }
	.signupBox { margin-top: 50px; }

	.supersignupBox .holder { border-radius: 0; }
	.supersignupBox .tab-pane { margin-top: 0; }
	.supersignupBox { margin-top: 50px; }
}


.primeReportsFont {
    font-family: 'Arial', sans-serif
}

@media screen {
	.no-screen, .no-screen * {
		display: none !important;
	}


}


#deployment_slot_note {
	width:100%;
	text-align:right;
}


.g-signin-button {
	background: linear-gradient(to bottom right, #ffffff, #f5f5f5);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

	.g-signin-button:hover {
		background: linear-gradient(to bottom right, #f2f2f2, #dddddd);
		text-decoration: none;
	}

	

.g-signin-button img {
	width: 25px;
	height: 25px;
	margin-right: 8px;
}

.g-signin-button span {
	margin-left: 8px;
	width: 160px;
}


.g-signin-button span:hover {
	text-decoration: none;
}


.fb-color {
	color: rgb(24, 119, 242);
}



.reg-signin-button {
	background: linear-gradient(to bottom right, #ffffff, #f5f5f5);
	display: flex;
	justify-content: left;
	color: #000;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 25px;
}

.reg-signin-button:hover {
	background: linear-gradient(to bottom right, #f2f2f2, #dddddd);
	text-decoration: none;
}


.reg-signin-button span {
	margin-left: 8px;
	width: 100%;
}


.reg-signin-button span:hover {
	text-decoration: none;
}


	.separator {
		display: flex;
		align-items: center;
		text-align: center;
	}

	.separator::before,
	.separator::after {
		content: "";
		flex: 1;
		border-bottom: 1px solid #000;
	}

	.separator::before {
		margin-right: 10px;
	}

	.separator::after {
		margin-left: 10px;
	}

.separator-text {
	color: #000;
	margin: 0 10px;
}