body{
#	background:#0f0f0f;}
.account-page .footer_main,
.account-page .nav {
    display: none;
}
.account-page .topmenuact-mrtop.active{
	padding: 0!important;
}
.login-body  #welcome p, .login-body  #welcome h2 {
    color: #000 !important;
}
section.header {
    background: #08204f;
    color: #fff;
	padding: 10px;
}	
.returntoaff{
    color:#fff!important;
}
.socialmedia ul {
    padding: 0px;
    margin: 0px;
}
.socialmedia ul li {
    list-style: none;
    float: left;
    padding: 0px 4px;
}
.welcome-sec ul {
    padding: 0px;
    margin: 0px;
}
.welcome-sec ul li {
    list-style: none;
    float: right;
    color: #fff;
    background: #2a52a0;
    padding: 6px 11px;
    margin-left: 7px;
}
.welcome-sec ul li a{
	color:#fff;}
.widget > h4 {
    background: #ccc none repeat scroll 0 0;
    color: #444;
    display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.summary {
    display: block;
    float: left;
}
.default.article-img {
    display: block;
    float: left;
    padding: 10px;
}
.widget-title {
    border-bottom: 1px solid;
    color: #133d85;
    display: block;
    float: left;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: center;
    width: calc(100% - 110px);
}
.widget-text {
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: justify;
    width: calc(100% - 110px);
}
.content.clearfix {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
}
.nopadding{
	padding: 0!important;
}
.widget > img {
    display: block;
    float: left;
    height: auto;
    max-width: 100%;
    width: auto;
}
.col-lg-4.col-md-6.col-sm-12 > .widget {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 10px 10px -10px black;
    margin: 10px;
    padding: 10px;
}
.widget > .flag {
    display: block;
    float: left;
    opacity: 0.7;
    position: absolute;
    right: 5px;
    top: 5px;
}
section.nav {background: #2a52a0;}
.navbar-nav>li>a{color:#fff;}
.nav li a:focus, .nav li a:hover, .navbar-nav li.active a{background: #d1573b !important;}	
.navbar-nav{display: table;margin: 0 auto;float: none;}	


.content {background: #fff; padding: 20px; margin: 40px 20px;box-shadow: 0px 0px 5px #000; }
section.footer_nav {background: #2a52a0;}
section.footer {padding: 30px 0px;color:#fff;}
.copyright {padding-top: 15px;}


#whyiDev { background: #fff; color: #242424; padding: 20px 0;}
#whyiDev .reasonsTab .rTabs { padding: 0; margin: 0; border: none; border-right: 1px #f0f0f0 solid; }
#whyiDev .reasonsTab .rTabs li { list-style: none; float: none; }
#whyiDev .reasonsTab .rTabs li a { color: #5A5A5A; font-size: 15px; text-decoration: none; padding: 12px 10px 12px 18px; margin: 0px 0; border: none; display: block; position: relative;border-bottom: 1px solid #F0F0F0;}
#whyiDev .reasonsTab .rTabs li a:before{content: "\f101";font-family: FontAwesome; display:none;}
#whyiDev .reasonsTab .rTabs li [class^="idevIco-"] { float: left; position: absolute; top: 8px; left: 10px; z-index: 100; }
#whyiDev .reasonsTab .rTabs li:hover a { background: none; color: #ef6e2e; }
#whyiDev .reasonsTab .rTabs li.active a { background: url(../images/tabActiveBg.png) no-repeat right center !important; margin-right:-12px; color:#fff;border-bottom:0px;}
#whyiDev .reasonsTab .tab-pane .info { margin: 10px auto; }
#whyiDev .reasonsTab .tab-pane .info h3 { color: #ef6e2e; font: 300 18px "open_sansregular", Calibri, sans-serif, Arial; margin: 0 auto; }
#whyiDev .reasonsTab .rTabs li ul{display:none;padding: 0px;margin: 0px;}
#whyiDev .reasonsTab .rTabs li:hover ul{display:block;}
#whyiDev .reasonsTab .rTabs li.active ul{display:block;padding: 0px;margin: 0px;}
#whyiDev .reasonsTab .rTabs li:hover ul li a{color:#5A5A5A !important;}
#whyiDev .reasonsTab .rTabs li.active ul li a{background:#f1f1f1 !important; color:#5A5A5A; padding: 7px 15px;    width: 100%;border-bottom: 1px solid #ccc;}
#whyiDev .reasonsTab .rTabs li ul li a{background:#f1f1f1 !important; color:#5A5A5A !important; padding: 7px 15px;    width: 100%;border-bottom: 1px solid #ccc;}
#whyiDev .reasonsTab .rTabs li.active ul li:hover a,  #whyiDev .reasonsTab .rTabs li.active ul li.active a, #whyiDev .reasonsTab .rTabs li ul li:hover a,  #whyiDev .reasonsTab .rTabs 

li ul li.active a{
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #376AC8),
	color-stop(1, #123E90)
	) !important;
	background-image: -o-linear-gradient(left, #376AC8 0%, #123E90 100%) !important;
	background-image: -moz-linear-gradient(left, #376AC8 0%, #123E90 100%) !important;
	background-image: -webkit-linear-gradient(left, #376AC8 0%, #123E90 100%) !important;
	background-image: -ms-linear-gradient(left, #376AC8 0%, #123E90 100%) !important;
	background-image: linear-gradient(to left, #376AC8 0%, #123E90 100%) !important; color:#fff !important;}

.total-chart-area.clearfix {margin-bottom: 20px;}
.transactions {background: #000;color: #fff;padding: 0px;border-radius: 4px;text-align: center;}
.transactions h3 {padding: 0px;margin: 0px;padding-top: 20px;padding-bottom: 5px;}
.txt-cnt {background:rgba(0, 0, 0, 0.11);padding: 5px;}

.green{
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #37C8AB),
	color-stop(1, #11914F)
	);
	background-image: -o-linear-gradient(left, #37C8AB 0%, #11914F 100%);
	background-image: -moz-linear-gradient(left, #37C8AB 0%, #11914F 100%);
	background-image: -webkit-linear-gradient(left, #37C8AB 0%, #11914F 100%);
	background-image: -ms-linear-gradient(left, #37C8AB 0%, #11914F 100%);
	background-image: linear-gradient(to left, #37C8AB 0%, #11914F 100%);}
.pink{
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #C73670),
	color-stop(1, #901157)
	);
	background-image: -o-linear-gradient(left, #C73670 0%, #901157 100%);
	background-image: -moz-linear-gradient(left, #C73670 0%, #901157 100%);
	background-image: -webkit-linear-gradient(left, #C73670 0%, #901157 100%);
	background-image: -ms-linear-gradient(left, #C73670 0%, #901157 100%);
	background-image: linear-gradient(to left, #C73670 0%, #901157 100%);}	
.brown{
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #C88437),
	color-stop(1, #904C11)
	);
	background-image: -o-linear-gradient(left, #C88437 0%, #904C11 100%);
	background-image: -moz-linear-gradient(left, #C88437 0%, #904C11 100%);
	background-image: -webkit-linear-gradient(left, #C88437 0%, #904C11 100%);
	background-image: -ms-linear-gradient(left, #C88437 0%, #904C11 100%);
	background-image: linear-gradient(to left, #C88437 0%, #904C11 100%);}	
.purple{
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(0, #7337C7),
		color-stop(1, #5F1190)
	);
	background-image: -o-linear-gradient(left, #7337C7 0%, #5F1190 100%);
	background-image: -moz-linear-gradient(left, #7337C7 0%, #5F1190 100%);
	background-image: -webkit-linear-gradient(left, #7337C7 0%, #5F1190 100%);
	background-image: -ms-linear-gradient(left, #7337C7 0%, #5F1190 100%);
	background-image: linear-gradient(to left, #7337C7 0%, #5F1190 100%);}	
.grey{
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #454545),
	color-stop(1, #1A1A1A)
	);
	background-image: -o-linear-gradient(left, #454545 0%, #1A1A1A 100%);
	background-image: -moz-linear-gradient(left, #454545 0%, #1A1A1A 100%);
	background-image: -webkit-linear-gradient(left, #454545 0%, #1A1A1A 100%);
	background-image: -ms-linear-gradient(left, #454545 0%, #1A1A1A 100%);
	background-image: linear-gradient(to left, #454545 0%, #1A1A1A 100%);}
.blue{
	background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, #376AC8),
	color-stop(1, #123E90)
	);
	background-image: -o-linear-gradient(left, #376AC8 0%, #123E90 100%);
	background-image: -moz-linear-gradient(left, #376AC8 0%, #123E90 100%);
	background-image: -webkit-linear-gradient(left, #376AC8 0%, #123E90 100%);
	background-image: -ms-linear-gradient(left, #376AC8 0%, #123E90 100%);
	background-image: linear-gradient(to left, #376AC8 0%, #123E90 100%);}	
		
.colr-white{color:#fff !important;}	
.panel-title {font-size: 14px;}	
.navbar-toggle{background-color: #08204F;}
.navbar-toggle .icon-bar{background: #fff;}
.welcome-sec ul li ul li {width: 100%;}
.clickable {top: -14px;position: relative;font-size: 10px;}
#loginbox .panel-info{background: #2A52A0;}
#loginbox .panel-info>.panel-heading{color: #FFFFFF;    background-color: #08204F;;border-color: #08204F;}
#loginbox .panel-info>.panel-heading a{ color: #FFFFFF;}	
#loginbox .panel-info {border-color: #BDD0F5;color: #FFFFFF;}
#loginbox .panel-info a{    color: #D9534F;}
#loginbox #btn-login{color: #fff;padding: 6px 41px;}
#loginbox .form-control{border: 1px solid #D1573B;}
#loginbox .input-group-addon{border: 1px solid #D9534F;
    background-color: #D9534F;color: #fff;}

#welcome{margin:20px auto !important;float:none;}
section.login-page {top: 0;position: absolute;left: 0;right: 0;bottom: 0;}
.lp-main {position: relative;left: 0;right: 0;margin-top: 15%;}

.login-block{}
.login-block h2 {margin: 0px;margin-bottom: 11px}
.login-block .form-control{border: 1px solid #D1573B;    height: 42px;}
.login-block .input-group-addon{border: 1px solid #D9534F;
    background-color: #D9534F;color: #fff;width: 42px;}
.login-input{    width: 100%;}	

.white-txt{color:#fff;}

.returntoaff{color:#696969;}
.returntoaff:hover{color:#fff; text-decoration:none;}

.fixedmenuappend.active {position: fixed;width: 13%;}
.fullwidthact.active {width: 100%;}
.topmenuact.active {position: fixed;left: 0;right: 0;z-index:999;}
.topmenuact-mrtop.active {padding-top: 109px;}
.topmenuact.active section.header {background:rgba(8, 32, 79, 0.91);}
.topmenuact.active section.nav {background: rgba(42, 82, 160, 0.91);}
.btn-info.active {background: #D1573B !important;border-color: #D1573B !important;}

.reasonsTab{ min-height:600px;}

.alert-danger {color: #FFFFFF;background-color: #A20646;border-color: #BF145A;padding: 9px 16px;}
.alert-info, .alert-success{padding: 9px 14px;}

.welcome-sec ul li ul li{padding: 0px;}
#loginbox .input-group-addon .glyphicon{color: #fff !important;}

.transactions h3{font-size: 19px;}
.f12{font-size: 12px;}

.visitor-sec h3{text-align: left;padding: 20px 7px 5px;}
.visitor-sec .txt-cnt{padding: 7px 7px 6px;}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid #ECECEC;background: #F7F7F7;}
.portlet .portlet-body .table > thead > tr > th, .portlet .portlet-body .table > thead > tr > td{background: #FFF;}	
.list-group-item{background-color: #F5F5F5;border: 1px solid #E6E6E6;}
.page-header.title{padding: 11px 0px 15px;margin: 0px 0 12px;}
.btn.focus, .btn:focus, .btn:hover {color: #FFF;text-decoration: none;box-shadow: inset 0 0 100px 100px rgba(6, 6, 6, 0.55);}
.btn-primary {}
.btn-primary:hover{}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #33B76C;border-color: #229855;}

#whyiDev .reasonsTab .rTabs li:hover a {background: #737373;color: #FFFFFF;border-radius: 0px !important;}
#whyiDev .reasonsTab .rTabs li ul li a{padding: 3px 18px;}

.page-top-menu {
    margin-bottom: 16px;
  display: block;
}
.page-top-menu:after{
	content:'';
	display:block;
	clear:both;}
.page-top-menu ul {
    padding: 0px;
    margin: 0px;
}
.page-top-menu ul li {
    float: left;
    list-style: none;
    padding: 10px 0px;
    background: none;
    margin: 0px;
}
.page-top-menu ul li a {
    background: none !important;
    padding: 10px 17px;
}
.page-top-menu ul li ul {
    padding: 0px;
    margin: 0px;
}
.page-top-menu ul li ul li {
    padding: 0px;
    float: none;
}
.page-top-menu ul li ul li a {
    padding: 5px 10px;
}
.page-top-menu ul li ul li a {
    padding: 5px 10px;
    color: #fff!important;
    background: #2A4E95 !important;
    border: 0px !important;
    margin: 0px !important;
}
.menu-button{background: #091F49 !important;}
.menu-button span{font-weight: normal !important;}

.page-top-menu ul li a{padding: 10px 7px;}
.page-top-menu ul li{margin: 1px;}
.page-top-menu ul li ul li{margin: 0px;}

.page-top-menu ul li:hover{    box-shadow: inset 0 0 100px 100px rgba(6, 6, 6, 0.55);}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{    box-shadow: inset 0 0 100px 100px rgba(6, 6, 6, 0.55) !important;}
.footer_main {  width:100%;}
.footer_main.fixed {position:fixed; bottom:0px;}
.content{    min-height: 595px;}

.login-page .content {
    min-height: auto !important;
}
body.login-body{background: rgb(25, 25, 25);}


#whyiDev .reasonsTab .rTabs li{    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #ccc;
}
#whyiDev .reasonsTab .rTabs li a{    border-radius: 0px;}

@media only screen and ( max-width: 1200px ) {}  
@media only screen and ( max-width: 980px ) {}
@media only screen and ( max-width: 784px ) {
	.welcome-sec{text-align: center;border-top: 1px solid #14387B;padding: 10px 0px;margin-top: 10px;}
	.welcome-sec ul li{float: none;margin-bottom: 7px;}	
	.socialmedia {border-bottom: 1px solid #203B6F;text-align: center;padding: 6px 6px;margin-bottom: 10px;}
	.socialmedia ul{display: table;margin: 0 auto;}
	.topmenuact-mrtop.active{padding-top: 284px;}
	.dropdown-menu{min-width: 100%;padding: 0px;margin: 0px;}
	.welcome-sec ul li ul li{margin: 0px;}
	#whyiDev .reasonsTab .rTabs li:hover ul li a{margin: 1px;}
	.transactions{margin-bottom: 10px;}
	.page-top-menu ul li{padding: 0px 0px;width: 100%;}
	.page-top-menu ul li a{display: block;    width: 100%;}
	.caret{float: right;}
	.page-top-menu ul li a:hover{ background: linear-gradient(to right, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%) !important;}
	.page-top-menu ul li ul {padding: 0px;margin: 0px;position: relative;box-shadow: none;}
	.welcome-sec ul li a{display: block;}
	.caret{ margin-top: 6px;}
	.navbar-toggle{    margin: 0 auto;display: table;float: none;}
	.navbar-header {padding: 7px;}
	.topmenuact.active{position: absolute;}
	}
@media only screen and ( max-width: 479px ) {}

