/* Author: Selvakumar
 * Author URI: http://selva070.me
 * Author: Selvakumar
 * Author URI: http://selva070.me
 * Author email: me@selva070.me
 * Author FB: http://facebook/selva070 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
body{
	font-family: 'Open Sans', sans-serif;;
}
a{
	color:#444;
	font-family: 'Open Sans', sans-serif;
}
.logo-img{
	width: 100px;
    margin-left: 25px;
}
.logo-img-mobile {
    width: 100px;
    margin: 10px;
}
.logo.pull-left{
    line-height: 68px;
}
.header-top-bar{
	border-bottom: 1px solid #e7e7e7;
	background: #F8F8F8;
}
.top-header-menu{
	list-style:none;
	text-transform:capitalize;
	text-align:center;
	margin: 10px;
}
ul.top-header-menu li{
	float:left;
	margin:0 20px;
}
.nav>li>a{
	text-transform:capitalize;
}
ul.top-header-menu a{
	font-weight:600;
	text-decoration:none;
	font-size: 14px;
}
ul.top-header-menu a:focus, a:hover {
    color: #578027;
    text-decoration: none !important;
}
.top-header-menu .fa-2 {
  font-size: 2em;
}
.top-header-menu .fa-3 {
  font-size: 4em;
}
.top-header-menu .fa-4 {
  font-size: 7em;
}
.top-header-menu .fa-5 {
  font-size: 12em;
}
.top-header-menu .fa-6 {
  font-size: 20em;
}
.top-header-menu .fa-1,
.top-header-menu .fa-2,
.top-header-menu .fa-3,
.top-header-menu .fa-4,
.top-header-menu .fa-5,
.top-header-menu .fa-6 {
  display:block;
  
}
/*Brud Crumbs*/
/* Pre Loader Starts*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/vk_loder.gif) center no-repeat #fff;
}
/* Pre Loader Ends*/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}
.btn-group.btn-breadcrumb {
    margin: 25px 0;
}
/*Accodian*/
.panel-heading .accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  
    content:"\E113";   
    float: right;        
    color: grey;        
    overflow: no-display;
}
.panel-heading .accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content:"\E114";
}
a.accordion-toggle{
    text-decoration: none;
}
#accordion-toggle .area { border-left: 4px solid #f38787; }
/* Radio */
.btn-radio {
	width: 100%;
}
.img-radio {
	opacity: 0.5;
	margin-bottom: 5px;
}

.space-20 {
    margin-top: 20px;
}
/*Tags*/
.bootstrap-tagsinput .tag{
	background:#5CB85C !important;
}
/*Footer*/
#footer{
	/*background: #333 url('../img/footer-vkdlogo.png')no-repeat left center;*/
    padding: 10px;
    color: #fff;
    background-size: 35px;
    padding-left: 50px;
    background-position: 5px 5px;
    position: absolute;	
    bottom: 0;	
    width: 100%;	
    z-index: 9999;
}
#footer p {
    margin: 5px 0 10px;
}
/*New Style Notice */
.notice {
    padding: 10px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 6px 8px -5px rgba(0,0,0,.5);
       -moz-box-shadow: 0 6px 8px -5px rgba(0,0,0,.5);
            box-shadow: 0 6px 8px -5px rgba(0,0,0,.5);
}
.notice strong {
    color: #000 !important;
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #5CB85C;
     height: 80px;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}
.navbar {
	min-height: 0px;
}
/* Responsive */
@media (min-width: 992px){
	.table-responsive{
		min-height: 0;
		overflow-x: hidden !important;
	}
}	
@media (max-width: 992px){
	.ul.top-header-menu a{
		font-size:12px;
	}
	ul.top-header-menu li {
		float: left;
		margin: 0 15px;
	}
}
@media (max-width: 768px){
	.header-top-bar{
		/* display:none; */
	}
}

/* .input-group {
    display: flex !important;
} */
.panel{
	-webkit-box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
       -moz-box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
            box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
}
/*Custom Filter Sorting*/
#dataTables-sorting_filter{
	float:right;
}
.pagination{
	float:right;
}
.balance-info{
	margin: 25px 0;
}
.pull-right.balnce-loc {
    line-height: 2;
    padding-right: 8px;
    font-weight: 600;
}
.existing, .new{
	display:none;
}

