/**********************/
/******* General ******/

/**********************/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.ttf);
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans-Regular.ttf);
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans-SemiBold.ttf);
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

h2 {
	line-height: 1 !important;
	margin: 0;
}

body {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #13173a;
	font-weight: normal !important;
	background-color: #b2cdde
}

.jodit_iframe_wrapper {
	max-width: 100%;
	width: auto !important;
}

iframe {
	max-width: 100%;
}

a {
	text-decoration: none !important;
}

.contentContainer {
	margin-top: 40px;
}



::-webkit-input-placeholder {
  color: #ccc;
  font-style:italic }

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc; 
  font-style:italic }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  font-style:italic  }

:-ms-input-placeholder {
  color: #ccc;
  font-style:italic  }


/* ================================================== */
.row.no-gutters {
    margin-right: 0;
    margin-left: 0; }

.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"]{
    padding-right: 0;
    padding-left: 0; }


.row.no-margin {
    margin-right: 0;
    margin-left: 0; }



.noPadding {
	padding-left: 0px;
	padding-right: 0px;
}

.noPaddingAlways {
	padding-left: 0px;
	padding-right: 0px;
}

.noPaddingLeft {
	
}

.noPaddingRight {
	padding-right: 0px;
}

.noPaddingLeftAlways {
	padding-left: 0px;
}

.noPaddingRightAlways {
	padding-right: 0px;
}

.rowFlex {
	display: flex;
	flex-flow: row wrap;
}

.colFlex {
	flex: 1 auto;
}

.loginScreen {
	min-height: 90vh;
	border-radius: 4px;
	background-color: #b2cdde;
	/*box-shadow: 0 5px 20px 0 rgba(163, 163, 163, 0.4);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
	border-image-slice: 1;*/
}

.errorScreen {
	min-height: 90vh;
	border-radius: 4px;
	background-color: #ffffff;
	/*box-shadow: 0 24px 40px 0 rgba(163, 163, 163, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
	border-image-slice: 1;*/
}

.loginWhite .wrapper {
	padding: 42px;
}

.errorWhite .wrapper {
	padding: 42px;
}

.loginBlue {
	background-color: #4e799f;

	background-image: url(/style/images/logo_v_vektorski_obliki_11.png);
	
	background-position: center 90% ;
	background-repeat: no-repeat;
	background-size:90% auto;

}

.loginLogoAreaLeft{

	background-image: url(/style/images/logo_v_vektorski_obliki_2.png);
	
	background-position: left top 1vh ;
	background-repeat: no-repeat;
	background-size:70% auto;;
}


.loginLogoAreaRight{display: none}



.errorBlue {
	background-color: #3f6e97;
	background-image: url(img/error.png);
	background-position: center;
	background-repeat: no-repeat;
}

.errorBlue .wrapper {
	padding: 30px;
}

.loginBlue .wrapper {
	padding: 30px;
}

.loginBlue .title {
	font-size: 48px;
	font-weight: 600;
	text-align: left;
	color: #ffffff;
	margin-top: 9vh;
}

.loginBlue .text {
	font-size: 16px;
	text-align: left;
	color: #ffffff;
	margin-top: 10px;
}

.forgotPassword {
	font-size: 12px;
	font-weight: 300;
	text-align: left;
	color: #9b9b9b;
}

