html {
    width: 100%;
    height: 100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
    font-family: 'Roboto', sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	color:#333333 !important;
	background-color:#fff;
	}

h1, h2 { color:#333333; font-family: 'Roboto', sans-serif; font-weight: normal; line-height:100%; margin-bottom:20px; margin-top:0; text-rendering: optimizelegibility; }
h3, h4, h5, h6 { color: #333333; font-family: 'Roboto', sans-serif; font-weight: normal; line-height:100%; margin-bottom:20px; margin-top:0; text-rendering: optimizelegibility; }
h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

a, button{text-decoration:none;  transition: all 0.3s ease-in-out 0s;}
a:hover{ text-decoration:none !important;}
img{max-width:100%;}


.bg-login{width:100%; height:100%; position:fixed; background-image:url(../images/login-bg.png); background-repeat:no-repeat; background-size:auto 100%; background-color:#eff0f0;}

.main-page-login{width:100%; float:left; position:relative; z-index:9999; padding:90px 0 30px;}
.please-login{width:100%; text-align:center; float:left; font-size:18px; color:#000; float:left; margin-top:15px; font-weight:300;}

.login-form{width:100%; float:left; margin-top:50px;}

.login-form .form-group{background-color:#111d2d; border-radius:35px; width:100%; float:left; text-align:left; position:relative;}
.login-form .form-group .form-control{background-color:transparent; border:0px; box-shadow:none; font-size:14px; font-weight:300; color:#fff;}
.userid-text{color:#fff; font-size:15px; font-weight:500; text-transform:uppercase; line-height:46px; width:130px; position:absolute; left:20px; top:0;}
.input-box{width:100%; float:left; padding-left:150px;}
.userid-text span{float:right; font-size: 30px; line-height: 40px;}
.login-btn{background-color:#fff; font-size:20px; color:#d8292f !important; min-width:205px; font-weight:700; text-transform:uppercase; border-radius:30px; margin:0 10px; border:solid 1px #dfdfdf;}

.login-footer{width:100%; float:left; margin-top:40px;}
.login-footer-top-border{width:80%; margin-left:10%; height:1px; background-color:#ee3124; margin-bottom:30px;}

.register-statement{background-color:#5b5b5b; padding:10px 20px; border-radius:30px; font-weight:700; color:#fff; font-size:16px;}
.register-statement:hover{color:#fff; background-color:#ee3124;}

.footer-login-main{width:100%; float:left; margin-top:30px; text-align:left;}
.footer-login-main p{float:left; color:#000; font-size:12px;}
.footer-login-main .link{float:right; margin:0px; padding:0px;}
.footer-login-main .link li{list-style:none; float:left;}
.footer-login-main .link li a{color:#000; font-size:12px; float:left;}
.footer-login-main .link li span{float:left; color:#000; font-size:12px; padding:0 10px;}

.header-main{width:100%; float:left; }
.header-main .header-top{width:100%; float:left; padding:10px 0 0; background: #fff; }

.dashboard-logo{float:left; margin-bottom:10px;}
.estatement-logo{float:left; margin-left:20px; padding-top:15px;}
.estatement-logo img{width:190px;}

.header-right{float:right;}
.user-menu{float:left; margin-left:50px; margin-top:8px;}
.user-menu .dropdown-toggle{font-weight:300; font-size:21px; color:#0d0d0d;}
.user-menu .dropdown-toggle img{float: left; margin-right: 10px; margin-top: 2px;}

.mail-btn{float:left; margin-left:20px; margin-top:7px;}
.mail-btn a{background-color:#fff; -webkit-box-shadow: 0px 4px 2px 0px rgba(176,176,176,1); -moz-box-shadow: 0px 4px 2px 0px rgba(176,176,176,1); 
box-shadow: 0px 4px 2px 0px rgba(176,176,176,1); color:#ef4135; border-radius:3px; border:solid 1px #cbcece; display:inline-block; padding:5px 8px; font-size:16px; font-weight:700;}
.mail-btn a img{margin-right: 2px;}

.logout-btn{float:left; margin-left:20px; margin-top:15px;}
.logout-btn a{font-size:14px; color:#015495;}
.logout-btn a img{margin-left:5px;}

.header-bottom{float:left; background-color:#fff; padding:15px 0; width:100%;}

.last-logged{color:#262626; font-size:14px; float:left; margin-right:25px; font-weight:500;}
.last-logged:last-child{margin-right:0px;}
.last-logged i{color:#b13200; font-size:17px; margin-right:5px;}
.last-logged span{color:#b13200;}

.header-line{width:100%; float:left; height:10px; background-color:#dc281c; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a03100+0,ee6224+100 */
background: rgb(160,49,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(160,49,0,1) 0%, rgba(238,98,36,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(160,49,0,1) 0%,rgba(238,98,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(160,49,0,1) 0%,rgba(238,98,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a03100', endColorstr='#ee6224',GradientType=1 ); /* IE6-9 */}

.main-content-part{width:100%; float:left; background-image:url(../images/content-bg.jpg); background-repeat:repeat-x; background-position:left top; min-height:500px; 
padding:30px 0 0;}

.clock-time img{ float:left; }
.clock-time span{ float:left; margin-left:10px; margin-top:5px; font-size:15px; font-weight:bold; line-height:normal;}

.income-fund-text{width:50%; float:left; font-size:14px; font-weight:500; padding:15px; position:relative;}
.income-fund-text span{float:left; padding:0 5px;}
.income-fund-text .span-2-text{font-size:39px; font-weight:300; line-height:32px;}
.income-fund-text .line{position:absolute; right:0; top:0; width:1px; height:100%; background-color:#333;}

.top-border{border-bottom:solid 1px #fff; width:100%; float:left; padding-bottom:15px;}

.text-part{width:100%; float:left; margin-top:30px;}

.left-box{float:left; width:100%; float:left; background-color:#fff; border-radius:5px; padding:15px; margin-bottom:30px; 
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfdfd+0,dfe9ec+100 */
background: #fbfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fbfdfd 0%, #dfe9ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfdfd 0%,#dfe9ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfdfd 0%,#dfe9ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#dfe9ec',GradientType=0 ); /* IE6-9 */
}

.menu-heading{font-size:24px; color:#51161a; width:100%; float:left; border-bottom:solid 2px #363636; padding-bottom:10px;}
.left-box-link{width:100%; float:left; padding:0px; margin:0;}
.left-box-link li{list-style:none; float:left;  margin:0; width:100%; color:#ee3124; padding:6px 0;}
.left-box-link li a{font-weight:700; color:#ce4d29; font-size:15px;}

.latest-news{width:100%; float:left; padding-bottom:20px; border-bottom:solid 1px #ff8779; font-size:15px; font-weight:bold; line-height:15px; color:#000; line-height:normal;}
.latest-news .head{font-size:24px; color:#ee3124; font-weight:bold; margin-right:10px; float:left;} 
.latest-news .date{font-size:15px;  font-weight:300; } 

.customer-notice{width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.customer-heading{font-size:24px; font-weight:500; color:#ee3124; margin-bottom:10px;}
.my-account-box{width:100%; float:left; background-color:#f6f6f6; border-radius:5px; padding:15px; margin-bottom:15px; margin-top:0px; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.75);}

.my-account-head{font-size:22px; font-weight:700; color:#51161a; margin-bottom:10px;}
.my-account-text{font-size:14px; font-weight:400; color:#000; margin-bottom:10px;}

.accout-row{width:100%; float:left; background-color:#fff; margin-bottom:10px; padding: 10px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(145,145,145,1);
-moz-box-shadow: 0px 1px 2px 0px rgba(145,145,145,1);
box-shadow: 0px 1px 2px 0px rgba(145,145,145,1);}
.accout-row .table{margin-bottom:0px;}
.account-1 i{font-size:24px; float:left;}
.account-1 .name-text{float:left; margin-left:0px;}
.account-1 .name-text a{color:#ce4d29; font-size:16px; font-weight:bold;}
.account-1 .name-text span{color:#646464; font-size:15px; font-weight:500; margin-top:5px; width:100%; float:left;}
.account-2 .span-1{color:#bb420c; font-size:16px; font-weight:500; width:100%; float:left;}
.account-2 .span-2{color:#646464; font-size:27px; font-weight:300; width:100%; float:left;}

.add-banner{width:100%; float:left; text-align:center; margin-bottom:30px;}

.main-footer{width:100%; float:left; padding:15px 0; margin-top:30px; background: #51161a;}
.footer-logo{float:left;}
.footer-customer{float:right; color:#ffffca; font-size:20px; font-weight:300; margin-top:20px;}

.fund-detail-header{width:100%; float:left; padding:15px 0; border-bottom:solid 1px #005e8d; background: #7f0f20; background: -moz-linear-gradient(left, #7f0f20 0%, #da0e33 20%, #da0e33 50%, #da0e33 81%, #7f0f20 100%); background: -webkit-linear-gradient(left, #7f0f20 0%,#da0e33 20%,#da0e33 50%,#da0e33 81%,#7f0f20 100%); background: linear-gradient(to right, #7f0f20 0%,#da0e33 20%,#da0e33 50%,#da0e33 81%,#7f0f20 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0f20', endColorstr='#7f0f20',GradientType=1 );}

.color-white{color:#fff !important;}

.income-fund{float:left; font-weight:300; font-size:39px; color:#fff; margin-top:15px; margin-bottom:0;}

.red-text{color:#ee2d2e; font-size:16px;}

.form-note-text{font-size:15px; text-align:left; color:#333; margin-top:-10px; float:left; padding-left:20px; width:100%;}

.blue-text{color:#0235b5;}

.black-part{width:100%; float:left; padding:15px; background-color:#111d2d; color:#fff;}

.fund-table tr{background-color:#fff;}
.fund-table tr td, .fund-table tr th{border:0px !important; padding-top:12px !important; padding-bottom:12px !important;}
.fund-table.table-striped > tbody > tr:nth-of-type(2n+1){background-color:#efefef;}
.print-btn{background-color:#ee3124; padding:10px; border-radius:3px; float:left; color:#fff; margin-right:10px;}
.print-btn i{font-size:20px; float:left; margin-right:10px;}
.print-btn:hover{background-color:#111d2d; color:#fff;}
.statement-date{font-weight:bold; color:#000; font-size:14px;}

.print-btn-2{border-radius:3px; float:left; color:#51161a; margin-right:10px; font-weight:bold;}
.print-btn-2 i{font-size:20px; float:left; margin-right:5px; color:#51161a;}
.print-btn-2:hover{color:#004376;}

.fund-table{border:solid 1px #d6d9d9; border-top:none;}



.header-pdf{width:100%; float:left; padding:10px 0; border-bottom:solid 2px #a02951;}
.add-head{margin-bottom:5px; font-size:14px; font-weight:700;}
.pdf-table-bg{background-color:#f94865;}
.pdf-table-bg th{color:#fff; font-size:20px; font-weight:normal;}
.pdf-table td{font-size:16px;}
.color-white{color:#fff;}

.white-bg-text{background-color:#fff; padding:10px; color:#000; text-align:center;}
.red-text{color:#f94865;}

.middle-border{border:solid 1px #e1e1e1; padding-top:10px; padding-bottom:10px;}
.text-bold{font-weight:bold;}

.plus-icon{cursor:pointer;}
.toogle-div{display:none;}

.top-text-price{float:right; padding:15px; background-color:#fffdef; margin-top:30px;}

.top-btn{width:100%; min-height:103px; float:left; border-radius:8px;  background-size:100% 100%; background-repeat:no-repeat; background-position:left top; color:#ffffca; font-size:20px; padding:50px 20px 20px 20px; margin-bottom:10px; }
.top-btn:hover{color:#ffffca;}
.top-btn-1{background-image:url(../images/btn-1.png);}
.top-btn-2{background-image:url(../images/btn-2.png);}
.top-btn-3{background-image:url(../images/btn-3.png);}

.orange-text{color:#de4900;}

.table-title{ width:100%; float:left; background-color:#51161a;}
.table-title h2{float:left; padding:15px; color:#ffffd5; font-size:17px; font-weight:700; margin-bottom:0px;}
.table-title .btn{float:right; color:#ffffff; font-size:14px; border-radius:0px; border:none; padding:14px 20px;

background: rgb(129,9,15);
background: -moz-linear-gradient(left, rgba(129,9,15,1) 0%, rgba(206,77,41,1) 100%);
background: -webkit-linear-gradient(left, rgba(129,9,15,1) 0%,rgba(206,77,41,1) 100%);
background: linear-gradient(to right, rgba(129,9,15,1) 0%,rgba(206,77,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81090f', endColorstr='#ce4d29',GradientType=1 );}

.table-title i{color:#ce4d29; font-size:18px;}

#MainMenu{float:left; width:100%;}
#MainMenu .panel{border-radius:5px; padding:15px; margin-bottom:30px; 
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); border:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfdfd+0,dfe9ec+100 */
background: #fbfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fbfdfd 0%, #dfe9ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfdfd 0%,#dfe9ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfdfd 0%,#dfe9ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#dfe9ec',GradientType=0 ); /* IE6-9 */}

#MainMenu .list-group-item-success{background-color:transparent !important; border:none; padding:6px 0; font-weight:700; color:#ce4d29; font-size:15px;}
#MainMenu .list-group-item-success i{float:right; font-size:13px;}
#MainMenu .list-group-item{background-color:transparent; border:none; color:#ce4d29;}

.login-form .help-block{float:left; width:100%; margin-top:-10px; color: #a94442;}


.new-row-table{width:100%; float:left; border:solid 1px #d6d9d9; display:table;}

.new-row-1{ display:table-cell; color: #000; font-size: 14px; font-weight: bold; padding:8px;}
.new-row-1-color{color: #005495;}
.new-row-2{width:25%; float:left; padding:8px;}
.new-row-3{width:25%; float:left; padding:8px;}
.new-row-4{width:25%; float:left; padding:8px;}

.row-main{width:100%; background-color:#fff; padding:5px 0; display:table-row}

.new-row-table > .row-main:nth-of-type(2n+1){background-color:#efefef;}

.print-btn-2{border-radius:3px; float:left; color:#005495; margin-right:10px; font-weight:bold;}
.print-btn-2 i{font-size:20px; float:left; margin-right:5px; color:#656565;}
.print-btn-2:hover{color:#004376;}

.container{
    width: 90% !important;
}