.gold{
	color: #fff;
    background-color: #d4af37;
    border-color: #d4af37;
}
.gold:hover{
	color: #fff;
    background-color: #d4af37;
    border-color: #d4af37;
}
.platinum{
	color: #000;
    background-color: #e5e4e2;
    border-color: #e5e4e2;
}
.platinum:hover{
	color: #000;
    background-color: #e5e4e2;
    border-color: #e5e4e2;
}
.footer-center a{
	color:#fff;
}
.footer-center a:hover {
    color: #5CB85C;
}
.active.menu-active .menu-top-link{
	font-weight: 700;
}
#page-wrapper{
	background: url('http://apps.webdefy.com/sapaa/assets/img/cream_pixels.png') repeat center; 
}
p.balnce-loc {margin: 0px;}
a.abbtn {
    padding: 3px 10px;
    background: #5eb85e;
    border: 1px solid #5eb85e;
    box-shadow: none;
    line-height: 1.5;
    border-radius: 2px;
    font-size: 11px;
	color:#fff;
}
a.abbtn:hover, a.abbtn:focus {
    color: #fff;
    background: #347ab7;
    border: 1px solid #357ab7;
    box-shadow: none;
}
.panel-heading.head1 {
    color: #263238;
    border-bottom: 4px solid #55a941;
    font-weight: 600;
    font-size: 14px;
    padding: 0 0 5px 10px;
	background: transparent;
	width:150px;
	margin-bottom:8px;
}
.table-responsive.table-bg{
	 background:#fff;
    -webkit-box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
    -moz-box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
    box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
}
.panel.with-nav-tabs.panel-primary.dash-quicktab {
    background: transparent;
    border: none;
    box-shadow: none;
}
.panel-body.quick-bodytab {
    background: #fff;
    margin-top: 8px;
	box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5);
	height:333px;
}
.panel-heading.dash-panel {
    background: #fff;
}
.panel-heading.dash-panel .nav-tabs > li > a {
    color: #263238  !important;
	font-weight:600;
	
}
.dash-panel .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom: 4px solid #55a941 !important;
	}
.panel-heading.dash-panel .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: #ececec !important;
	border-bottom: 4px solid #55a941 !important;
	color:#263238 ;
	outline:none;
}
ul#side-menu .fa-fw{width:2.285714em;font-size: 16px;}
.dash-panel .nav-tabs > li.active > a {
	padding-bottom:10px;
}
span.quickmarg {
    margin-top: 15px;
    display: block;
}
.quickdiv{ margin-top: 5px;}
span.quickbtn {
    margin-top: 20px;
    display: block;
	padding-left: 15px;
}
.quick_btnsubmit{
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    box-shadow: none;
	border-radius: 2px;
	padding: 6px 10px;
}
.quick_btnsubmit:hover, .quick_btnsubmit:focus{
	color: #fff;
    background: #286090;
    border: 1px solid #204d74;
    box-shadow: none;
	outline:none;
}
 