.errorWhite .title {
	font-size: 36px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.errorWhite .subtitle {
	font-size: 20px;
	text-align: left;
	color: #3f6e97;
}

.errorWhite .text {
	font-size: 16px;
	text-align: left;
	color: #9b9b9b;
}

.submitButton {
	border: none;
	background: transparent;
	width: 100%;
	padding: 0;
	border-radius: 100px;
	box-shadow: 0 2px 8px 0 rgba(131, 131, 131, 0.5);
}

.loginButton {
	width: 100%;
	border-radius: 100px;
	background-color: #3f6e97;	
	border: 1px solid transparent;
	height: 43px;
	padding: 11px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

.loginButton:hover {
	transition: 0.3s ease-in-out;
	background-color: #ffffff;
	border-color: #3f6e97;
	color: #3f6e97;
}

.primaryButton {
	width: 100%;
	border-radius: 100px;
	background-color: #3f6e97;	
	border: 1px solid transparent;
	height: 38px;
	padding: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

.primaryButton:hover {
	transition: 0.3s ease-in-out;
	background-color: #ffffff;
	border-color: #3f6e97;
	color: #3f6e97;
}

.investButton {
	width: 100%;
	border-radius: 100px;
	background-color: #43aa8b;	
	border: 1px solid transparent;
	height: 38px;
	padding: 7px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}

.investButton:hover {
	transition: 0.3s ease-in-out;
	background-color: #ffffff;
	border-color: #43aa8b;
	color: #43aa8b;
}

.invertedButton {
	width: 100%;
	border-radius: 100px;
	background-color: #fff;	
	height: 38px;
	padding: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #13173a;
}

button:focus {
	outline: 0;
}

.invertedButton:hover {
	transition: 0.3s ease-in-out;
	background-color: #13173a;
	border-color: #fff;
	color: #fff;
}

.warningTitle {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.warningText {
	font-size: 12px;
	font-weight: 300;
	text-align: left;
	color: #3f6e97;
}

.header {
	height: 64px;
	background-color: #ffffff;
	border-bottom: solid 1px #b2cdde;
	/*padding: 0px 10px;
	padding-right: 0;*/
}

.headerLogo {
	padding-left: 25px;
}

.headerLogo img{
max-height: 100%
}




	.mobileUserBox { 
		font-size:2rem;
		margin-left:1rem;


	color:#3f6e97;

	}

.headerSearch {
	height: 38px;
	border-radius: 100px;
	background-color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(192, 177, 177, 0.5);
	background-image: url(img/search.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
}

.searchInput {
	width: 100%;
	border: 0;
	height: 100%;
	outline: none;
	background-color: transparent;
	padding-left: 30px;
	font-size: 12px;
	text-align: left;
	color: #9b9b9b;
}

.loggedUser {
	padding-top: 20px;
	text-align: left;
	color: #000000;
}

.newNotifications {
	width: 18px;
	height: 18px;
	position: absolute;
	background-color: #db5461;
	border-radius: 100%;
	font-size: 10px;
	font-weight: 600;
	color: #ffffff;
	padding-right: 6.5px;
	padding-top: 1.5px;
	left: 54%;
	top: 50%;
}

.leftMenu {
	background-color: #ffffff;
	padding-top:15px
	/*border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
	border-image-slice: 1;*/
}

.leftMenu a:hover .menuElement {
	opacity: 0.7;
}

.menuElement {
	padding-top: 15px;
	padding-bottom: 15px;

}

.menuImage{

	/*font-size:2rem;*/
	margin-right:1rem;
}

.menuImage i{

	font-size:2rem;
	color:#3f6e97;
}

.menuTitle {
	font-size: 14px;
	text-align: left;
	color: #13173a;
}

.menuTitleActive {
	font-size: 14px;
	font-weight: 600;
	color: #13173a;
}

.greyLine {
	border-bottom: solid 1px #e7e5e5;
}

.leftMenuText {
	font-size: 12px;
	line-height: 1.58;
	color: #9b9b9b;
}

.menuOpen {
	display: inline-block !important;
	width: 100%;
	transition: 0.5s;
}

.card {
	background-color: #ffffff;

	/*box-shadow: 0px 5px 20px 0px rgba(163, 163, 163, 0.4);*/
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(210, 210, 210, 0.3), rgba(220, 220, 220, 0.3) 5%, rgba(230, 230, 230, 0.3) 20%, rgba(240, 240, 240, 0.3));
	border-image-slice: 1;
}

.cardDash {
	background-color: #ffffff;
	box-shadow: 0px 5px 20px 0px rgba(163, 163, 163, 0.4);

}

.pageTitle {
	font-size: 3rem;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
	margin-bottom:1.275rem
}


.pageSubTitle {
	font-size: 1.8rem;
	font-weight: 400;
	text-align: left;
	color: #13173a;
	margin-bottom:1.275rem;
	text-transform: uppercase;
	padding-left:4rem;
}



.sectionCaptionActive {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97 !important;
}

.sectionCaption {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #9b9b9b;
}

.sectionUnderline {
	width: 30px;
	margin-left: -1px;
	border-bottom: solid 1px #3f6e97;
	padding-top: 6px;
}

.datatable .wrapper {
	padding: 40px;
	padding: 40px 0px;
}

.tableHead {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #9b9b9b;
}

.tableData {
	font-size: 14px;
	text-align: left;
	color: #000000;
}

.tableDataBold {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.tableRow {

	padding-top: 0px;
	padding-bottom: 17px;
	border-bottom: solid 1px #e7e5e5;
}

.wrapper .tableRow {
	padding-top: 18px;
	padding-bottom: 17px;
	border-bottom: none;
}

.tableRowDash {
	padding-top: 8px;
	padding-bottom: 7px;
	border-bottom: solid 1px #e7e5e5;
}

.tableRowDash2 {
	padding-top: 18px;
	padding-bottom: 17px;
	border-bottom: solid 1px #e7e5e5;
}

.tableView {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.tableView:hover, .tableDelete:hover {
	text-decoration: underline;
}

.tableView a, .tableDelete a {
	color: inherit;
}

.tableDelete {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #db5461;
}

.sectionCaption, .sectionCaptionActive {
	cursor: pointer;
}

.dashBlueCard {
	background-color: #3f6e97;
	box-shadow: 0px 5px 20px 0px rgba(163, 163, 163, 0.4);

}

.rowFlexPadding {
	display: flex;
	justify-content: space-between;
}

.colFlexPadding {
	width: 32% !important;
}

.topCards .cardElement > div {
	min-height: 287px;
}

.dashWhiteTitle {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	color: #ffffff;
}

.dashWhiteNumber {
	font-size: 30px;
	font-weight: 600;
	text-align: left;
	color: #ffffff;
}

.dashBlueTitle {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.dashBlueNumber {
	font-size: 30px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.borderBottom {
	border-bottom: solid 1px #e7e5e5;
}

.messageTitle {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.messageText {
	font-size: 12px;
	line-height: 1.58;
	text-align: left;
	color: #9b9b9b;
}

.messageDate {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #9b9b9b;
}



.messageBorderBottom {
	border-bottom: solid 1px #e7e5e5;
}

.messageNotification {
	position: absolute;
	left: -21px;
	width: 3px;
	background-color: #db5461;
	height: 58px;
	top: calc(50% - 29px);
}

.messageRow {
	position: relative;
}

.notificationsBox {
	padding: 10px;
	background-color: #ffffff;
	box-shadow: 0 24px 40px 0 rgba(163, 163, 163, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));
	border-image-slice: 1;
}

.notificationRow {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #e7e5e5;
}

.notificationRow:hover .notificationTitle {
	text-decoration: underline;
}

.notificationTitle {
	font-weight: 600;
}



/**** MODAL CONTENT ****/


.modal-content {
	margin-top: 40%;
	border: 0;
}

.modal-header {
	border-radius: 3px;
	background-color: #db5461;
	box-shadow: 0 24px 40px 0 rgba(163, 163, 163, 0.22);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.modal-title {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	color: #ffffff;
	padding-left: 30px;
}

.close {
	color: #fff;
	opacity: 1;
}

.modal-body {
	font-size: 14px;
	text-align: left;
	color: #4a4a4a;
	padding: 40px;
	padding-left: 45px;
	padding-bottom: 0px;
}

.modal-footer {
	border: 0;
	padding: 30px 45px;
}

.modal-backdrop {
	background-color: #d8d8d8;
}

.modal-backdrop.in {
	opacity: 0.49;
}

.firstTopPadding {
	
}

.topPaddingFromMainTitle {
	margin-top: 30px;
	padding-bottom: 50px;
}

.topPaddingRow {
	margin-top: 30px;
	padding-bottom: 30px;
}

.MainTitle {
	padding-top: 37px;
	padding-left: 12px;
	
}
.minHeight {
	min-height: 394px;
}

.investmentsMargin {
	margin-top: 20px;
}
.userInfo {
	padding-right: 17px;
	float: right;
}

.tableRowDashFund {
	padding-top: 18px;
	padding-bottom: 17px;
}

.desktopTransactionsPBottom {
	padding-bottom: 0px;
}

.desktopTranPTop {
	padding-top: 5px;
}

.fundPBottom {
		padding-bottom: 50px;
	}

.fundpTop {
	padding-top: 24px;
}

.lineHeight {
	line-height: 48px;
}

.mobileTransBlueP{
  padding-top: 24px;
}

.navbarNonBootstrap {
    position: relative;
    min-height: 50px;
   
    /*border: 1px solid hsla(0, 0%, 0%, 0);*/

    border-bottom: 1px solid #b2cdde;
}

/**/




/* INPUTS */

.login__form {
	background: #fff;
	color: #333;
	font-family: "Open Sans", sans-serif;
	border-radius: 5px
}

.login__form .login__header {
	padding-top: 30px;
	text-align: center;
	margin-bottom: 60px
}

.login__form .login__header .login__title {
	font-size: 24px;
	font-weight: 400
}

.login__form .login__main {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.login__form .login__main .login__group {
	position: relative
}

.login__form .login__main .login__group .login__input {
	margin-top: 30px;
	padding: 10px 10px 10px 5px;
	color: #333;
	font-family: "Open Sans", sans-serif;
	width: 100%;
	font-size: 16px;
	display: block;
	border: none;
	border-bottom: 1px solid #d0dce7;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #3f6e97;
}

.login__form .login__main .login__group .login__input:focus {
	outline: none
}

.login__form .login__main .login__group .login__input:focus ~ label, .login__form .login__main .login__group .login__input:valid ~ label {
	top: -20px;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #9b9b9b;
}

.login__form .login__main .login__group .login__label {
	color: #333;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	-webkit-transition: .2s ease all;
	transition: .2s ease all
}

.login__form .login__main .login__terms {
	font-size: 14px;
	color: #a8b8c4;
	margin: 40px auto;
	line-height: 19px;
}

.login__form .login__main .login__terms a {
	text-decoration: none;
	color: #007ee5
}

.login__form .login__button {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	background: #007ee5;
	border: none;
	border-radius: 5px;
	color: #fff;
	height: 45px;
	font-size: 14px;
	bottom: 0;
	position: absolute
}

.login__button:hover {
	cursor: pointer;
}

.login__bar {
	position: relative;
	display: block
}

.login__bar:before, .login__bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #3f6e97;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.login__bar:before {
	left: 50%
}

.login__bar:after {
	right: 50%
}

input:focus ~ .login__bar:before, input:focus ~ .login__bar:after {
	width: 50%
}
/**/ 





@media only screen and (min-width : 1200px) {

	.screenCheck{

		display:none;
	}
	
	#screenCheck_1{


		display: block;
	}



	.leftMenu{

		padding-top:15px
	}


}




/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/
/*************************************************************************** Medium Devices, Desktops ******************************************************************/


/*@media screen and (min-width:620px) {*/

/* Medium Devices, Desktops */

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



	.screenCheck{

		display:none;
	}
	
	#screenCheck_2{


		display: block;
	}



	.login__form {
		max-width: 400px;
		height: auto;
		margin-left: auto;
		margin-right: auto;


	}

	.login__title {
		position: relative
	}

	.login__footer {
		text-align: center
	}

	.login__footer .login__button {
		bottom: initial;
		position: initial;
		width: 320px
	}


	.leftMenu{

		padding-top:0
	}



}





/**********************/
/***** Responsive *****/
/**********************/

/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/
/*************************************************************************** Small Devices, Tablets ******************************************************************/




/*@media screen and (max-width:967px) {*/

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



	.screenCheck{

		display:none;
	}
	
	#screenCheck_3{


		display: block;
	}



	.loginBlue {
		background-color: #3f6e97;
		background-image: url(/style/images/logo_v_vektorski_obliki_12.png);
		background-position: center 90% ;
		background-repeat: no-repeat;
		background-size:90% auto;

	}



	.loginBlue .title {

		text-align: center;
		margin-top: 2vh;
		font-size: 2.5rem;

	}

	.loginBlue .text {
		
		text-align: center;
		font-size: 1.5rem;
		
	}

	.loginLogoAreaLeft{
		background-image: none;
		margin-top: 10vh;
	}

	.loginLogoAreaRight{

		display: block;
		margin-top: 2vh;
		text-align: left;

	}
	.loginLogoAreaRight img{
		max-width: 90%
	}



	.minHeight {
		min-height: 314px;
	}

	.userInfo {
		padding-right: 0px;
		float: none;
	}

	.loggedUser {
		padding-top: 2px;
		font-size: 14px;
	}
	.topPaddingFromMainTitle {
		margin-top: 15px;
		padding-bottom: 35px;
	}
	.noPadding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.noPaddingLeft {
		padding-left: 15px;
	}

	.noPaddingRight {
		padding-right: 15px;
	}

	.noPaddingAlways {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.noPaddingLeftAlways {
		padding-left: 0px;
	}

	.noPaddingRightAlways {
		padding-right: 0px;
	}

	.noPaddingMobile {
		padding-left: 0px;
		padding-right: 0px;
	}

	.noPaddingMobileLeft {
		padding-left: 0px;
	}

	.noPaddingMobileRight {
		padding-right: 0px;
	}

	.rowFlex {
		display: inline;
	}

	.colFlex {
		flex: 0;
	}

	.headerLogo {
	
		zoom: 0.7;
		margin-top: 20px;
    padding-left: 22px;
	}

	.header {
		
		/*height: 90px;
		overflow: hidden;*/
	}

	.mobileCenter {
		text-align: center !important;
	}

	.mobileUserBox { 
	
	}






	.newNotifications {
		padding-right: 0px;
		padding-top: 1.5px;
		left: 34%;
		top: 25%;
	}

	.leftMenu {
		min-height: auto;
		padding-top:15px
	}

	.errorBlue {
		min-height: 350px;
	}

	.datatable .wrapper {
		padding: 0px;
	}

	.investmentsMargin {
		margin-top: 0px;
	}
	.topPaddingFromMainTitle:last-of-type {
	    margin-bottom: 20px;
	}
	.mobileResetMarginTop {
		margin-top: 0px !important;
		padding-top: 20px;
	}

	.mobileBottomPadding {
		padding-bottom: 9px;
	}
	
	.mobileTopPadding {
		padding-top: 9px;
	}

	.mobileTopMargin {
		
		margin-top: 20px;
	}
	.mobileTopMarginPortfolio {
    margin-top: 32px;
	}
	.loginScreen {
		display: flex;
		flex-flow: column;
	}

	.loginBlue {
		/*order: 1;*/
		background-size: contain;

	}

	.loginWhite {
		/*order: 2;*/
	}

	.errorScreen {
		display: flex;
		flex-flow: column;
	}

	.errorBlue {
		/*order: 1;*/
	}

	.errorWhite {
		/*order: 2;*/
	}

	.loginWhite .wrapper {
		padding: 10px;
	}

	.reduceMobilePadding {
	
		padding-top: 0px !important;
	}

	.reduceMobileMargin {
		margin-top: 5vh !important;
	}

	.notificationsBox {
		position: absolute;
		width: 100%;
		z-index: 300 !important;
		max-height: 55px;
		overflow: scroll;
	}

	.errorWhite .wrapper {
		padding: 15px;
	}

	
	.desktopTransactionsPBottom {
		padding-bottom: 11px;
	}
	.mobileTransBlueP{
    padding-top: 12px;
	}
	.desktopTranPTop {
		padding-top: 2px;
	}


	
	.cardNo {
		padding-top:10px;
		
		color:#9b9b9b;
		font-size:14px
	}


	.fundPBottom {
		padding-bottom: 15px;
	}

	.fundpTop {
		padding-top: 11px;
	}

	.mobileNoPadding {
		padding-right: 10px;
	}

	.dashRPaddingBottom {
		padding-bottom: 15px;
	}


.pageTitle {
	font-size: 2.3rem;

}



/*	*/

	/*Firefox CSS*/
	/*@-moz-document url-prefix() {
	    .mobileUserBox{
	    
	    	padding-left: 75px !important;
	    	padding-top: 17px !important;
	    }
	    .hamburger--elastic {
	    	padding: 0px !important;
	    	padding-top: 20px !important; 
	    }
	}
	*/
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px){

	.screenCheck{

		display:none;
	}
	
	#screenCheck_4{


		display: block;
	}


.mainWrapper  {
    margin-right: 0;
    margin-left: 0; }

.leftMenu ,
.content {
    padding-right: 0;
    padding-left: 0; }





}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {



	.screenCheck{

		display:none;
	}
	
	#screenCheck_5{


		display: block;
	}


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

	.screenCheck{

		display:none;
	}
	
	#screenCheck_6{


		display: block;
	}


}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens 
@media only screen and (max-width : 1200px) {

}*/

/* Medium Devices, Desktops 
@media only screen and (max-width : 992px) {

}*/
/* Small Devices, Tablets 
@media only screen and (max-width : 768px) {

}*/

/* Extra Small Devices, Phones 
@media only screen and (max-width : 480px) {

}*/ 

/* Custom, iPhone Retina 
@media only screen and (max-width : 320px) {

}*/