html[dir="rtl"] {
    text-align: right !important;
}
html[dir="rtl"] .portlet.portlet-basic .portlet-heading .portlet-title {
    float: right !important;
}
html[dir="rtl"] .portlet .portlet-heading .portlet-title{float: right !important;}
html[dir="rtl"] .page-top-menu ul li {
    float: right;
}
html[dir="rtl"] .page-top-menu ul li li {
    width: 100%;
	    text-align: right !important;
}
html[dir="rtl"] th {
    text-align: right;
}
body{
background:#0f0f0f;}
section.header {
    background: #08204f;
    color: #fff;
	padding: 10px;
}	
.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: #000;
    background: #fff;
    padding: 6px 11px;
    margin-left: 7px;
}
.welcome-sec ul li a{
	color:#000;}

section.nav {background: #2a52a0;}
.navbar-nav>li>a{color:#fff;}
.nav li a:focus, .nav li a:hover, .navbar-nav li.active a{background: #ed8e28 !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;}
.total-chart-area .col-md-3 {float: right;}
.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: #000;}
.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: #fff;}
#loginbox .panel-info>.panel-heading{color: #FFFFFF;    background-color: #000;;border-color: #000;}
#loginbox .panel-info>.panel-heading a{ color: #FFFFFF;}	
#loginbox .panel-info {border-color: #000;color: #FFFFFF;}
#loginbox .panel-info a{    color: #fff;}
#loginbox #btn-login{color: #fff;padding: 6px 41px; width: 100%;}
#loginbox .form-control{border: 1px solid #000;}
#loginbox .input-group-addon{border: 1px solid #000;
    background-color: #000;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 #ed8e28;    height: 42px;}
.login-block .input-group-addon{border: 1px solid #ed8e28;
    background-color: #ed8e28;color: #fff;width: 42px;}
.login-input{    width: 100%;}	

.white-txt{color:#fff;}
.iti-flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.4/img/flags.png");}
            @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
                .iti-flag {background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.4/img/flags@2x.png");}
            }
            .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="text"], .intl-tel-input.separate-dial-code input[type="tel"] {
                padding-left: 52px !important;
            }
.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: 36px;}
.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;}

.alert-warning {
    color: #000;
    background-color: #f0f0f0;
    border-color: #000;
}

.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-heading {background: #000 !important;}
.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 {
	color: #fff;
    background-color: #000;
    border-color: #000;
	padding: 6px 30px;
	line-height: 2;
	width: 100%;
}

.btn-default {
	color: #fff;
    background-color: #ed8e28;
    border-color: #ed8e28;
}

#pass .btn-default, #reg .btn-default {
	color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:hover, .btn-primary:active:focus, .btn-primary:focus {
	background-color: #ed8e28;
    border-color: #ed8e28;
    box-shadow: none;
	color: #fff !important;
}

.btn-default:hover, .btn-default:active:focus, .btn-default:focus {
	background-color: #000;
    border-color: #000;
    box-shadow: none;
	color: #fff !important;
}

.btn-danger {background-color: #000; border-color: #000;}
.btn-danger:hover, .btn-danger:active:focus, .btn-danger:focus {background-color: #ed8e28; border-color: #ed8e28; box-shadow: none;}

.label-primary {
	background-color: #000 !important;
}

.label-danger {
	background-color: #ed8e28 !important;
}

.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: #000 !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;}

.col-md-offset-3 {
    text-align: center;
}

@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 ) {}

@media (min-width: 768px) {
	.navbar-nav > li {
    	float: right;
	}
	.btn-primary {
		width: fit-content;
	}
	#contact .col-sm-3, #pass .col-sm-3, #edit .col-sm-3, #coupon .col-sm-3, #banner .col-sm-3 {
    	width: 50%;
    	float: right;
	}
	#contact .col-sm-offset-3, #pass .col-sm-offset-3, #edit .col-sm-offset-3, #payment .col-sm-offset-3, #coupon .col-sm-offset-3, #banner .col-sm-offset-3 {
    	margin-left: 0;
    	text-align: left;
	}
	#contact .col-sm-9, #pass .col-sm-9, #edit .col-sm-9, #coupon .col-sm-9, #banner .col-sm-9 {
    	width: 100%;
    	text-align: left;
    	float: left;
    	margin-left: 0;
	}
	#edit-btn.col-sm-6 {
		margin-left: 0;
    	text-align: left;
		width: 100%;
	}
}

@media (min-width: 992px) {
	#reg .col-md-3, #payment .col-md-3  {
    	width: 50%;
    	float: right;
	}
	.col-md-offset-3 {
    	margin-left: 0;
    	text-align: left;
	}
	#reg .col-md-9, #payment .col-md-9 {
    	width: 100%;
    	text-align: left;
    	float: left;
    	margin-left: 0;
	}
}

.modal-content .modal-header .close {
    float: left;
}

.modal-content .modal-footer {
	text-align: left;
}

.dataTables_paginate {
	text-align: left;
}

.dataTables_paginate .paginate_disabled_previous, .dataTables_paginate .paginate_enabled_previous  {
	margin-left: 1rem;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
}

.dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_enabled_next {
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
}

..progress-bar {
	background-color: #ed8e28;
}