.form-control.quickform {
    border-radius: 2px;
    box-shadow: none;
    font-size: 13px;
}
.formmarg {
    margin-right: -15px;
}
.panel.panel-custom {
    margin-top: 10px;
    box-shadow: none;
    background: #f5f5f5;
}
.panel-primary>.headingcustom {
    color: #263238;
    background-color: #ebeff4;
    border-color: #ebeff4;
    padding: 10px 10px !important;
}
.panel-primary>.headingcustom1 {
    color: #263238;
    background-color: #ebeff4;
    border-color: #ebeff4;
    padding: 10px 10px 1px 10px !important;
}
.panelborder {
    border: 1px solid #ddd;
    box-shadow: none;
}
.formlabel label {
    font-weight: normal;
}
.formlabel .form-control, .formmarg .form-control{ 
	background: #fff;
    height: 35px;
    border-radius: 2px;
    border-color: #c5c5c5;
    box-shadow: none;
}
.marg-top{margin-top:5px;}
.headingcustom1 .nav>li>a{padding:6px 15px;border-bottom: none !important;}
.headingcustom1 .nav-tabs {
    border-bottom: none;
}
.headingcustom1 .nav-tabs > li > a:hover, .headingcustom1 .nav-tabs > li > a:focus{
	background: #fff !important;
    color: #263238;
    outline: none;
    border-bottom: none !important;
	padding:6px 15px;
}
.stbfield {
    margin-bottom: 20px;
}
.stbfield legend {
    width: 20%;
    font-weight: 550;
}
div#wrapper {
	/* position: relative; */
    /* top: 96px; */
    /* z-index: 99; */
}
.table.customtable>tbody>tr>td, .table.customtable>tbody>tr>th, .table.customtable>tfoot>tr>td, .table.customtable>tfoot>tr>th, .table.customtable>thead>tr>td, .table.customtable>thead>tr>th
{
	 
}
.customth {
    background: #f5f5f5;
	font-weight:400;
	color:#2c3b41;
}
td.customtd {
    color: #1e282c;
    font-weight: 600;
}
td.ctm{border-bottom: none !important;}
.ctmborder{border: 1px solid #eaeef3;box-shadow: none;}
.table.customtable {
    margin-bottom: 0px;
}
.table.customtable tr td {
    vertical-align: middle;
}
.customwell {
    margin-top: 15px;
    background: #ebeff4;
    color: #171717;
    padding: 7px;
    box-shadow: none;
    border: 1px solid #ecf0f5;
}
.panel-primary>.headingcustomer {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 6px 10px !important;
	font-size: 16px;
}
.panel-primary>.headingcustomer1 {
    color: #263238;
    background-color: #5a6e83;
    border-color: #5a6e83;
    padding: 10px 10px 1px 15px !important;
}
.panel-primary> .headingcustomer1 .nav>li {
    padding: 5px 10px 0px 0px !important;
}
.headingcustomer1 .nav-tabs > li > a:hover, .headingcustomer1 .nav-tabs > li > a:focus {
    background: #fff !important;
    color: #263238;
    outline: none;
    border-bottom: none !important;
    padding: 6px 15px;
}
.headingcustomer1 .nav>li>a {
    padding: 6px 15px;
    border-bottom: none !important;
	color:#fff;
}
.headingcustomer1 .nav>li.active>a {
	color:#000;
}
 .customtab .nav-tabs{
    position: relative;
    border-bottom:0 none;
	color: #263238;
    background-color: #347ab7;
    border-color: #347ab7;
    border-bottom-color: rgb(90, 110, 131);
	padding-left: 5px;
}

.customtab .nav-tabs li {
    padding: 6px 0px 0px 0px !important;
    margin-left: 10px;
}
.customtab .nav-tabs li:last-child:after{
    content:"";
    border:0 none;
}
.nav-tabs > li > a{
	border-bottom: none !important;
}
.customtab .nav-tabs li a{
	padding: 6px 15px;
	border-bottom: none !important;
	color: #fff;
	margin-right: 2px;
	padding: 3px 10px 9px 10px;
	margin:5px 0 0 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.customtab .nav-tabs li.active a{
    color:#000;
    background: #fff;
    text-transform:capitalize;
    padding: 3px 10px 9px 10px;
	border-bottom: none !important;
	margin: 5px 0 0 0px;
	border-radius: 0;
}
.customtab .tab-content{
    color: #000;
    background: #fff;
    text-transform: capitalize;
    border: none;
	margin-top:20px;
}
.customtab .nav-tabs > li > a:hover, .customtab .nav-tabs > li > a:focus{
	border-bottom: none !important;
    background: #fff !important;
    color: #000;
	border-radius: 0;
}
@media only screen and (max-width: 1280px) {
    .customtab .nav-tabs li a{
        padding:15px 11px;
    }
   
}
@media only screen and (max-width: 480px) {
    .customtab .nav-tabs li{
        width:94%;
        text-align:center;
        margin-bottom:2px;
    }
    
}
.margh4{margin: 0px 13px 13px 13px;}
.custompagi {margin: 10px 13px;}
h4.panel-title.customtitle {color: #fff;font-size: 14px;}
.panel-heading.headingcustomer .accordion-toggle h4:after {color: #fff;}
div#transition_length, div#payment_length, div#invoice_length, div#sub_length {
    margin-left: 13px;
}
div#transition_filter, div#transition_paginate, div#payment_filter, div#payment_paginate, div#invoice_filter, div#invoice_paginate, 
div#sub_filter, div#sub_paginate {
    margin-right: 13px;
}
div#transition_info, div#payment_info {
    margin-left: 13px;
    margin-bottom: 10px;
}
div#invoice_info, div#sub_info{margin-left: 13px;margin-bottom: 15px;}
div.dataTables_wrapper div.dataTables_filter input {height: 35px;border: 1px solid #c5c5c5;}
.thead-dark{background: #5a6e83;color: white;}
span.badge.ellipsis {background: #5a6e83;}

.custompa-body {
/* background: #eaeef3; */
padding: 0px;
}

button.active {
    background: #339900 ;
    color: #fff;
    box-shadow: none;
    border: none;
	cursor:auto;
	font-size: 13px;
    padding: 4px 10px;
}
button.deactive {
    background: #DD4B39;
    color: #fefefe;
    box-shadow: none;
    border: none;
	cursor:auto;
	font-size: 13px;
    padding: 4px 10px;
}
button.expire {
    background: #d9534f;
    color: #fff;
    box-shadow: none;
    border: none;
	cursor:auto;
	font-size: 13px;
    padding: 4px 10px;
}
button.aboutexpire {
    background: #F8A70B;
    color: #fff;
    box-shadow: none;
    border: none;
	cursor:auto;
	font-size: 13px;
    padding: 4px 10px;
}
button.active:active, button.active:focus, button.deactive:active, button.deactive:focus, button.expire:active, button.expire:focus{outline:none;}
.tdatewidth {width: 120px;}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 95px;
}
.tdpaname{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 130px;
}
table#sub {cursor: pointer;}

table#sub>tbody>tr>td {
border-top: none;
}
/* width */
::-webkit-scrollbar {
  width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 
/* Package CSS */
.packageth{vertical-align: middle !important; text-align: center;}
.packagewell {
    background: #e5eaf1;
    color: #171717;
    padding: 7px;
    box-shadow: none;
    border: 1px solid #e5eaf1;
}
.wellselect{background: #fff; border-radius: 0px;border: 1px solid #eaeef3;}
/* Modify Tab*/
 .modify.nav.nav-tabs{
    padding: 0 0 7px 15px;
	
 }
 .modify2.nav.nav-tabs{ padding-left: 5px !important;background: #e5eaf1;}
 .modify.nav.nav-tabs li{
    margin: 0 20px 0 0;
}
.modify2.nav.nav-tabs li.active{
    /* margin: 0 20px 0 0; */
	padding: 7px 0 0 0px !important;
	 
}
.modify.nav.nav-tabs li.active a {
    color: #fff;
    background: #55a941 !important;
    text-transform: capitalize;
    border: none;
}
.modify.nav.nav-tabs li.active a:before {
    border-top: 14px solid #55a941;
}
.modify2.nav.nav-tabs li.active a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-top: 0px solid #001f3f !important;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    margin-left: -13px;
}
 .contentmodi {
    color: #222d32;
    background: #fff !important;
    margin-top: 5px !important;
    line-height: 26px;
    padding: 15px 0 0 0px;
    border: transparent !important;
	margin-bottom: 0px !important;
}
.modify2.nav.nav-tabs li a {
    outline: none;
    margin-right: 0;
    background: #e4e9f0;
    text-transform: capitalize;
    color: #222d32;
    border-radius: 0;
	padding: 7px 10px 5px 10px;
	margin: 0;
}
  
.modify2.nav.nav-tabs li.active a {
    color: #222d32;
    background: #fefefe;
    text-transform: capitalize;
    border: none;
	padding: 7px 10px 7px 10px;
}
.modify2.nav.nav-tabs > li > a:hover, .modify2.nav.nav-tabs > li > a:focus {
    border-bottom: none !important;
    color: #222d32;
    background: #fefefe !important;
	border-color: transparent;
	padding: 7px 10px 7px 10px;
}
/* Deactive */ 
.acttab{
	background:#fff !important; 
	margin-bottom:0px !important;
	border:none !important; 
	Padding-top:10px !important;
	}
.marg-20{margin-top:20px;}
.marg-left5{margin-left:5px;}
fieldset { 
  display: block;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
}
.legendtab {
    display: block;
    width: auto;
    padding: 2px 20px 2px 15px;
    font-size: 15px;
    line-height: inherit;
    color: #222d32;
    background: #fefefe;
    margin-left: 16px;
    border-radius: 20px;
    border: 1px solid #ddd;
}
.fieldclass{ 
	width: 100%;
    /* background: #e9edf2; */
    padding: 0px;
    border-top: 1px solid #ddd;
}
.packagepop {margin: 25px auto;}

ul.modify.nav.nav-pills.innertab {
    background: #e5eaf1;
	padding-left: 10px;
	margin-top: 10px;
}
  
.nav.nav-pills.innertab>li>a {
    padding: 7px 10px 7px 10px;
    border-radius: 0;
}
.nav.nav-pills.innertab>li>a:focus, .nav.nav-pills.innertab>li>a:hover{background-color: #fff;color: #222d32;padding: 7px 10px 7px 10px}
 
li.tabdeact {
    padding: 7px 0 0 5px;
}
li.tabact {
	padding: 7px 0 0 5px;
}
.nav-pills.innertab>li.active>a, .nav-pills.innertab>li.active>a:focus, .nav-pills.innertab>li.active>a:hover{background: #fff;color: #222d32;padding: 7px 10px 7px 10px;}
table.channels> tbody > tr, table.channels>thead > tr {
	/* display:table; */
	width:100%;
	}
/* table.channels>thead th, table.channels>tbody td {text-align:center;} */
table.channels> tbody, table.channels>thead {display:block}
table.channels> tbody {
	overflow: overlay;
    max-height: 200px;
    width: 100%
}
table.channels>thead, table.channels>tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
p.pdiv {
    margin: 0;
}
div#modiSection3 {
    height: 300px;
    overflow: auto;
}
div#modiSection6 {
    height: 300px;
    overflow: overlay;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f1f1f1 !important;
}
table#sub th {
    text-align: center !important;
}
table#sub td {
    text-align: center !important;
}
.paymenttb tr th{padding:10px;}

a.clickview {
    padding: 3px 6px 4px 6px;
    background: #5eb85e;
    border: 1px solid #5eb85e;
    box-shadow: none;
    line-height: 1.5;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
}
a.clickview:hover, a.clickview:focus{background: #347ab7; border: 1px solid #347ab7; color:#fff;}
.viewhead{
	padding: 9px 14px 5px 10px;
    border-bottom: 1px solid #e5e5e5;
    background: #e7e7e7;
	border-radius: 4px;
}
.viewclose{
	font-size: 25px;
    color: #060606;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
}
.viewborder {
    border: 1px solid #eaeef3;
    box-shadow: none;
	margin-top:10px;
}
button.duepay {
    background: #5cb85c;
    color: #fff;
    box-shadow: none;
    border: none;
    font-size: 13px;
    padding: 4px 10px;
	border-radius:0px;
}
button.duepay:hover, button.duepay:focus{background:#449d44;color:#fff;}
.table.allpack>thead>tr>th, .table.allpack>tbody>tr>td{text-align:center;}
@media (max-width: 768px){
.navbar-header {float: inherit;}
 .logo-img{width:100px;}
 .notice-success {height: auto;}
 .formmarg{padding-bottom:5px;}
 .logo-img-mobile{margin-right: 0;}
 ul.top-header-menu li{margin:5px 10px;}
 
}
 
.top-header-menu .fa-3 {font-size: 2em !important;}
@media (max-width: 768px) and (min-width: 320px){
.visible-sm-block {
    display: block !important ;

}
}
@media (min-width: 769px){
.visible-sm-block {
    display: none !important ;
}
}
.navbar-toggle .icon-bar {
    height: 3px;
    background-color: #444444;
}
/* Responsive */
@media (min-width: 1025px){
	.table-responsive{
		min-height: 0;
		overflow-x: hidden !important;
	}
}	
@media (max-width: 992px){
	.ul.top-header-menu a{
		font-size:12px;
	}
	ul.top-header-menu li {
		float: left;
		margin: 0 15px;
	}
}
@media (max-width: 767px){	
	.header-top-bar{	
		display:none;	
	}	
    #footer{padding-left: 0px}
}
/* .input-group {
    display: flex !important;
} */
.panel{
	-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
       -moz-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
            /* box-shadow: 6px 7px 9px -5px rgba(0,0,0,.5); */
			box-shadow:0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}
/*Custom Filter Sorting*/
#dataTables-sorting_filter{
	float:right;
}
.pagination{
	float:right;
}
.balance-info{
	margin: 25px 0;
}
.pull-right.balnce-loc {
    line-height: 2;
    padding-right: 8px;
    font-weight: 600;
}
.existing, .new{
	display:none;
}

.gold{
	color: #fff;
    background-color: #d4af37;
    border-color: #d4af37;
}
.gold:hover{
	color: #fff;
    background-color: #d4af37;
    border-color: #d4af37;
}
.platinum{
	color: #000;
    background-color: #e5e4e2;
    border-color: #e5e4e2;
}
.platinum:hover{
	color: #000;
    background-color: #e5e4e2;
    border-color: #e5e4e2;
}
.footer-center a{
	color:#fff;
}
.footer-center a:hover {
    color: #00B4DC;
}
.active.menu-active .menu-top-link{
	font-weight: 700;
}

#page-wrapper{
/*	background: url('http://apps.webdefy.com/sapaa/assets/img/cream_pixels.png') repeat center;*/
}

.panel{border:none;} 
.body_bdr{border:1px solid #ddd;}
.input-group {width: 100%;}
button, html input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus{outline:none !important; outline-offset: none;}
.dataTables_length {
    padding-bottom: 10px;
}
td.dataTables_empty {text-align: center;}
.form-control {width: 100% !important; box-shadow:none;}
.p_t_5{padding-top:5px;}
.headingcustomer {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 6px 10px !important;
    font-size: 15px;
}
.panel-danger>.headingcustomer_err {
  color: #fff;
  background-color: #EA4A4A;
  border-color: #EA4A4A;
  padding: 5px 10px !important;
  font-size: 15px;
}
.dataTables_filter .form-control, .dataTables_length .form-control {
    width: auto !important;
}
.customth {
    background: #f5f5f5;
    font-weight: 400;
    color: #2c3b41;
}
td.customtd {
    color: #1e282c;
    font-weight: 600;
}
.abbtn {
    padding: 5px 12px !important;
    background: #5eb85e;
    border: 1px solid #5eb85e;
    box-shadow: none;
    line-height: 1.5;
    border-radius: 2px;
    font-size: 11px;
    color: #fff;
}
.margin_btm0 {
    margin-bottom: 0px;
}
.lcoportel_footer {
    background: #E6F0F3;
    padding: 8px 15px;
    text-align: right;
    border-top: 1px solid #b4e4f3;
}
.bshadow{box-shadow:none;}
.btn_submit{margin-top:24px;}
.nav-tabs>li>a {
    color: #fff;
    padding: 7px 10px 4px 10px;
}
@media (max-width: 1024px){	
/*
#footer {	
    position: unset;	
}	
*/
#page-wrapper {	
    min-height: 551px !important;	
}	
      .dash-panel .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {	
    border-bottom: 2px solid #55a941 !important;	
}	
    fieldset{	
        overflow-x: auto;	
        width: 100%;	
    }	
}	
@media (min-width: 1200px){	
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {	
/*    float: unset;	*/
}
    .mr7{margin-top: 7px;}
}	
@media (max-width: 1367px) and (min-width: 768px){	
/*	
#footer {	
    position: unset;	
}	
*/	
.mb7{margin-bottom:9px !important;}
 .sidebar{height: 455px !important;}	
}
@media screen and (max-width: 768px) {
        .balance-info .notice{height: auto;}
        .notmd{margin-bottom: 0px;}
    .form-inline .form-group {
        margin-bottom: 15px;}

}
.lcoportel_footer .form-group {
    margin-bottom: 0px;
}
.panel-heading .nav-tabs>li>a {
    color: #ffffff;
    font-size: 16px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555 !important;
}
.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
    color: #337AB7 !important;
}
.margin_btm0{margin-bottom:0px;}
.form-control{margin-bottom: 15px;}
.txt_center{text-align:center;}
input#error_transaction:focus {
    outline: none;
    box-shadow: none;
}
.lcoportel_footer {
    background: #E6F0F3;
    padding: 10px;
	text-align: right;
	border-top: 1px solid #b4e4f3;
}
.new_btnalign:focus {
    outline: none !important;
	outline-offset: unset !important;
}
.panel{border:none;}
.marg_bottom_10{margin-bottom:10px;}
.abbtn {
    padding: 5px 12px !important;
    background: #5eb85e;
    border: 1px solid #5eb85e;
    box-shadow: none;
    line-height: 1.5;
    border-radius: 2px;
    font-size: 11px;
    color: #fff;
}
.abbtn:hover{
	color:#fff;
	background: #1eb11e;
    border: 1px solid #1eb11e;
	}
