a:link {color:#000000; text-decoration:none; }

a:visited { color:#000000;}

a:hover { color:#000000; text-decoration:underline;}

a:active { color:#000000;}

.fill{ margin:1.5em;}

.midmain {margin:auto; padding:0.3em; background-color:#ffffff; /*background-image: url("../images/mfbg.jpg");*/ background-size: cover; box-shadow:6px 0 4px -4px #d5d5d9, -6px 0 4px -4px #d5d5d9; border-left:0.5px solid #d5d5d9\9; border-right:0.5px solid #d5d5d9\9; background-repeat:no-repeat; height:auto;}  

.toppanel{ width:100%; float:left; border-radius:0.5em;}

.logo { float:left; margin:0.5em;}

.logo1 { margin:auto; text-align:center; margin:0.5em; float:left;}

.uat{ width:35%; text-align:center; float:left; margin-top:2em;}

.out{ width:96%; margin:auto; letter-spacing:0.02em; /* background-color: #bfd747; */ font-family:Calibri; font-size:2.5em; font-style:italic; text-shadow:2px 2px 5px #e6aeae; text-align:center; color:#0a2d6e; clear:both; font-weight:bold; padding-top:1em; padding-bottom:3em;}

.welcome{width:20%; float:right; text-align:right; margin:1em; color:#000000; font-weight:bold; font-size:0.8em; letter-spacing:0.03em; font-family:Calibri; }

.welname{ width:35%; text-align:center; float:right; margin-top:2em; color:#000000; font-family:Calibri; font-size:1em;}

.databox{ padding:0.5em; font-family:Calibri; font-size:1.01em; width:55%;}

.pagetitle {clear:both; margin:1em; background-color:#ebf9ff;; padding:0.4em; font-family:Calibri; font-size:1.05em; color:#000000; font-weight:bold;}

.squre { display:grid; font-size:0.9em; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:0.5em; margin-top:1em; font-family:"Open Sans", sans-serif; }

.squre1 { display:grid; font-size:0.9em; grid-template-columns:1fr 1fr; gap:0.5em; width:95%; margin:auto; text-align:right; margin-top:1em; margin-bottom:1em; font-family:"Open Sans", sans-serif; }

.squre3 { display:grid; font-size:0.9em; grid-template-columns:1fr 1fr 1fr 1fr ; gap:0.5em; text-align: center; margin-top:0.5em; font-family:"Open Sans", sans-serif; }

.datatbl{ width:40%; box-shadow:0px 1px 10px 1px #cde7f1; padding:1em;}

.whta { width:1250px; border-collapse:collapse; font-family:Calibri; font-size:0.9em; background-color:#ffffff; margin-bottom:0.5em; }

.sp1 { padding:0.5em;}

.ttop { color:#ffffff; font-size:0.9em; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#045983; line-height:2.5em; }

.ttop1 { color:#000000; font-size:0.95em; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; }

.text { width:35%; font-family:Calibri; color:#000000; font-size:0.9em; letter-spacing:0.6px; padding-top:0.1em; padding-bottom:0.3em;}

.topr{ text-align:left; font-size:12px; color:#e4e4f1; padding-right:5px; padding-left:5px; padding-top:5px; padding-bottom:5px; letter-spacing:0.5px;}

.info{ background-color:#034a95; color:#FFFFFF; padding:0.2em; border-radius:0.3em;}

i { color:#000000; border-width:0 2px 2px 0; display:inline-block; padding:2px; top:0.5em;}

.down{ transform:rotate(45deg); -webkit-transform:rotate(45deg); margin:2px 2px 3px 2px;}

.idownarrow { border:solid #000000; border-width:0 2px 2px 0; display:inline-block; padding:2px;}

.title {font-family:Calibri; font-size:1.7em; color:#ffffff; text-align:center; /* text-shadow:2px 1px #66a564;*/padding-top:4px; padding-bottom:4px; font-weight:bold; padding-left:25px; letter-spacing:1px;}

.banner {clear:both; background-image:url("../images/welcome.jpg"); background-color:#b5bdc3; background-size:cover; background-repeat:no-repeat; /*height:25em;*/}

.logoutbanner {clear:both; background-image:url("../images/logoutbanner.jpg"); background-color:#b5bdc3; background-size:cover; background-repeat:no-repeat; /*height:25em;*/}

.expiredbanner {clear:both; background-image:url("../images/expiredbanner.jpg"); background-color:#b5bdc3; background-size:cover; background-repeat:no-repeat; /*height:25em;*/}

.bantext{ color:#000000; padding:0.5em; font-weight:bold; font-size:2.4em; font-family:Helvetica,Helvetica,Arial,sans-serif; text-align:center; padding:4em;}

.logbantext{ color:#d23c09; font-size:2.4em; font-family:Helvetica,Helvetica,Arial,sans-serif; text-align:center; padding:6em 4em 4em 15em; height:5em; font-weight:bold; text-shadow:3px 3px 3px #FFffff; /*-webkit-text-stroke: 0.01em #ffffff;*/}

.over{ width:40%; margin:auto;}

.button { background-color:#009edb; border:none; color:white; font-size:1em; padding:5px 12px; text-align:center; font-family:Calibri; text-decoration:none; display:inline-block; margin:4px 2px; cursor:pointer; border-radius:0.6em; letter-spacing:0.05em; outline:none; }

.left {font-weight:bold; background-color:#ffffff; background:rgba(255, 255, 255, 0.5); height:auto; text-align:center; padding-top:1em; padding-bottom:1.4em; margin-top:3em; margin-bottom:5.5em; box-shadow:2px 2px 5px 2px #d3d3d3;}

.view {font-weight:bold; background-color:#ffffff; background:rgba(255, 255, 255, 0.5); height:auto; text-align:center; padding-top:0.5em; padding-bottom:1.4em; margin-top:0.2em; margin-bottom:1.5em; box-shadow:2px 2px 5px 2px #d3d3d3;}

.ttop { color:#ffffff; font-size:0.9em; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#045983; line-height:2em; }

.open22 { font-family:Calibri; font-size:1.5em; color:#ffffff; padding:0.2em; font-weight:bold; background-color:#054e70; letter-spacing:0.03em; text-align:center; }

.Logintbl { width:97%; border-radius:6px; margin:auto; margin-top:0.4em; padding-top:0.4em; padding-bottom:0.5em; background-color:#f5f5f5;; }

.form-control { padding:5px 10px; font-size:0.9em; line-height:1.428571429; color:#555; margin-bottom:0.8em; margin-top:0.5em; vertical-align:middle; background-color:#fffffff; background-image:none; border:1px solid #ccc; width:70%; 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 .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none; }

.form-controlsm { padding:5px 5px; font-size:0.9em; line-height:1; color:#555; vertical-align:middle; background-color:#fffffff; background-image:none; border:1px solid #ccc; width:50%; 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 .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none; }

.form-controlregi { padding:5px 5px; font-size:0.8em; /*line-height:1.428571429;*/ color:#555; margin-bottom:0.8em; margin-top:0.5em; vertical-align:middle; background-color:#fffffff; background-image:none; border:1px solid #ccc; width:88%; 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 .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none; }

.form-controlsel { padding:5px 5px; font-size:0.8em; /*line-height:1.428571429;*/ color:#555; margin-bottom:0.8em; margin-top:0.5em; vertical-align:middle; background-color:#fffffff; background-image:none; border:1px solid #ccc; width:92%; 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 .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none;}

.logout{ width:10%; float:right; margin:1.7em;}

.name { width:40%; font-family:Calibri; color:#ffffff; font-size:0.7em; letter-spacing:0.6px; padding-top:0.1em; padding-bottom:0.3em;}

.tab{ width:100%; line-height:25px; margin:10px; margin:auto;}

.we { font-family:Calibri; font-size:0.8em; letter-spacing:0.6px; padding-top:0.7em; /*padding-bottom:0.3em;*/}

.horizotalmenu{ background-color:#f29c45; clear:both; /*padding:1em; background: rgba(255, 255, 255, 0.2);*/ font-family:Helvetica,Helvetica,Arial,sans-serif; text-align:center; font-size:1.1em; color:#000000;}

.footer{ background-color:#f3f3f3; clear:both; /*padding:1em;*/ font-family:Helvetica,Helvetica,Arial,sans-serif; text-align:center; font-size:0.9em; padding:0.5em; color:#000000; margin-bottom:0.5em; margin-top:1em;}

.mainmenu{ padding-left:13px; padding-right:13px;}

.topnav { overflow:hidden; background-color:#d7d2d2; margin-top:0.5em; }

.topnav a { float:left; display:block; color:#000000; text-align:center; padding:8px 16px; text-decoration:none; font-size:14px;}

.active { background-color:#009edb; color:#ffffff;}

.topnav .icon { display:none;}

.dropdown {float:left; overflow:hidden; }

.dropdown .dropbtn { font-size:14px; border:none; outline:none; color:#000000; padding:8px 16px; background-color:inherit; font-family:inherit; margin:0;}

.dropdown-content { display:none; position:absolute; background-color:#f9f9f9; min-width:160px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}

.dropdown-content a {float:none; color:black; padding:8px 16px; text-decoration:none; display:block; text-align:left;}

.topnav a:hover, .dropdown:hover .dropbtn { background-color:#555; color:white; }

.dropdown-content a:hover { background-color:#009edb; color:#ffffff; }

.dropdown:hover .dropdown-content { display:block; }

.modalpopupdiv { 
    margin: auto;
    text-align: justify;
    font-family: Helvetica,Helvetica,Arial,sans-serif;
    color: #000000;
    font-size: 0.8em;
    width: 80%;
}

.findbox { width:95%; background-color:#ffffff; margin:auto; text-align:center; clear:both; }
.container {position:relative; width:100%; margin:auto;}
.col-fr-33 {/*width:20%;*/ float:left; margin:0.2em; background-color:#ffffff; text-align:justify; }
.cultboxtle {font-family: "Open Sans", sans-serif; font-size:0.9em; letter-spacing:0.01em; /*padding-bottom:0.5em; */}


/******** table 1 style *****/

.tabi { width:95%; margin:auto; border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center; line-height: 1.5em;}
/* Zebra striping */

.bgcolor{ background-color:#edf4f9;}

tr1:nth-of-type(odd) { background:#eee; }

tr1:nth-of-type(even) { background:#ffffff; }

.tari th { background:#045983; color:white; font-weight:bold; }

.tari td, th { padding:0.5em; border:0.02em solid #c9e7fd; text-align:center; }

		@media only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px)  {

	/* Force table to not be like tables anymore */
.tari table thead tbody th td tr { display:block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
thead tr { position:absolute; top:-9999px; left:-9999px; border:1px solid #ccc; }
	
.tari tr { border:0.01em solid #c9e7fd;  }
	
.tari td { /* Behave  like a "row" */ border:none; border-bottom:0.01em solid #c9e7fd; border:0.01em solid #c9e7fd; position:relative; padding-left:50%; }
	
.tari td:before { /* Now like a table header */position:absolute; /* Top/left values mimic padding */top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; }
	
	/*
	Label the data
	*/
	.tari td:nth-of-type(1):before { content: "Scheme Name"; }
	.tari td:nth-of-type(2):before { content: "Daily Gain/Loss %"; }
	.tari td:nth-of-type(3):before { content: "Latest NAV"; }
	.tari td:nth-of-type(4):before { content: "No. of Units"; }
	.tari td:nth-of-type(5):before { content: "Latest Value"; }
	.tari td:nth-of-type(6):before { content: "Purchase"; }
	.tari td:nth-of-type(7):before { content: "Amount"; }
	.tari td:nth-of-type(8):before { content: "Redeem"; }
	.tari td:nth-of-type(9):before { content: "Units"; }
	}

/******** table 1 style End *****/

/******** table 2 style *****/

.tabi1 { width:95%; margin:auto; border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center; line-height: 1.5em;}
/* Zebra striping */

.bgcolor{ background-color:#edf4f9;}

tr1:nth-of-type(odd) { background:#eee; }

tr1:nth-of-type(even) { background:#ffffff; }

.tari1 th { background:#045983; color:white; font-weight:bold; }

.tari1 td, th { padding:0.5em; border:0.02em solid #c9e7fd; text-align:center; }

		@media only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px)  {

	/* Force table to not be like tables anymore */
.tari1 table thead tbody th td tr { display:block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
thead tr { position:absolute; top:-9999px; left:-9999px; border:1px solid #ccc; }
	
.tari1 tr { border:0.01em solid #c9e7fd;  }
	
.tari1 td { /* Behave  like a "row" */ border:none; border-bottom:0.01em solid #c9e7fd; border:0.01em solid #c9e7fd; position:relative; padding-left:50%; }
	
.tari1 td:before { /* Now like a table header */position:absolute; /* Top/left values mimic padding */top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; }
	
	/*
	Label the data
	*/
	.tari1 td:nth-of-type(1):before { content: "SrNo."; }
	.tari1 td:nth-of-type(2):before { content: "ISIN"; }
	.tari1 td:nth-of-type(3):before { content: "Symbol"; }
	.tari1 td:nth-of-type(4):before { content: "Client Code"; }
	.tari1 td:nth-of-type(5):before { content: "Scheme Name"; }
	.tari1 td:nth-of-type(6):before { content: "Transaction Type"; }
	.tari1 td:nth-of-type(7):before { content: "Amount"; }
	.tari1 td:nth-of-type(8):before { content: "Units"; }
	.tari1 td:nth-of-type(9):before { content: "Createdon"; }
	.tari1 td:nth-of-type(10):before { content: "Created by"; }
	.tari1 td:nth-of-type(11):before { content: "Message"; }
	}

/******** table 2 style End *****/
	
@media screen and (max-width:600px) {

.topnav a:not(:first-child), .dropdown .dropbtn { display:none; font-size:14px; }
 
.topnav a.icon { float:right; display:block;}
}

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

.topnav.responsive { position:relative; margin-top:2em; font-size:14px;}
	
.topnav.responsive .icon { position:absolute; right:0; top:0; }
	
.topnav.responsive a { float:none; display:block; text-align:left;}
	
.topnav.responsive .dropdown { float:none;}
	
.topnav.responsive .dropdown-content {position:relative;}
	
.topnav.responsive .dropdown .dropbtn { display:block; width:100%; text-align:left;}
}

@media only screen and (max-width:1315px) and (min-width:769px)
{
.squre { display:grid; font-size:0.9em; grid-template-columns:1fr 1fr 1fr; gap:0.5em; margin-top:1em; font-family:"Open Sans", sans-serif; }
	
.datatbl { width:60%; box-shadow:0px 1px 10px 1px #cde7f1; padding:1em;}
}

@media only screen and (max-width:769px) and (min-width:481px)
{
.logo1 { width:100%; text-align:center; margin:auto;}

.uat{ width:100%; text-align:center; float:right; margin-top:1.5em;}
	
.over { width:100%; margin:auto; }
	
.name { width:50%;}
	
.left{ margin-top:1em; margin-bottom:2.5em;}

.info{ margin-top:1em; margin-bottom:1.5em;}

.welcome{ width:100%; text-align:center; float:right; margin:auto; margin-top:0.5em;}

.bantext{ color:#000000; padding:0.5em; font-weight:bold; font-size:1.2em; font-family:Helvetica,Helvetica,Arial,sans-serif; text-align: center; padding:2em;}
	
.logbantext{ color:#d23c09; font-size:1em; font-family:Helvetica,Helvetica,Arial,sans-serif; text-align:center; padding:2em;}

.logout{ width:90%; text-align:center;}
	
.tab{ width:95%; line-height:25px; margin:10px; margin:auto;}

.financity-body .gdlr-core-blockquote-item .gdlr-core-blockquote-item-quote { display:none;}
		
.skin-content-1 { font-size:16px !important; }
	
.sidebar-wrapper { width:100%; max-width:992px; margin-bottom:0; } 
	
.form-controlregi{ width:90%;}

.form-controlsel{ width:94%;}
	
.topnav.responsive { position:relative; margin-top:2em;}
	
.topnav.responsive .icon { position:absolute; right:0; top:0;}
	
.topnav.responsive a { float:none; display:block; text-align:left;}

.topnav.responsive .dropdown { float:none;}
	
.topnav.responsive .dropdown-content { position:relative;}
	
.topnav.responsive .dropdown .dropbtn { display:block; width:100%; text-align:left;}
	
.welname{ width:100%; text-align:center; float:right; margin-top:0.5em; margin-bottom:0.5em;}
	 
.squre { display:grid; font-size:0.85em; grid-template-columns:1fr 1fr 1fr; gap:0.6em; margin-top:1em; font-family:"Open Sans", sans-serif;}

.squre1 { display:grid; font-size:0.9em; grid-template-columns:none; gap:0.5em; width:90%; margin:auto; text-align:center; margin-top:1em; margin-bottom:1em; font-family:"Open Sans", sans-serif;}	
	
.squre3 { display:grid; font-size:0.9em; grid-template-columns:1fr 1fr ; text-align: left; gap:0.1em; margin-top:0.5em; font-family:"Open Sans", sans-serif; }

.datatbl{ width:90%; /*margin-left: 2em;*/}

.fill{ margin-left:1em;}
	
.out{ font-size:1.5em;}

.findbox { width:55%; background-color:#ffffff; margin:auto; text-align:center; clear:both; }

.col-fr-33 {/*width:20%; margin:0.5em;*/ float:left; background-color:#ffffff; text-align:justify; }  	
}

@media only screen and (max-width:480px) and (min-width:320px)
{
.over { width:100%; margin:auto; }

.logo1 { width:100%; text-align:center; margin:auto;}

.uat{ width:100%; text-align:center; float:right; margin-top:1.5em;}

.name { width:50%;}

.left{ margin-top:1em; margin-bottom:2.5em;}
	
.welcome{ width:100%; text-align:center; float:right; margin:auto; margin-top:0.5em; }
	
.bantext{ color:#000000; padding:0.5em; font-weight:bold; font-size:1.2em; font-family:Helvetica,Helvetica,Arial,sans-serif; text-align: center; padding:2em;}
	
.logbantext{ color:#d23c09; font-size:1em; font-family:Helvetica,Helvetica,Arial,sans-serif; text-align:center; padding:2em;}
	
.info{ margin-top:1em; margin-bottom:1.5em;}

.logout{ width:85%; text-align:center;}

.tab{ width:95%; line-height:25px; margin:10px; margin:auto;}

.financity-body .gdlr-core-blockquote-item .gdlr-core-blockquote-item-quote { display:none; }
 
.form-controlregi{ width:87%;}

.form-controlsel{ width:94%;}
    
.skin-content-1 { font-size:16px !important;}
	
.sidebar-wrapper { width:100%; max-width:992px; margin-bottom:0; }   
	
.welname{ width:100%; text-align:center; float:right; margin-top:0.5em; margin-bottom:0.5em;}

.databox{ width:1000px;}
	
.squre { display:grid; font-size:0.9em; grid-template-columns:none; gap:0.2em; margin-top:1em; font-family:"Open Sans", sans-serif;}

.squre1 { display:grid; font-size:0.9em; grid-template-columns:none; gap:0.5em; width:90%; margin:auto; text-align:center; margin-top:1em; margin-bottom:1em; font-family:"Open Sans", sans-serif;}	

.squre3 { display:grid; font-size:0.9em; grid-template-columns:1fr 1fr ; text-align: left; gap:0.1em; margin-top:0.5em; font-family:"Open Sans", sans-serif; }

.datatbl{ width:98%; /*margin-left:2em;*/}
	
/*.fill{ margin-left:5.5em;}*/
	
.out{ font-size:1.5em;}

.findbox { width:65%; background-color:#ffffff; margin:auto; text-align:center; clear:both; }

.col-fr-33 {/*width:20%; margin:0.5em;*/ float:left; background-color:#ffffff; text-align:justify; }  	
}