@media (max-width: 360px){
ul.top-header-menu.pull-right {
    padding: 0px;
}
}
.m_l_5{margin-left: 5px;}
.m_t_20{margin-top: 20px;}
@media (max-width: 1024px){
    #footer {	
    position: unset;	
}
}
@media (max-width: 768px){
   .btn {
    float: right;
}
    .lcoportel_footer .btn{float: unset;}
.tr-rt{text-align: right;}
    
#footer {	
    position: unset;	
}
    .mmd-1{margin-bottom: 10px;}
    .mmd-t1{margin-top: 10px;}
}
.cls-ovf{overflow: auto;}
.f-none{float: none !important;}
.f-right{float: right !important;}
.m_l_10{margin-left: 10px;}
p#profile-name {margin: 0;}
.dsh_width{width:89%;}

@media only screen and (max-width: 1024px) and (min-width: 768px){
    .m2t-1{
        margin-top: 10px;
    }
    .m2t-40{
        margin-top: 40px;
    }
    
}
@media only screen and (max-width: 1132px) and (min-width: 992px)
{
    .panel-green .panel-heading, .panel-red .panel-heading {
height: 130px !important;
}
    .mtl-1{margin-top: 10px;}

}
@media (max-width: 991px)	
{
    .notice.notice-success.notmd select, .notmd input {
    margin-bottom: 10px;
}
    .notmd {
    height: auto;
}
}
.mtt-10{margin-top: 10px;} 
@media (max-width: 768px){	
    .mtt-10{margin-top: 0px;}
}
.tableFixHead {
  margin-top: 10px;
  overflow-y: auto;
  height: 400px;
  margin-bottom: 10px;
  overflow-x: auto;
  width: 100%;
}
.tableFixHead thead th {
  position: sticky;
  top: -1px;
  background: #f0f5f9 !important;
  vertical-align: middle;
  box-shadow: inset 0 1px 0 #ccc, inset 0 -1px 0 #ccc;
  text-align: center;
}
div::-webkit-scrollbar {
  background: #fff;
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}
td.pak_td {
  word-break: break-all;
}
ul.modify.nav.nav-pills.innertab {
    background: #aab8cc;
    padding-left: 10px;
}
li.tabact {
    padding: 7px 0 0 5px;
}
.nav-pills>li a {
    padding: 7px 10px 7px 10px;
    color: #fff;
}
.nav-pills>li a:hover {
    background: #fff;
    color: #222d32;
    padding: 7px 10px 7px 10px;
    border-radius: 0px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background: #fff;
    color: #222d32;
    padding: 7px 10px 7px 10px;
    border-radius: 0px;
}
@media only screen and (max-width: 1440px) and (min-width: 1025px){
    .mb-70{margin-bottom: 70px;}
    .mb-90{margin-bottom: 90px;}
    .mb-100{margin-bottom: 100px;}
    .hg-ab{min-height: 300px;}    
    .hg-bb{min-height: 450px;}    
    .hg-hb{min-height: 600px !important;}    
    fieldset{overflow-x: auto;}
    #footer{position: unset;}
    
}
a:focus, a:hover{
    color: #578027;
}

@media only screen and (max-width: 480px) {
  ul.top-header-menu li:last-child {
    display: block;
    }
  ul.top-header-menu li {
      display: none;
    }
}