h1, h2, h3, h4, h5, h6{color:#538b40; padding:10px 0; margin:0; text-transform:capitalize; font-weight:700;}
img {
	max-width: 100%;
	border:0;
}
.ck-editor__editable {
	height: 140px;
    overflow-y: auto;
}

input[type="text"].float_decimal{ text-align: right;}

input[type="text"].integer_decimal{ text-align: right;}

.purchase-receipt-table-td {
	    padding-top: 12px !important;
}


.table-checkable tr>td:first-child, .table-checkable tr>th:first-child {
	text-align: left !important;
    padding: 7px 5px !important;
}

.sub-bank-menu, .sub-activity-report {
	width: 310px;
}

.vat-record-receipt input, .vat-record-receipt .select2-container {
	width: 310px !important;
}

td .help-block {
	text-transform: none !important;
}

.sale_setting_form .add_raw, .sale_setting_form .delete_raw {
	padding: 5px 7px !important;
	margin-left: 0 !important;
}

.required-inline:after { content:" *"; color: red !important; }

.readonly_name { background-color: #fff !important; }

.email-label { text-transform:none !important; }
.align-right { text-align: right; }

.select2-container .select2-search--inline .select2-search__field { border: none !important; }

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { margin: 3px 0 0 4px; }

.company-min-width { min-width: 200px !important; font-weight:600;}

.pad-vat-submit { padding-top: 10px; }

a {text-shadow: none;color: #538b40;}

input, textarea, select {-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;height: 28px !important;font-size:12px;line-height:14px;border: #ccc solid 1px;}
input[type="checkbox"]{height:auto !important;}

.form-control, output{font-size:12px; padding:3px 10px;}
.invoice_detail_block .form-control{padding:3px;}

.select2-container--bootstrap .select2-selection--single {height: 28px;line-height: 14px;padding: 6px 24px 0px 12px;font-size: 12px; }
input:focus, textarea:focus, select:focus, .select2-container--bootstrap .select2-selection--single:focus {box-shadow: 0px 3px 6px #ddd !important;border: #ccc solid 1px !important;}
input[type="file"] {height: 30px !important;padding: 7px !important;margin-right: 10px; display:inline-block;}
.help-block {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	margin-left: 5px;
}
.form .form-actions.right, .portlet-form .form-actions.right, .rgt-btn-top, .rgt-btn-top-popup {
	padding-right: 15px !important;
	position: absolute;
	right: 0;
	top: -40px;
}

.form .form-actions.right .fa, .portlet-form .form-actions.right .fa, .rgt-btn-top .fa{display:none;}
.rgt-btn-top{top:0;}
.form-actions.right.import-block {
	position: static;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {font-size:12px;
	border-top: 0;
	padding: 3px 15px 6px 3px !important;
}
 .table > caption + thead > tr:first-child > th.sorting, .table > colgroup + thead > tr:first-child > th.sorting, .table > thead:first-child > tr:first-child > th.sorting {padding-right:25px !important;
}
.portlet{padding:0; margin:0px;}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown {position: relative; padding: 0 5px 0 18px;}
.page-header.navbar .page-logo {width: 120px;border-right: #ccc solid 1px;height: 50px;background: #fff;}
.page-header.navbar .hor-menu {width: calc(100% - 420px); text-align:center}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background: none;border-color: none;}
.hamburger-menu, .hamburger-top-menu{display:none;}
.page-header.navbar .top-menu .navbar-nav{display:block;}
.page-header.navbar .top-menu {width: 300px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {padding: 15px 4px; background:none;}
.page-header.navbar .top-menu li {width: 150px;border-left:#ccc solid 1px; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown {height: 50px;}
.page-header.navbar .page-logo .logo-default {max-width: 66px;padding: 5px;}
.page-header.navbar .top-menu li .username, .page-header.navbar .top-menu li:last-child .username, .page-header.navbar .top-menu li ul li a {text-overflow: ellipsis;overflow: hidden;width: 98px;white-space: nowrap;}
.page-header.navbar .top-menu li ul li a {width: 240px;text-transform: capitalize;border-bottom: #ccc solid 1px;padding: 12px 10px;}
.page-header.navbar .top-menu li ul li a:hover{background: #4c5f74; color:#fff !important;}
.page-header.navbar .top-menu li ul li a:hover i{color:#fff;}
.nav > li > a:focus, .nav > li > a:hover{background:none;}
.page-header.navbar .top-menu li ul li:last-child a{border:0;}
.page-header.navbar .top-menu li ul li{border:none;}
.page-header.navbar .top-menu li:last-child .username{width:100px;}
.page-header.navbar .top-menu li:first-child {width: 150px;}
.dropdown-menu {box-shadow: #ddd 0px 2px 4px 0; -webkit-box-shadow: #ddd 0px 2px 4px 0; -ms-box-shadow: #ddd 0px 2px 4px 0; -moz-box-shadow: #ddd 0px 2px 4px 0; min-width:220px;}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu{left:0;}

.customer-menu::before, .staff-menu::before, .sales-menu::before, .supplier-menu::before, .utility-menu::before, .bank-menu::before, .account-menu::before, .reports-menu::before, .setting-menu::before {
content: "\f07a";font-family: fontawesome;font-size: 18px;margin-right: 10px;position: absolute;left: 8px;top: 11px; color:#fff;}
.account-menu::before{content: "\f02d"}
.supplier-menu:before{content:"\f0f7";}
.bank-menu:before{content: "\f19c";}
.account-menu:before{"\f007"}
.reports-menu:before{content: "\f080";}
.setting-menu:before{content: "\f013";}
.utility-menu:before{content: "\f0ad";}
.staff-menu:before{content: "\f007";}
.customer-menu:before{content: "\f0d6";}

.page-header-fixed .page-container {max-width: 1140px;margin: 70px auto 20px;}
.page-header-fixed .page-container {
	max-width: 100%;
	margin: 70px auto 20px;
	padding: 0 15px;
}
.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {background: #2b3643;box-shadow: #ddd 0px 3px 6px; -webkit-box-shadow: #ddd 0px 3px 6px; -ms-box-shadow: #ddd 0px 3px 6px; -moz-box-shadow: #ddd 0px 3px 6px; height:50px; min-height:50px}

.page-header.navbar .hor-menu .navbar-nav li a{color:#333; font-size:11px; padding:15px 2px 15px 14px; /*min-height:50px;*/}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username{color:#fff; font-size:14px; text-transform:capitalize; font-weight:400;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i{font-size:24px; color:#fff;}
.page-header.navbar .hor-menu .navbar-nav li, .page-header.navbar .hor-menu .navbar-nav li a{transition: all ease-in all; -webkit-transition: all ease-in all; -ms-transition: all ease-in all;}
.page-header.navbar .hor-menu .navbar-nav > li:hover {
	background: #4c5f74;
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content{padding:0;}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a:hover {
	text-decoration: none;
	background: #6385ac;
	color: #fff;
}
.page-header.navbar .hor-menu .navbar-nav > li > a{color:#fff; min-height:50px;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu{width:220px; overflow:hidden; }
.page-header.navbar .hor-menu .navbar-nav {float: none;display: inline-block;}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3{font-weight:700;}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu{padding:10px 0 0;}

/*history*/
.thumbnail {
	padding: 0;
	border: 0;
}
.cross-icon{color:red; float:left; width:100%;}

/*Dashboard content*/
.page-content-wrapper .page-content {padding:0;}
.page-container-bg-solid .page-bar, .page-content-white .page-bar{margin:0; padding:0;}
.page-content-white .page-title{margin: 0 0 15px;font-size: 24px;color: #538b40;text-transform: capitalize;font-weight: 700;display: inline-block;}
.page-content-white .page-title small {
	padding-left: 10px;
	color: #538b40;
}
.page-content-white .page-title span{font-weight:normal;}
.page-footer {padding: 10px 20px 5px;height: 35px;background: #2b3643;color: #fff;text-align: center;}
.page-footer .page-footer-inner{width:100%;}
.dashboard-stat {margin-bottom: 25px;border-radius: 4px;padding:0;}
.dashboard-stat.dashboard-stat-v2 .visual {padding: 0;margin-bottom: 0;}
.dashboard-stat .visual {width: 60px;height: 60px;display: block;float: left;padding-top: 10px;padding-left: 15px;margin-bottom: 15px;
font-size: 36px;line-height: 35px;}
.dashboard-stat .visual > i {margin-left: 0;font-size: 40px;line-height: 40px;height: 60px;opacity: 1 !important;width: 80px;line-height: 60px;text-align: center;border-radius: 0;}
.dashboard-stat.blue .visual > i{background: #2686c8;}
.dashboard-stat.red .visual > i{background: #d8444e;}
.dashboard-stat.green .visual > i{background: #24b1be;}
.dashboard-stat .details .number {font-size: 22px;letter-spacing: 0px;font-weight: 400;padding: 3px 10px 0 0;text-align: left;line-height: 30px;}
.dashboard-stat .details .desc {font-size: 16px;font-weight: 300;padding: 0 10px 0 0; text-align:left;}
.dashboard-stat .details {position: absolute;left: 110px;padding-right: 15px;}

.purchase-year-block, .top-supplier-block, .supplier-balance-block, .top-supplier-block-purchase {
	box-shadow: #ddd 1px 0 6px 1px;
	padding: 15px;
	margin:10px 0;
}
.portlet-title {
	background: #24b1be;
	color: #fff;
	margin: -15px;
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: ;
}

.flot-y-axis.flot-y1-axis.yAxis.y1Axis div {
	color: #333 !important;
	padding:5px 10px 0 0;
	}
	.flot-x-axis.flot-x1-axis.xAxis.x1Axis div {
	padding: 5px 0 0 0;
	color: #333 !important;
}
.purchase-year-block .label.label-sm {
	font-size: 13px !important;
	padding: 5px 10px;
	float: left;
	margin: 13px 10px 0 0;
	font-weight: bold;
}
.purchase-year-block .text-stat h3 {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 18px;
	float: left;
	clear: none;
}
.blue-color-dash{background:#2686c8;}
.red-color-dash{background:#d8444e;}
.light-blue-color-dash{background:#24b1be;}

/*End Dashboard content*/

/*Add Supplier*/

.form .form-body, .portlet-form .form-body {padding: 0;}
.form .form-actions, .portlet-form .form-actions, .right-btn {padding: 0 !important;margin:0;background: none;border-top: none;}
.btn.blue:not(.btn-outline), .btn.btn-outline.green {color: #FFF;background-color: #538b40;border-color: #538b40;border-radius: 5px !important;}
.btn.default:not(.btn-outline) {color: #333;background: none;border:#ccc solid 1px;}
.btn {padding: 8px 20px;margin-left: 10px;font-size: 16px;line-height:18px;font-family: 'Titillium Web', sans-serif;}

.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle, .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus,
.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover{color: #FFF;background-color: #356525;border-color: #356525;}

.btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open > .btn.default:not(.btn-outline).dropdown-toggle, .btn.default:not(.btn-outline).focus, .btn.default:not(.btn-outline):focus {color: #fff;
background-color: #356525;border-color: #356525;}

.supplier-account-detail, .supplier-register, .left-box, .rgt-box, .full-box, .half-box-left, .quarter-box, .small-box, .invoice-discrepancy, .invoice-detail {background: #fff;border: #ccc solid 1px;border-radius: 5px;margin-top:15px;width:calc(50% - 15px);box-shadow: #ddd 0px 3px 6px;padding-bottom:10px; padding:15px;}
.small-box{width:25%; float:right;}
.quarter-box{width:75%; float:left;}
.invoice-discrepancy{width:calc(50% - 20px); float:right; }
.invoice-detail{width:50%; float:left;}
.left-box{float:left;}
.rgt-box{float:right;}
.full-box{width:100%; float:left;}
.supplier-register {float: right;}
.form .form-section, .portlet-form .form-section {margin: 10px 0 10px;padding-bottom: 0px;border-bottom: 0;font-size: 18px;color: #333; padding:0;}
.form-group {margin-bottom: 4px;}
label {
	display: inline-block;
	margin-bottom: 2px;
	font-size: 13px;
	text-transform: capitalize;
	font-weight: 600 !important;
	font-family: 'Titillium Web', sans-serif;
}
.edit-journal-page .help-block {
	float: left;
	width: 100%;
	margin: 0;
}
/*.debit_total, .credit_total {
	margin: 7px;
	float: right;
}*/
#add_more_invoice .fa {
	display: none;
}
.journal-enrty-view label{width:100%; float:left;}
.journal-enrty-view .help-block {
	margin: 0;
}
.journal-enrty-view textarea{height:80px !important;}
#add_more_journal i {
	display: none !important;
}

.memo-box-journal-entry textarea#memo {
	height: 55px!important ;
}

/*List SUpplier*/
.outstanding-amount.sorting {
	text-align: right;
}
.strong{font-weight:600;}

.strong-right{font-weight:600; text-align:right;}
.align-center{text-align:center;}
.outstanding-amount {
	font-weight: 600;
	text-align: right;
}
table .email-address, table .email-address a {color:#538b40;}
table .email-address a:hover, table .email-address a:focus{color:#1b5f04; text-decoration:underline;}

#reason_modification {
	height: 100px !important;
}
.portlet.light.portlet-fit {padding: 0;margin: 10px 0 0;}
.btn:not(.btn-sm):not(.btn-lg) {line-height: 14px;}
.portlet.light.bordered {border: 0 !important; padding:0;}
.portlet.light.portlet-datatable.portlet-fit > .portlet-body{padding:0;}
table.dataTable tr.heading > th {background-color: #2b3643;color: #fff;font-size: 16px;font-family: 'Titillium Web', sans-serif;font-weight: 400;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f6f6f6;}
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {background: #f6f6f6 !important;}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td, table tbody td, .table td, .table th {text-transform: capitalize;font-size: 11px;}

table.table-bordered.dataTable tbody th.email-address, table.table-bordered.dataTable tbody td.email-address{text-transform:none;}
.table-bordered, .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, table.dataTable.no-footer {	border: 1px solid #d4d2d2;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {z-index: 3;color: #fff;background-color: #538b40;border-color: #538b40;cursor: default;}
/*table.dataTable thead th:first-child {
	width: 25%;
}*/
table.dataTable {margin-top: 6px !important;float: left;width: 100%;}
.portlet.light .dataTables_wrapper .dt-buttons{margin:0;}
div.dt-button-collection {
	max-height: 200px;
	overflow: auto;
	width: 240px;
}
div.dt-button-collection > a.dt-button.active {
	background: #7e8b9b !important;
}
div.dt-button-collection > a.dt-button.active > span{color:#fff;}

/*add invoice*/
.cnt-btn-block {
	float: left;
	width: 100%;
	padding: 0 0 15px;
}
.cnt-btn-block .form-section {
	display: inline-block;
	width: auto;
	padding: 5px 0 0;
}
.padd-top15{padding-top:15px;}


/*payment allocation*/
.payment-allocation-table {
	padding: 20px 0 0;
}
.payment-allocation-table table .input-small{width:90px !important;}
.payment-allocation-table table span{padding-right:5px;}
.payment-allocation-table .toggle.btn {
	width: 40px !important;
	min-width:inherit;
	min-height: 20px;
	height:auto !important;
}
.payment-allocation-table .toggle.btn .btn {
	margin: 0;
}
.payment-allocation-table .toggle.btn .btn {
	padding: 7px 11px !important;
	margin: 0px;
	font-size: 16px;
	line-height: 18px;
	font-family: 'Titillium Web', sans-serif;
	height: 19px;
}
.payment-allocation-table .btn-success {
	color: #fff;
	background-color: #538b40;
	border-color: #538b40;
}
.payment-allocation-table .toggle.btn label{font-size:0 !important;}

.payment-allocation .small-box{float:right; width:calc(25% - 20px);}
.payment-allocation .quarter-box{float:left;}


.send-payment-select {
	padding: 0;
}
.send-payment-select label {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px;
	float: left;
	width: 100%;
}
.send-payment-select .email-margin {
	float: left;
	width: 50%;
	padding: 0 0 5px;
}
.invoice-payment-allocation {float:right; max-width:600px; padding-top:10px;}
.invoice-payment-allocation #on_account {
	width: 50%;
	float: right;
}
.invoice-payment-allocation .control-label {
	font-size: 14px;
	font-weight:bold;
}
.invoice-payment-allocation .form-group {
	padding: 0 0 15px;
}
.invoice-payment-allocation .invoice_text {
	float: right;
	font-size: 18px;
	font-weight: bold;
}
.invoice-payment-allocation .invoice_tot_text.float-right {
	float: right;
	font-size: 22px;
	font-weight: bold;
}

.payment-allocation-table .table > caption + thead > tr:first-child > td, .payment-allocation-table .table > caption + thead > tr:first-child > th, .payment-allocation-table .table > colgroup + thead > tr:first-child > td, .payment-allocation-table .table > colgroup + thead > tr:first-child > th, .payment-allocation-table .table > thead:first-child > tr:first-child > td, .payment-allocation-table .table > thead:first-child > tr:first-child > th, .edit-jounal-invoice-table th, .default-table th {
	border-top: 0;
	font-family:'Titillium Web', sans-serif;
	background: #2b3643;
	color: #fff;
	border-right:1px solid #d4d2d2;
	font-weight: 300;
}
.default-table {
	float: left;
	width: 100%;
	padding: 20px 0;
}
.edit-jounal-invoice-table{float:left; width:100%; padding:20px 0 0;}
.edit-jounal-invoice-table .debit_total, .edit-jounal-invoice-table .credit_total {
	padding-right: 10px;
}
.edit-jounal-invoice-table table{border:1px solid #d4d2d2; margin-bottom:10px;}
.payment-allocation-table table, .default-table table {
	border: 1px solid #d4d2d2;
}
.credit-history-block {
	float: left;
	width: 100%;
	padding: 20px 0 10px;
}
.credit-history-block h4 {
	padding: 8px 0 0;
	float: left;
}

input[type=number], input[type=number]:hover, input[type=number]:focus {
    -moz-appearance:textfield;
	 -webkit-appearance:textfield;
	  text-align:right;
	  -ms-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.delete_add_more_discrepancy, .delete_add_more_invoice, .delete_add_more_credit {
	position: absolute;
	top: 17px;
	
	background: red;
	padding: 2px;
	border-radius: 55px;
	height: 12px;
	width: 12px;
	z-index: 99;
	text-align: center;
	color: #fff;
	line-height: 13px;
	font-size: 12px;
}
.delete_add_more_discrepancy .fa-trash::before, .delete_add_more_invoice .fa-trash::before, .delete_add_more_credit .fa-trash::before{
	content: "\f00d";
	margin: -15px 0 0 -4px;
	position: absolute;
	font-size: 10px;
}
.fa {
	font-size: 16px;
}
.delete_add_more_discrepancy{top:12px;}
.delete_add_more_discrepancy:hover, .delete_add_more_invoice:hover, .delete_add_more_credit:hover{color:#fff;}
.invoice-total {
	float: left;
	padding:20px 0 10px;
	width: 440px;
	clear:both;
}
.invoice-total .total label{font-size:14px; font-weight:bold; }
.invoice-total .mark-as-bill{float:left; width:100%; padding:20px 15px 5px;}
.invoice-total .bank_paid {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
.invoice-total .bank_paid .select2-container{width:100% !important;}

.bank-open-statement span{float:left; width:100%; font-size:18px; font-weight:600; color:#2b3643;}
.bank-open-statement .help-block-plus, .bank-open-statement .help-block-equal {
	position: absolute;
	right: 10px;
	width: auto;
	top: 20px;
	font-size: 24px;
}
.bank-open-statement .help-block-equal{right:40px;}
.bank-open-statement .portlet.light .portlet-body{padding:0;}
.bank-open-statement .btn.blue {
	margin: 10px 0 0 !important;
}
/*.bank-open-statement b{font-weight:normal;}*/
/*add credit page*/
.add-credit-total {
	padding: 20px 0;
	float: left;
}
.add-credit-total label {
	float: left;
	font-weight: bold;
	padding-right: 20px;
	font-size: 16px;
}
.add-credit-total input {
	float: left;
	max-width: 200px;
}

/*Bank receipt in */
.receipt-in-bank-form .portlet {
	max-width: 480px;
	float: none;
	box-shadow: #ddd 0px 3px 6px;
	border: #ddd solid 1px;
	margin: 0 auto;
	padding: 20px;
}
.quarter-box.receipt-in-bank-form {
	box-shadow: none;
	margin:0;
	border: 0;
	width: 50%;
}
.recent-activity .portlet.light .portlet-body {
	padding-top: 0px;
}
.recent-activity .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
	display: inline-block;
	float: left;
	margin: 0;
	color: #060606;
	font-weight: 600;
}

.select2-container--bootstrap {
	display: block;
	width: 100% !important;
}


/*general ledger*/
.balance-sheet-accordion-wrapper.general-ledger{width:100%; max-width:100%;}
.general-ledger .balance-filter {
	width: 100%;
	max-width: 100%;
}
.general-ledger .balance-filter .full-box{width:100%;}

.error {
	font-size: 10px;
}
.center-form{max-width:500px; margin:0 auto; float:none; overflow:hidden;}

.center-form-prescription{max-width:700px; margin:0 auto; float:none; overflow:hidden;}
.center-form input, .center-form select, .center-form textarea, .center-form .select2-container {
	width: 60% !important;
	float: right;
	margin-bottom: 5px;
}
.center-form .select2-container{float:right; margin-bottom:5px;}

.modal-body {
	position: relative;
	padding: 0 15px 15px;
}
.modal-body p, .modal-body hr {
	margin: 0;
}


.modal-header {
	padding: 0 15px;
	border-bottom: 1px solid #e5e5e5;
}

.width15per{width:15%;}
.pandding-bt-none{padding-bottom:0;}
.padding-none{padding:0;}
.margin-none{margin:0;}
.view-icon a {
	font-size: 0;
	text-align: center;
	display: block;
}
.view-icon a:before {
	content: "\f06e";
	font-family: fontawesome;
	font-size: 16px;
}
.border-table-design table.dataTable tr.heading > th, .border-table-design table tr > th {
	background-color: inherit;
	color: #2b3643;
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	border: #fff solid 1px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.border-table-design table.dataTable, .border-table-design table {
	margin-top: 6px !important;
	float: left;
	width: 100%;
	border: 0 !important;
}
.border-table-design table.table-bordered.dataTable tbody th, .border-table-design table.table-bordered.dataTable tbody td {
 	border: 0;
/*	padding: 12px 0;*/
}

/*bank pages*/
.recent-activity {width: 40%;float: right;padding: 0;}
.receipt-in-bank-form textarea.form-control {
	height: 80px !important;
}
.recent-activity  .mt-comment-text {
	color: #666 !important;
	font-size: 14px;
	padding-bottom: 5px;
}

.recent-activity .mt-comments .mt-comment .mt-comment-body {
	padding-left: 0;
	border-bottom: #ddd solid 1px;
	padding: 5px 10px;	width: 50%;	float: left;	/* border-right: #ccd solid 1px; */
	min-height: 66px;
}
.recent-activity .mt-comment-info {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 10px;
}
.recent-activity .mt-comment-text.price {
	float: right;
	font-weight: 600;
	color: #333 !important;
}
.recent-activity .mt-comments .mt-comment .mt-comment-body:last-child{border-bottom:0; margin:0;}

.recent-activity .portlet.light > .portlet-title {
	background: #2b3643;
	min-height: inherit;
	padding: 3px 10px;
	font-size: 14px;
	font-weight: 300;	width: 100%;	float: left;	margin: 0;	font-weight: 600;
}
.recent-activity .mt-comments .mt-comment h3 {
	padding: 5px 10px;
	font-size: 14px;
	border-bottom: #ccc solid 1px;
}
.recent-activity .mt-comments .mt-comment .mt-comment-body .mt-comment-text{padding:0;}
.mt-comments .mt-comment {padding: 0;margin: 0;}
.mt-comments .mt-comment .mt-comment-body {padding-left: 0;}
.portlet.light > .portlet-title{background: #2b3643;min-height: inherit;padding:7px 15px;font-size: 16px;font-weight: 300;margin: -15px -15px 0px;}
.portlet.light .portlet-body {padding-top: 15px;}
.mt-comments .mt-comment .mt-comment-body .mt-comment-text {color: #999;font-size: 12px;}
.mt-comments .mt-comment:hover {background: none;}
.btn-group.form-actions.right .add-eoy {margin-right: 10px;}

/*change-password-box*/
.change-password-box .form-group{ margin:0;}

/*edit-sales-account*/
.edit-sales-account .btn i, .edit-sales-account .btn .fa{display:block;}
.edit-sales-account .form-actions.right .btn i, .edit-sales-account .form-actions.right .btn .fa{display:none;}
.margin-10-bt{margin-bottom:10px;}
.margin-10-top{margin-bottom:10px;}
.edit-sales-account .form-group {
	margin-bottom: 10px;
}
/*import-supplier*/
.import-supplier label, .import-account label{font-weight:bold; padding:0 10px 0 0;}

/*.import-supplier .help-block a, .import-account .help-block a {
	background: #538b40;
	padding: 5px;
	color: #fff;
	border-radius: 5px;
	padding: 7px 15px;
}
*/
/*balance-sheet-page*/
.balance-sheet-title-block {
	text-align: center;
	width: 100%;
}
.balance-sheet-title-block .page-title {
	margin: ;
	margin: 0 0 5px;
}
.balance-filter .form .form-actions.right{top:0px;}
.balance-sheet-page-accordion {
	padding: 15px 0 0;
	float: left;
	width: 100%;
}

.note.note-info {float: left;width: 100%; padding:10px 30px 10px 15px;}
.note.note-info {background-color: #f5f5f5;border-color: #538b40;color: #010407;}
.portlet.box.blue, .profit-loss-table {float: left;width: 100%;margin: 0px;background: none;}
.profit-loss-table .table > thead > tr > th{padding:3px 5px;}
.profit-loss-table{margin: 15px 0 20px;}
.profit-loss-table .portlet-title {background: #2b3643;padding:5px 10px !important;font-size: 18px;margin:0;font-family:'Titillium Web', sans-serif;
line-height: 18px; min-height:inherit;}
.profit-loss-table .portlet.box {padding: 0 !important;margin: 0 0 10px;border: #eee solid 1px;}
.balance-sheet-page-accordion .portlet-title  {margin: 0;}

.balance-sheet-page-accordion .portlet.box > .portlet-body th{padding:3px 5px;}
.balance-sheet-page-accordion .cap_fa.cap-total-fa, .balance-sheet-page-accordion .cap_ca.cap-total-ca, .balance-sheet-page-accordion  .cap_cl.cap-total-cl, .balance-sheet-page-accordion .cap_ltl.cap-total-ltl, .balance-sheet-page-accordion .cap_cr.cap-total-cr {
	float: left;
}
.portlet.box > .portlet-body {	background-color: #fff;	padding: 5px 0;}
.portlet.box > .portlet-body td{padding-top:3px; padding-bottom:3px; border-bottom:#eee solid 1px; border-top:0;}
.portlet.box > .portlet-body tr:nth-child(2n+2){background:#f7f7f7;}
.portlet.box > .portlet-body tr:nth-child(2n+2) {
	background: #f7f7f7;
}
.balance-sheet-page-accordion tfoot th {	font-size: 14px !important;	font-weight: bold !important;}
.balance-sheet-page-accordion .table {	margin-bottom: 0;}

.portlet.blue, .portlet.box.blue > .portlet-title, .portlet > .portlet-body.blue {background-color: inherit;font-family: 'Titillium Web', sans-serif;border-bottom: #ccc solid 1px;}
.portlet.box > .portlet-title > .tools > a.collapse, .portlet.box > .portlet-title > .tools > a.expand {background: #2b3643;width: 22px;text-align:center;line-height:22px;height: 22px;border-radius: 100%;}

.portlet.box > .portlet-title > .tools > a.collapse {
	line-height: 18px; display:none;
}
.balance-sheet-page-accordion .portlet.box > .portlet-title > .tools > a.collapse::before, .balance-sheet-page-accordion .portlet.box > .portlet-title > .tools > a.expand::before {content: "\f068";font-family: fontawesome;color: #fff;}
.portlet.box > .portlet-title > .caption {
	padding:0;
	font-size:16px;
}
.balance-sheet-page-accordion .portlet.box > .portlet-title > .tools > a.expand::before{content: "\f067";}
.balance-sheet-page-accordion .portlet.box.blue {border: none;border-top: 0;}
.balance-sheet-page-accordion .portlet.box.blue > .portlet-title > .caption, .balance-sheet-page-accordion .portlet.box.blue > .portlet-title > .caption > i {color: #2b3643; font-weight:normal; font-size:14px; /*line-height:32px;*/ min-height:inherit;}
.balance-sheet-page-accordion .portlet.box > .portlet-title {
	color: #2b3643;
	padding: 5px 0;
	border-radius:0;
	font-size: 14px;
	min-height: inherit;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
}
.balance-sheet-page-accordion .portlet.box > .portlet-body tr:nth-child(2n+2) {
	background: none;
}
.balance-sheet-page-accordion .portlet.box > .portlet-body td{border:0;}
.portlet > .portlet-title > .tools{padding:0;}
.balance-sheet-page-accordion .tools > div {padding: 0 10px 0 0;font-size: 14px;}
.balance-sheet-accordion-wrapper {
	margin: 15px auto 0;
	float: none;
	clear:both;
	position: relative;
}
.balance-filter .full-box {
	width: 100%;
	float: left;
	margin: 47px 0 20px;
}
.child_color{background:#999 !important;color:#fff;}
.table-hover > tbody > tr.child_color:hover, .table-hover > tbody > tr.child_color:hover > td{background:#999 !important; color:#fff;}

.balance-sheet-accordion-wrapper .portlet.box > .portlet-body tr:nth-child(2n+2){background:none;}
.balance-sheet-accordion-wrapper .portlet.box > .portlet-body td{border:none;}

.balance-sheet-accordion-wrapper thead, .balance-sheet-accordion-wrapper tfoot{position:relative;}
.balance-sheet-accordion-wrapper thead:before, .balance-sheet-accordion-wrapper thead:after, .balance-sheet-accordion-wrapper tfoot:before{background:#ddd; content:""; height:1px; position:absolute; top:0; left:; width:100%;}
.balance-sheet-accordion-wrapper thead:after, .balance-sheet-accordion-wrapper tfoot:after{top:auto; bottom:0;}

.balance-sheet-accordion-wrapper .portlet.box > .portlet-body{padding-bottom:20px; float:left; width:100%;}
.balance-sheet-accordion-wrapper .note.note-info {
	background: none;
	border: 0;
	color: #010407;
	padding: 0;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
	padding: 10px;
	border-radius: 0;
	margin: 0 0 20px;
}
.balance-sheet-accordion-wrapper .note.note-info span{float:right;}
.balance-sheet-accordion-wrapper .note.note-info p {
	width: 100%;
	float: left;
}
/*.balance-sheet-page-accordion .portlet.box > .portlet-body{display:none;}*/


/*balace sheet filter*/
.table-responsive{overflow-x:initial;}
.close-filter {float: right;margin: 1px 0 0px 10px;padding: 3px 10px;background: #2b364d;border-radius: 3px; cursor: pointer;
font-size: 14px;color: #fff;position: absolute;right: 0;top: -47px;}

.pdf-file-vat {
	float: right;margin: 1px 0 0px 10px;padding: 3px 10px;border-radius: 3px; cursor: pointer;
font-size: 14px;position: absolute;right: 0;top: -47px;
}
.pdf-btn, .excel-btn {
	float: right;
	padding: 3px 10px;
	background: #2b3643;
	color: #fff;
	border-radius: 3px;
	right: 40px;
	position: absolute;
	top: -46px;
}
.excel-btn {
	float: right;
	margin-left: 10px;
	right: 90px;
}
.balance-filter {	display: none;	max-width: 1000px;	margin: 0 auto;	float: none;}
.open-filter-blance-sheet .open-filter{display:block;}
.close-filter span{display:none;}
.open-filter-blance-sheet .close-filter span{display:block; font-size:14px }
.open-filter-blance-sheet .close-filter{background:red;}
.close-filter strong{font-weight:normal;}
.open-filter-blance-sheet .close-filter strong{display:none; font-weight:normal;}

.balance-filter .form-actions.right {padding: 0 !important;right:0px;}
.balance-button {right: 0; padding:0 !important; display:none; z-index:9;}
.open-filter-blance-sheet .balance-button  {display:block;}

.balance-filter .select2-container{width:100% !important; }
/*.balance-sheet-page .select2-container{width:100% !important; padding:3px 10px;}*/




.trial-balance-page thead:before, .trial-balance-page thead:after, .trial-balance-page tfoot:before{content:none;}

.trial-balance-page .table > thead:first-child > tr:first-child > th{padding-bottom:15px !important; padding-top:5px !important;}
.trial-balance-page .portlet-body{position:relative;}
.trial-balance-page .portlet-body:after {
    border-bottom: #ddd solid 1px;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 65px;
}


.trial-balance-page table{padding:0; margin:0 !important;}
.trial-balance-page .portlet>.portlet-body{padding:0;}
.trial-balance-page thead:before, .trial-balance-page thead:after{height:1px; background:#ddd; content:""; position:absolute; top:0; left:0;}
.trial-balance-page thead:after{top:30px;}


/*end balace sheet filter*/

/*profit loss page*/
.balance-sheet-accordion-wrapper.profit-loss-page thead::before, .balance-sheet-accordion-wrapper.profit-loss-page thead::after {
	background: none;
	content: "";
	height: 1px;
	position: absolute;
	top: 0;
	left: ;
	width: 100%;
}
.balance-sheet-accordion-wrapper.profit-loss-page .table > thead > tr > th{border:0; font-size:11px;font-weight: bold;}
.portlet.box > .portlet-title{margin:0;}
.portlet.box > .portlet-title {
	border-bottom: #ddd solid 1px;
	padding: 5px;
	min-height:inherit;
	margin-bottom: 0;
	color: #333;
	background: none;
	font-weight:bold;
	font-size:14px;
	border-top: #ddd solid 1px;
	margin: 0;
	border-radius: 0;
}
.profit-loss-page .portlet.box > .portlet-title{float:left; width:100%;}
.profit-loss-btn-top{margin-top:20px;}
/*end*/

/*bank-transfer-page*/
.bank-transfer-page .portlet{max-width:700px;}

/*general*/
.width-20per .col-md-3{width:20%;}
.width-20per textarea{height:80px !important;}

.fa.fa-check{color:green;}
.fa.fa-close{color:red;}
.btn i, .btn .fa{display:none;}
tabel .btn i, table .btn .fa{display:block;}
.btn.btn-outline.grey-salsa , .btn.btn-outline.grey-salsa.active, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa:hover{
	border: 0;
	color: #538b40;
	background: none;
}


.modal .modal-header {
	border-bottom: none;

}
.modal .modal-header .close {
	z-index: 999;
	position: absolute;
	right: -14px;
	height:24px;
	width:24px;
	top: -14px;
	opacity: 1;
}
.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	border: 1px solid #c2cad8;
	min-height: inherit;
	user-select: none;
	-webkit-user-select: none;
	/*height: 28px;*/
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0;
	padding: 0;
	width: 100%;
	border: 0;
	box-shadow: 0 ;
}
input:focus, .balance-sheet-page textarea:focus, select:focus, .balance-sheet-page .select2-container--bootstrap .select2-selection--single:focus {
	box-shadow: none !important;
	/*border: 0 !important;*/
}
table .tr_nominal_code .select2, table .tr_other_select .select2, table .input-small {
	width: 100% !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 7px 5px;
	line-height: 1.42857;
	vertical-align: top;
	border-top: 1px solid #ccc;
}




/*end genereal*/

/*bank-edit-page*/
.bank-edit-page #chart_of_account_id, .add-account-page #chart_of_account_id{
	height: auto !important;
	min-height:280px;
}
.bank-edit-page .form-actions.right, .add-account-page .form-actions.right {
	padding: 0 !important;
}

/*add-sales-type-page*/
.add-sales-type-page button .fa{display:block;}
.add-sales-type-page .form-group{margin-bottom:10px;}

/*aged cteator*/
 .aged-creator table tr td:first-child {color:#538b40;}

/*vat*/
.payment_html h5{padding:1px 0 5px 0;}
.vat-detail .portlet.light.portlet-fit{margin:0;}
.vat-detail .default-table{padding-top:0;}
.var-transfer-form label{padding-right:0; text-align:left;}
.var-transfer-form .btn.green{margin:5px 0 5px;}
.var-transfer-form .form .form-section, .var-transfer-form .portlet-form .form-section{margin-top:0;}
.var-transfer-form .portlet.light .portlet-body {
	padding:10px 0 !important;
	border-bottom: #ccc solid 1px;
	margin: 0 0 10px;
}
.var-transfer-form .portlet.light .portlet-body:first-child{padding-top:0 !important;}
.var-transfer-form .portlet.light .portlet-body:last-child{border:0; padding-bottom:0 !important;}

h4.data-table-title {
	float: left;
	margin-bottom: -25px;
	padding-bottom: 0;
}

/*open-hmrc-form*/
body.open-hmrc-form {
	overflow: hidden;
}
.hrmc-overlay {
	background: rgba(0,0,0,0.7);
	position: fixed;
	left: 0;
	top: 0;
	display:none;
	width: 100%;
	height: 100%;
}
.open-hmrc-form .hrmc-overlay {display:block;}
.submit-hrmc-form-block {
	position: fixed;
	height: 100%;
	width: 580px;
	background: #fff;
	right: 0;
	transform:translate(100%); -webkit-transform:translate(100%); -ms-transform:translate(100%);
	transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s;
	overflow-y:auto;
	top: 0;
	z-index: 99999;
}

.open-hmrc-form .submit-hrmc-form-block{transform: transform:translate(0); -webkit-transform:translate(0); -ms-transform:translate(0);}
.submit-hrmc-form {
	max-width: 390px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
.close-icon .fa.fa-close {
	color: #999;
	font-weight: normal;
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
}

.submit-hrmc-form p{text-align:left; font-size:11px;}
.submit-hrmc-form p.align-center{text-align:center; }
.submit-hrmc-form h3 {
	font-size: 16px;
	color:#2b3643;
}
.form-field-block {
	text-align: left;
}
.form-field-block label, .form-field-block input{width:100%; float:left; margin-bottom:6px; color:#333;}

.hrmc-bottom {
	position: absolute;
	bottom: 0;
	padding: 0px 8px;
	text-align: center;
	background: #eceef1;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 11px;
}
.form-field-block span i {
	border: #ccc solid 1px;
	color: #ccc;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	float: left;
	margin: 5px 3px 0 0;
	line-height: 10px;
	font-size: 8px;
	text-align: center;
}
.form-field-block label i {
	background: #d52b1e;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	float: left;
	font-size: 9px;
	text-align: center;
	color: #fff;
	font-style: normal;
	line-height: 10px;
	margin: 5px 4px 0 0;
}
.hrmc-bottom button {
	background: green;
	padding: 5px;
	float: right;
	color: #fff;
	font-size: 11px;
	border-radius: 3px;
	line-height: 15px;
	margin: 5px 5px 0;
}

.form-field-block span {
	color: #1481c9;
	font-size: 11px;
}

/*support-btn bottom*/
.support-btn {position: fixed;right: 20px;bottom: 20px;color: #fff;background: #538b40; z-index:9999;padding: 10px 20px;border-radius: 40px;font-weight: 600; letter-spacing: 1px;font-size: 15px;z-index: 99;cursor: pointer;}

.support-form {background: #fff;box-shadow: #ccc 1px 2px 10px 0px;height: 575px;width: 450px;display:none;position: fixed;right: 20px;
z-index:99;bottom: 20px;border-radius: 10px;}
.support-form h3 {margin: 0;padding: 10px;text-align: center;background: #538b40;border-radius: 5px 5px 0 0;color: #fff;font-size: 16px;line-height: 32px;}
.support-form form {padding: 20px;width: 100%;}
.support-form textarea {width: 100%;height: 100px !important;margin: 0 0 7px;}
.support-form input{height:35px !important; min-height:inherit;}
.support-form input, .support-form textarea {width: 100%;margin: 0 0 10px;padding: 7px 10px;box-shadow: inset 0 0 6px #ccc;background: #f6f6f6;}
.support-form input:focus, .support-form textarea:focus {
 box-shadow: 0px 1px 3px #538b40 !important;
 border: #538b40 solid 1px !important;
}
.support-form textarea {width: 100%;height: 212px !important;margin: 0 0 7px;resize: none;}
.support-form input[type="submit"] {width: auto;padding: 12px 40px 12px 25px;height: auto !important;background: none;border-radius: 5px;border: 0;color: #538b40;font-size: 16px;text-transform: capitalize;transition:all ease-in 0.3s;box-shadow: none;border: #538b40 solid 2px;border-radius: 50px !important;}
.support-form input[type="submit"]:hover{background:#538b40; color:#fff;}
.support-form .submit-btn-support svg{fill:#538b40;}
.support-form .submit-btn-support:hover svg{fill:#fff;}
.support-close {position: fixed;bottom: 558px;right: 35px;background: transparent;height: 20px;width: 20px;border-radius: 3px;z-index: 99;}
.support-close:hover{background:#81bc6d; cursor:pointer;}
.support-close::before {content: "";background: #fff;width: 12px;margin: 8px 4px 0 0;height: 4px;float: right;}
.support-form .fa-paper-plane, .support-btn .fa-question {font-family: fontawesome;position: absolute;left: 30px;bottom: 30px;font-size: 12px;
color: #fff;}
.submit-btn-support {float: none;width: 124px;margin: 0 auto;position: relative;height: 42px;}
.support-btn .fa-question {font-style: normal;font-weight: normal;display: inline-block;position: static;padding: 0 6px 0 0;font-size: 14px;}
.support-form svg {width: 16px;position: absolute;right: 20px;bottom: 11px;fill: #538b40;}

.support-form .help-block.error{ display: none; }


.dt-buttons span, .dt-buttons span i {
	display: inline-block !important;
}

li.select2-results__option {
	font-size: 10px;
} 

.login .forgot-btn {
	width: 45% !important;
	padding: 14px 20px !important;
	line-height: 18px !important;
}

#forgotPasswpordForm .form-actions{
	margin-top: 20px;
}

.invoice-credit {
	padding: 8px 20px !important;
	margin-left: 10px !important;
}

a.batch-invoice-submit i {
	display: inline-block !important;
}

.discrepancy-table textarea {
	resize: vertical !important;
	height: 50px !important;
} 

.manual_invoice {
	    margin-top: 5px;
}

.discrepancy_date{
	    margin-bottom: 5px;
}



.daily-taking-table {
	margin: 0 auto;
	width: 50%;
}

.header-daily-taking {
	width: 50%;
	    margin: 0 0 0 25%;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.mega-menu-content li a {
	text-transform: capitalize;
}
/* Report
*/

.accordion {
	max-width: 100%;
	background: white;
	margin: 0 auto;
	margin-bottom: 10px;
}

.accordion-header {
	color: #333;
	font-size:14px;
	cursor: pointer;
	font-weight: normal;
	min-height: 30px;
	/*position:relative;*/
	/*float: left;
	width: 100%;
	*/
	clear:both;
}
.accordion-header span {
	position: absolute;
}

/*.accordion-header:hover {
	background: #F6F7F9;
}*/

.accordion-content {
	display: none;
	/*border-bottom: 1px solid #DDE0E7;*/
	background: #fff;
	padding: 0;
	color: #4a5666;
}

.report-overview .active.accordion-header span::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #666;
	border-left: 4px solid transparent;
	position: absolute;
	left: 6px;
	top: 8px;
	border-right: 4px solid transparent;
}

.report-overview .accordion-header span::before {
	width: 0;
	height: 0;
	border-left: 4px solid #666;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 7px;
	border-top: 4px solid transparent;
}

.accordion-header span::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #666;
	border-left: 4px solid transparent;
	position: absolute;
	left: 6px;
	top: 8px;
	
	border-right: 4px solid transparent;
}


.active.accordion-header span::before {

	width: 0;
	height: 0;
	border-left: 4px solid #666;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 7px;
	
	border-top: 4px solid transparent;
}
.accordion-header:hover{background:#eee;}

/*css*/
.record-wrap{overflow-x:auto}
.top-titles, .table-record {/*float: left;*//*width: 100%;*/padding: 0px;border-top: #ccc solid 1px;/*overflow-x: auto;*/display: flex;}
.top-titles{font-weight:bold;}
.col-tab {float: left;text-align: left;padding: 3px 10px;border-right: #ccc solid 1px;font-size: 14px;min-width: 30px;line-height: 18px;border-bottom: #ccc solid 1px;}
.col-tab.col-date {min-width: 150px;}
.col-tab.col-type {min-width: 180px;}
.col-tab.col-name {min-width: 150px;}
.col-tab.col-memo {min-width: 260px;}
.col-tab.col-split {min-width: 100px;}
.col-tab.col-debit, .col-tab.col-credit, .col-tab.col-amount, .col-tab.col-balance {min-width: 100px;}
.col-tab.col-date {min-width: 150px;position: absolute;background: #fff;}
.col-tab.col-date + div {padding-left: 180px;}
 
.accordion-header span{padding:0 20px 0 25px;}
.accordion-header + .accordion-content .accordion-header {
	margin: 0 0 0 15px;
}
.accordion-header + .accordion-content .accordion-header + .accordion-content .accordion-header {
	margin: 0 0 0 30px;
}
.accordion-header + .accordion-content .accordion-header + .accordion-content .accordion-header + .accordion-content .col-tab.col-date {
	padding-left: 55px;
}
.sticky {
  position: fixed;
  top: 0;
  z-index:99;
  background:#fff;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

/*ACCORDION*/
.accordion {max-width: 100%;background: white;margin: 0 auto; margin-bottom: 10px;}
.record-wrap textarea {
	width: calc(100% - 30px);
	height: 150px !important;
	margin: 15px 15px 0;
	padding: 10px;
	font-style: italic;
}
.add-note span {
	padding: 5px 15px 10px;
	float: left;
	width: 100%;
	color: #999;
}
.accordion-header {color: #333;font-size:14px;cursor: pointer;font-weight: normal;min-height: 22px; /*float: left;width: 100%;*/ clear:both;}
.accordion-header span {position: absolute;}
.accordion-content {
	display: none;
	clear:both;
	background: #fff;
	padding: 0;
	color: #4a5666;
	border-bottom: 0;
}
.table-record:last-child {
	margin:0px;
	padding:0;
}
.accordion-header.active + .collapse.in + .total-record {
	margin-top: -22px !important;
}
/*.accordion-header span::before, .active.accordion-header span:before {
	content: '';
	width: 7px;
	border:0;
	height: 2px;
	position: absolute;
	left: 6px;
	top: 5px;
	background: #333;
	transform: rotate(45deg);
}
.accordion-header span::after, .active.accordion-header span:after {
	content: "";
	background: #333;
	height: 2px;
	width: 8px;
	position: absolute;
	left: 6px;
	top: 10px;
	transform: rotate(-45deg);
}
.accordion-header.active span::before {
	transform: rotate(45deg);
	left:1px;
	top: 7px;
}
.accordion-header.active span::after {
	transform: rotate(-45deg);
	top: 7px;
}*/



.record-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	width: 100%;
	clear:both;
}
.top-titles, .table-record {/*float: left; *//*position:relative; padding: 0 0 10px;*//*overflow-x: auto;*/ border:0; display: flex;}
.top-titles{font-weight:bold; padding-bottom:0px;}
.top-titles .col-tab {
	font-size:12px;
	border-top: #ccc solid 1px;
	padding: 5px 10px;
}
.table-record{border:0;}
.table-record > div{border:0;}
.col-tab {float: left;text-align: left;padding: 5px 10px;border-right: #ccc solid 1px;font-size: 13px; width: 60px;line-height: 14px;border-bottom: #ccc solid 1px;}
.col-tab.col-date {min-width: 150px;}
.col-tab.col-type {width: 340px;}
.col-tab:last-child {
	border-right: 0;
}
.col-tab.col-name {min-width: 150px;}
.col-tab.col-memo {min-width: 260px;}
.col-tab.col-split {min-width: 100px;}
.col-tab.col-debit, .col-tab.col-credit, .col-tab.col-amount, .col-tab.col-balance {min-width: 100px;}
.col-tab.col-balance {
	width: 107px;
}
.col-tab.col-balance{border-right:0;}
.accordion .accordion-content .col-tab.col-date {position: absolute;background: #fff; text-align:left !important; padding-left:40px; /*left:0; top:0;*/
}

.accordion .col-tab.col-date {position: absolute;background: #fff; text-align:left !important; padding-left:28px; /*left:0; top:0;*/}

.total-record {
	margin: 0px 0 3px !important;
	/* border-top: #ddd solid 1px; */
	padding-bottom: 5px !important;
}

.total-record .col-tab {
	border-top: #ddd solid 1px;
	font-weight: bold;
}



.accordion-header.active + .accordion-content + .total-record{margin-top:0 !important;}

.more-filter-arrow {
	position: absolute;
	right: 30px;
	bottom: 0px;
	background: #eee;
	width: 24px;
	height: 24px;
	cursor:pointer;
	text-align: center;
	border: #ddd solid 1px;
}
.more-filter-arrow i {
	font-family: fontawesome;
	font-size: 18px;
	color: #000;
	font-style: normal;
}
.col-tab.col-date + div {padding-left: 120px;}

.accordion-header span{padding:3px 20px 0 25px; font-size:13px;}
.accordion-header + .accordion-content .accordion-header {/*margin: 0 0 0 15px;*/ margin:0; padding:0;}
.accordion-header + .accordion-content .accordion-header {
	margin: 0 0 0 15px;
}
/*.accordion-header + .accordion-content + .total-record{margin-top:-20px !important;}
.accordion-header.active + .accordion-content + .total-record{margin-top:0px !important;}
*/
.sticky {position: fixed;top: 50px;z-index:99;background:#fff;width: 100%;}
.sticky + .content {padding-top: 102px;}
.report-total{font-size:14px; font-weight:bold; padding:1px 10px;}
/*END ACCORDION*/


/*overview Report*/
.report-overview ul {margin: 0;padding: 10px 180px 0 10px;}
.report-overview .accordion-header {border: #ccc solid 1px;margin: 0 0 10px;padding: 10px 10px 28px;border-radius: 3px;}
.report-overview .accordion-header.active {margin: 0;border-bottom: 0;border-radius: 5px 5px 0 0;}
.report-overview .accordion-content {border: #ccc solid 1px;float: left;position:relative;width: 100%;border-radius: 0 0 5px 5px;margin: 0 0 10px;
border-top: 0;}
.report-overview li {float: left;width: calc(50% - 20px);position: relative;list-style: none;border-bottom: #ddd solid 1px;padding: 0px 25px 10px;margin: 0 20px 10px 0;}
.report-overview li i{font-style:normal; font-family:fontawesome;}
.report-overview li.empty-report-li{border:transparent solid 1px;}
.report-overview .star-icon-block {position: absolute;right: 0;top: 0;}
.report-overview i {padding: 0 0 0 10px;font-size:14px;}
.fas.fa-star{color:green;}
.fas.fa-ellipsis-v{color:#ccc;}
.favourite-icon {width: 70px;position: absolute;right: 10px;bottom: 0px;}


/*Balance sheet report*/
.report-wrapper {
	width: 100%;
	text-align: center;
	float: left;
}
.report-main-block {
	display: inline-block;
	max-width: 100%;
	font-size: 12px;
	text-align:left;
	border: #ddd solid 1px;
	border-radius: 5px;
}
.report-main-block i{font-size:14px;}
.report-top-bar {
	padding: 0px 10px;
	width: 100%;
	clear:both;
	float: left;
	position:relative;
	border-bottom: #ddd solid 1px;
}
.report-top-left {
	float: left;
}
.report-top-bar select, .report-top-bar select:focus{-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; border:0 !important;}
.sort-select{position:relative; border:0;}
.sort-select .fas.fa-caret-down {
	display:none;
}
.sort-select:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid #666;
	border-left: 5px solid transparent;
	position: absolute;
	right: 20px;
	top: 7px;
	border-right: 5px solid transparent;
}
.report-top-left span {
	padding: 0 5px 0 0;
}
.report-top-left .collapse-link{cursor:pointer; position:relative;}
.report-top-left .collapse-link.expand span{display:none;}
.report-top-left .collapse-link em{display:none;}
.report-top-left .collapse-link.expand em{font-style:normal; display:inline-block;}
 
.add-note-label{cursor:pointer;}
.add-notes .modal-dialog{text-align:center;}
.add-notes textarea {
	width: 100%;
	height: 200px !important;
	float: left;
	border: #ddd solid 1px;
	border-radius: 5px;
	padding: 15px;
}
.add-notes .modal-content {
	display: inline-block;
	padding: 0 0 15px;
}
.add-notes .modal-footer {
	padding: 15px 0;
	text-align: right;
	border-top: 0;
	float: right;
	margin: 0 15px 0 0;
}
.report-top-right {
	float: right;
    padding-top: 5px;
    padding-bottom: 5px;
}
.report-top-bar i {
	font-family: fontawesome;
	font-style: normal;
	padding: 0 5px;
	display:inline-block;
}
.report-main-des {
	padding: 20px;
	float: left;
	clear:both;
	position:relative;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}
.report-logo {
	position: absolute;
	left: 10px;
	top: 5px;
}
.report-logo img{padding:3px 0 0;}
.report-main-des h2, .report-main-des h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	padding: 0 0 10px;
	margin: 0;
}
.report-main-des h3 {
	font-size: 14px;
	font-weight: bold;
}
.report-main-des p {
	margin: 0;
	padding: 0;
}
.report-filter {
	float: left;
	width: calc(100% + 30px);
	background: #f4f5f8;
	margin: -20px -15px 15px;
	padding: 10px 15px 20px;
	position: relative;
}
.report-top-btn {
	position: absolute;
	right: 30px;
	top: 10px;
}
.report-top-btn button {
	background: #538b40;
	border: 0;
	padding: 5px 14px;
	border-radius: 20px;
	color: #fff;
	margin: 0 0 0 10px;
	font-size: 13px;
}
.report-top-btn button:first-child {
	background: none;
	color: #333;
	border: #ccc solid 1px;
}
.back-report-link{font-size:13px; color:#000;}
.back-report-link i{font-family:fontawesome; font-style:normal; margin-right:5px; font-size:16px;} 
.report-period h3 {
	font-size: 12px;
	color: #333;
	padding: 2px 0 4px;
	font-weight: normal;
}
.report-period {
	width: 100%;
	float: left;
}
.form-control .report-period select, .report-period input, .report-period span, .report-period input[type="checkbox"], .more-report-filter > div input, .more-report-filter > div select {float: left;margin: 0 10px 0 0;line-height: 22px;font-size: 10px;height: 22px !important;padding: 0 5px;}
.report-period input[type="checkbox"]{margin:8px 10px 0 0;}
.more-report-filter {
	float: left;
	width: calc(100% - 120px);
	position: relative;
	padding:0 0 15px;
}
.more-report-filter > div {
	float: left;
	width:12%;
	padding: 5px 10px 0 0;
}
.more-report-filter > div.accounting-method {
	width: 47%;
}
.more-report-filter > div label {
	float: left;
	padding: 0 0 5px;
	width: 100%;
	font-weight: normal !important;
	font-size: 12px;
}
.more-report-filter > div select {
	width: 100%;
	padding:0px 5px;
	font-size:12px;
}
.accounting-radio input, .accounting-radio label {
	float: left;
}
.accounting-radio label {
	width: auto !important;
	margin: 0 9px;
}
.more-report-filter > div.run-report-btn {
	margin: 0px 0 0;
	/*border-left: #ddd solid 1px;*/
	padding: 5px 0 5px 15px;
}
.run-report-btn {
	float: left;
	width: 120px;
	margin: 20px 0 0;
	position:relative;
}
.run-report-btn::before {
	content: "";
	height: 50px;
	background: #ddd;
	position: absolute;
	left: -20px;
	top: -10px;
	width: 1px;
}
.run-report-btn button {
	border: #999 solid 1px;
	padding: 5px 15px;
	background: none;
}

/*vat-return-table*/
.vat-return-table {background: #eef3fa;padding-top: 15px;}
.vat-return-table h1{padding: 15px;}
.vat-return-table .table-bordered > tbody > tr > td {border: 0;background: #fff; border-left:#edf6f2 solid 5px; border-right:#edf6f2 solid 5px;}
.vat-return-table .table > thead:first-child > tr:first-child > th{font-size:16px;}
.vat-return-table .form-actions.right, .vat-return-table h1 {float: left;width: calc(100% + 30px);margin: 0 -15px;padding: 20px 0 0; background:#fff;}
.vat-return-table .default-table table {border: 0;}
.vat-return-table .default-table th {background: none;color:#000;border:0;}
.vat-return-table .table-bordered > tbody > tr .vat-des-greeen {border: #008751 solid 2px;background: #edf6f2;color: #008751;font-weight: 500;}
.vat-return-table tr {padding: 0 0 10px;width: 100%;display: flex;}
.vat-return-table .table-bordered > tbody > tr > td.vat-box-green {background: #008751;color: #fff; border-right:#edf6f2 solid 5px;
 font-size:16px; font-weight:500; border-left:0;}
.vat-return-table .table-bordered > tbody > tr td.box-5 {background: #008751;color:#fff;}

.vat-return-table.return{padding-bottom:35px; margin-bottom:-20px;}
.vat-return-table.return .form-actions.right, .vat-return-table.return h1 {
	float: left;
	width: 100%;
	margin: 0 -10px;
	padding: 0px 0 20px;
	background: no-repeat;
}
/*end vat-return-table*/

.report-overview ul li a {
	color: #4a5666;
}

/*.accordion-content {
	    height: 150px;
}*/

.accounting-radio div.icheckbox_minimal-grey {
	float: left;
	margin-top: 0px;
}

/*report-setting-drop*/
.report-setting-drop {
	display: none;
	width: 400px;
	padding: 5px 10px;
	border: #ddd solid 1px;
	position: absolute;
	right: 10px;
	z-index: 9;
	box-shadow:#ccc 0px 1px 2px 0px;
	top: 28px;
	background: #fff;
}
.report-setting-less div {
	width: 33.3333%;
	float: left;
	padding: 0 0 5px;
}
.setting-open .report-setting-drop{display:block;}
.report-main-block p {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 100%;
}
.report-setting-less {
	float: left;
	width: 100%;
	overflow: hidden;
	
}
.report-setting-drop.show-less-setting .report-setting-less{height:186px; margin-bottom: 10px;}
.report-setting-drop::before {
	content: "\f0d8";
	position: absolute;
	right: 4px;
	top: -19px;
	font-family: fontawesome;
	font-size: 20px;
	color: #ddd;
}
.show-more, .report-reorder {
	float: left;
	cursor:pointer;
	width: 100%;
	padding: 0 0 5px;
	color: #538b40;
	font-weight: normal;
}

.show-more span:before, .report-setting-drop.show-less-setting .show-more strong:before {
	content: "\f107";
	font-family: fontawesome;
	padding-right: 5px;
	font-style:normal;
	font-size: 15px;
}
.report-setting-drop .show-more span{display:block; font-style:normal;}
.report-setting-drop .show-more strong{display:none;}
.report-setting-drop.show-less-setting span{display:none;}
.report-setting-drop.show-less-setting .show-more strong{display:block; font-weight:normal;}
.report-setting-drop.show-less-setting .show-more em:before{
	content:"\f106"	
}

/*end report-setting-drop*/

/*Report customize block*/
.cutomize-box-half {
	float: left;
	width: 50%;
}
.cutomize-box-full {
	float: left;
	width: 100%;
}
.report-customize-block {
	font-size: 11px;
	width: 400px;
	position: fixed;
	right: 0;
	background: #fff;
	padding: 15px;
	overflow: hidden;
	overflow-y: auto;
	height: calc(100vh - 45px);
	top: 0;
	right:-400px;
	transition:all ease-in 0.5s;
	display:none;
	z-index: 9999;
}
.right-customize-report .report-customize-block{right:0; display:block;}
.overlay-bg {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 9997;
}
body.hide-scroll{overflow:hidden;}
.hide-scroll .overlay-bg{display:block;}
.close-icon {
	position: absolute;
	right: 10px;
	top: 10px;
	font-family: fontawesome;
	font-style: normal;
	background: #ff0000;
	padding: 5px;
	height: 28px;
	width: 28px;
	text-align: center;
	line-height: 20px;
	border-radius: 100%;
}
.close-icon i{font-size:16px; font-style:normal; color:#fff;}
.report-customize-block h3{font-size:14px; font-weight:normal;}
.customize-header {
	position: relative;
	float: left;
	width: 100%;
}
.customize-header span {
	padding: 3px 20px 0 25px;
	font-size: 11px;
}
.customize-header span::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #666;
	border-left: 4px solid transparent;
	position: absolute;
	left: 6px;
	top: 8px;
	border-right: 4px solid transparent;
}

.active.customize-header span::before {
	width: 0;
	height: 0;
	border-left: 4px solid #666;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 7px;
	border-top: 4px solid transparent;
}
.customize-report-cnt {
	padding: 5px 0 5px 25px;
	position:relative;
	float:left;
	width:100%;
}
.customize-accordion strong {
	float: left;
	width: 100%;
	padding: 5px 0;
}
.report-customize-block label {
	font-weight: normal !important;
	font-size: 11px;
}
.number-format label {
	float: left;
	width: 100%;
}
.report-customize-block input[type="checkbox"] {
	margin: 1px 5px 0 0;
	float: left;
}
.report-customize-block select {
	height:22px !important; margin:0 0 5px;
}
.reset-default {
	position: absolute;
	right: 0;
	top: 12px;
}
.de-active-reorder {
	padding: 10px 0;
	border-top: #ddd solid 2px;
	margin-top: 10px;
}
.radio-btn-block input{
	height:auto !important;
}

.radio-btn-block label{margin:0 5px; }
.radio-btn-block {
	width: 100%;
	padding:0 0 15px;
	float: left;
}
.radio-btn {
	float: left;
	width: auto;
}
.radio-btn input {
	float: left;
}
.report-customize-block input[type="text"]{font-size:11px; width:100%; padding:5px 10px; height:22px !important;}
.report-customize-block .show-logo{padding-bottom:20px;}
.cutomize-box-full.company-name{padding-bottom:10px;}
.run-report-btn-bt {
	background: #ededf3;
	width: calc(100% + 30px);
	padding: 7px 10px;
	margin: 15px -15px 0;
	position: fixed;
	bottom: 0;
	top: auto;
	height: 48px;
}
.run-report-btn-bt span {
	background: #538b40;
	color: #fff;
	font-size: 11px;
	text-align: center;
	float: right;
	padding: 5px 15px;
	border-radius: 3px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.run-report-btn-bt span a{color:#fff; text-decoration:none;}
/*end report customize block*/
.accordion-subtitle {
	padding: 0 0 0 80px;
	font-weight: normal;
}
.accordion-subtitle em {
	font-style: normal;
	font-weight: bold;
	padding-left: 40px;
}


.table-record.border-bottom {
	border-bottom: #ccc solid 1px;
}

.table-record.bold-font {
	font-weight: bold;
}

.accordion-header + .accordion-content + .total-record > div:first-child{display:inline-block;}

.accordion-header.active + .accordion-content + .total-record > div:first-child{display:none;}

.accordion-normal {
	width: 100%;
	clear: both;
	padding: 5px 15px 0 25px;
	position: relative;
}
.accordion-normal strong {
	position: absolute;
	right: 10px;
}
.lines {
	width: 100%;
	clear: both;
	border-top: #000 solid 1px;
}
.lines::before, .lines::after {
	content: "";
	border-top: #000 solid 1px;
	width: 100%;
	float: left;
	margin-top: 1px;
}

/*drag css*/

 

/*end*/



/* Lightbox container */


/* Empty container that will replace the original container */
#empty-container {
	width: 500px;
	height: 200px;
	margin: 40px auto 0 auto;
}

#close {
	display: none;
}

.in-animation {
	animation: inlightbox 0.8s forwards;
	position: absolute !important;
    margin-top: 51px;
    max-width: 98%;
}

.out-animation {
	animation: outlightbox 0.8s forwards;
}

.final-total .col-date {
	padding-left: 28px !important; 
}

.prescription-div .total-record .col-tab, .final-total .col-tab {
	font-weight: bold;
}


/* List styling */
.featureList, .featureList ul {
  margin-top: 0;
  padding-left: 2em;
  list-style-type: none;
}
.featureList li:before {
  position: absolute;
  margin-left: -1.3em;
  font-weight: bold;
}
.featureList li.tick:before {
  content: "\2713";
  color: darkgreen;
}
.featureList li.cross:before {
  content: "\2717";
  color: crimson;
}

.has-error strong {
	color: #e73d4a;
}

.purchace-table a:hover {
    text-decoration: none;
}

.purchace-table .dropdown-item {
    width: 100%;
    padding: 0 10px;
}

.purchace-table .dropdown.open .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
}

.purchace-table .chk-box {
    display: flex;
}

.purchace-table .chk-box div {
    display: flex;
    padding: 0 5px;
}

.purchace-table textarea {
    resize: vertical;
}

.purchace-table .select2 {
	width: 190px !important;
}

.purchace-table .chk-box .select2{
	width: 48px !important;
}

.col1 {
    width: 7.1%;
}

.col2 {
    width: 13.3%;
}

.col3 {
    width: 12.1%;
}

.col4 {
    width: 9.78%;
}

.col5 {
    width: 12.1%;
}

.col6 {
    width: 14.1%;
}

.col7 {
    width: 5.1%;
}

.col8 {
    width: 13.1%;
}

.col9 {
    width: 14.2%;
}

.purchace-table.table-borderless th,
.purchace-table.table-borderless td {
    border: none !important;
}

.prchs-titile {
    display: flex;
    justify-content: flex-start;
}

.prchs-titile h3 {
    width: 40%;
    margin: 0;
}

.prchs-titile .btn {
    height: 34px;
}

@keyframes inlightbox 
{ 
	50% { 
		width: 100%;
		left: 0;
		height: 200px;
	}
	100% {
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
}

/* Lightbox container */

.btn {
	margin-left: 10px !important;
}


#signInForm .btn {
	margin-left: 0 !important;
}



.half-box-left {
    width: 50%;
    float: left;
}

.half-box-right {

    float: left;
    background: #fff;
    border: #ccc solid 1px;
    border-radius: 5px;
    margin-top:15px;
    width:calc(50% - 15px);
    box-shadow: #ddd 0px 3px 6px;
    padding-bottom:10px; 
    padding:10px;
    margin-left: 15px;

}

.full-box-new {
	width: 100%;
	float: left;
}

.supplier-statement-tab {
	margin-top: 10px;
}

.audit-overview{font-size:12px;}
.audit-overview .accordion-header{font-size:12px;}
.audit-overview .accordion-header span {padding-left: 25px; font-size:13px;}
.audit-overview h1 {font-size: 16px;font-weight: bold; margin:0; padding:0 0 10px;}
.audit-header-bar {border-bottom: #ddd solid 1px;font-size: 12px;float: left;width: 100%;padding: 0 0 5px; margin:10px 0;}
.audit-header-bar .left {float: left;width: 50%;}
.audit-header-bar .left em {font-style: normal;color: #0077c5;}
.audit-header-bar .right {float: right;} 
.audit-header-bar .right span {padding-left: 15px;}
.audit-description{width:540px;}
.audit-full-table {margin: 0 0 20px;}
.audit-description td {padding: 1px 5px;}
.audit-full-table th, .audit-full-table td {padding: 0 5px;font-size:12px; font-weight:normal;}
.audit-full-table th {background: #e3eaf3;font-weight:bold;}
.audit-full-table table {border: #ccc solid 1px;border-right: 0;border-bottom: 0;}
.audit-full-table table td, .audit-full-table table th {border-bottom: #ccc solid 1px;border-right: #ccc solid 1px;padding: 10px 7px;line-height: 14px;font-size: 12px;}
.audit-full-table table th{padding:5px; line-height:12px;}
.text-color em, .text-color span {
	background: #fff3d1;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:999999;
}

#pagination-cover-spin {
	display: none;
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:999999;
}



.my_select2_optgroup_selected {
    background-color: #ddd;
}
.my_select2_optgroup_hovered {
    color: #FFF;
    background-color: #5897fb !important;
    cursor: pointer;
}
strong.select2-results__group {
    padding: 0 !important;
}
.my_select2_optgroup {
    display: block;
    padding: 6px;
}

.select2-selection--multiple { max-height: 10rem; overflow: auto }



/*
Dashboard css start
*/

.dasboard-wrapper .amount {
    -webkit-justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.4;
    font-weight: 700;
    font-size: 20px;
}

.dasboard-wrapper .subtext {
    font-size: 13px;
    color: #393a3d;
    line-height: 1.5;
    text-transform: uppercase;
    display: block;
    font-weight: 400;
}
.dasboard-wrapper .sec-bar {
    height: 22px;
    margin-top: 15px;
    display: flex;
    flex-wrap: nowrap;
}

.dasboard-wrapper .secbar {
    height: 22px;
    margin-top: 15px;
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer;
}
.dasboard-wrapper #doughnut-chart {
    cursor: pointer;
}
.dasboard-wrapper #line-chart {
    cursor: pointer;
}
.dasboard-wrapper .right-bar p {
    cursor: pointer;
}
.dasboard-wrapper .bar-fill {
    height: inherit;
    background-color: #000;
    margin-left: 1px;
    width: 0%;
    border-radius: 4px;
    transition: width .7s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),margin-top .2s cubic-bezier(.4,0,.2,1);
}

.dasboard-wrapper .in-progress .duebar {
    width: 65.2%;
    background-color: #ff8000!important;
}
.dasboard-wrapper .bar-fill:hover, .dasboard-wrapper .bar-fill.hover {
    height: 32px;
    margin-top: -10px;
}
.dasboard-wrapper .in-progress .bar-fill:hover, .dasboard-wrapper .in-progress .bar-fill.hover {
    border-bottom: 6px solid #f95700;
}
.dasboard-wrapper .in-progress .notduebar {
    width: 32.2%;
    background-color: #d4d7dc!important;
}
.dasboard-wrapper .in-progress .notduebar:hover, .dasboard-wrapper .in-progress .notduebar.hover {
    border-bottom: 6px solid #babec5;
}
.dasboard-wrapper .zero-progress .duebar{
    width: 49.2%;
    background-color: #7cd200!important;
    opacity: 0.4;
}
.dasboard-wrapper .zero-progress .duebar:hover, .dasboard-wrapper .zero-progress .duebar.hover {
    border-bottom: 6px solid #70bd00;
}
.dasboard-wrapper .zero-progress .notduebar{    
    width: 49.2%;
    background-color: #2ca01c!important;
    opacity: 0.4;
}
.dasboard-wrapper .zero-progress .notduebar:hover, .dasboard-wrapper .zero-progress .notduebar.hover {
    border-bottom: 6px solid #108000;
}
.dasboard-wrapper .dropdown.open .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
}
.dasboard-wrapper .box-container {
    border-radius: 3px;
    box-shadow: 0 2px 0 #d4d7dc, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
    background-color: #fff;
    padding: 10px;
    height: 100%;
    max-height: 640px;
    min-height: 360px;
}
.color-box {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}
.dark{ background:#008380;}
.medium{ background:#00a6a4;}
.light{ background:#00c1bf;}
.too-light{ background:#00fffb;}
.numr {
    font-size: 25px;
    font-weight: 500;
}
.chart-label {
    display: flex;
    flex-wrap: wrap;
}

.chart-label ul {
   /* margin-left: 15px;*/
}

.lbl-txt {
    display: block;
    margin-left: 25px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dasboard-wrapper .box-container h3 {
    font-size: 20px;
}
.dasboard-wrapper .box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dasboard-wrapper #doughnut-chart{
    width: 200px !important;
    height: 200px !important;
}
.dasboard-wrapper .box-title {
    font-size: 14px;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #8d9096!important;
}
.dasboard-wrapper .box-title span {
    color: #393a3d;
    font-size: 28px;
    font-weight: 400;
}
.dasboard-wrapper .invoice-header {
    font-size: 12px;
    margin: 20px 0 10px;
}
.dasboard-wrapper .bankdetail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*
.box-container #doughnut-chart {
    height: 185px !important;
    width: 185px !important;
}
*/
.dashboard-block .row {
    display: flex;
    flex-wrap: wrap;
}
.dashboard-block .container {
    width: 100%;
}
.dasboard-wrapper .overdue .secbar .duebar{
    background: #FF8000;
    margin-bottom: 20px;
    color: #F95700;
}
.dasboard-wrapper .no-deposited {
    background: #7cd200;
    color: #70bd00;
}
.dasboard-wrapper .box-container .barfill{
    width: 100%;
    height: 24px;
    border-radius: 4px;
    transition: transform 0.1s linear;   
    margin-right: 1px; 
}
.dasboard-wrapper .deposited {
    background: #2ca01c;
    color: #108000;
}
.dasboard-wrapper .deposit {
    opacity: 0.4;
}
.dasboard-wrapper .bankdetail {
    font-size: 12px;
    position: relative;
    margin-top: 10px;
}
.dasboard-wrapper .reviewed{
    color: #000;
}
.dasboard-wrapper .reviewed i{
    color: #2ca01c;
}
.dasboard-wrapper .bankdetail span {
    position: absolute;
    bottom: 100%;
    right: 0;
    color: #00c1bf;
}
.dasboard-wrapper .value-bar p {
    font-size: 16px;
}


.dasboard-wrapper .value-bar span {
    font-size: 12px;
    display: block;
}

.dasboard-wrapper .value-bar {
    display: flex;
    justify-content: space-between;
}

.dasboard-wrapper .income-fill {
    background: #53b700;
    width: 90%;
    height: 24px;
    transition: transform 0.1s linear;
}
.dasboard-wrapper .income-pending {
    background-image: url(../image/green-bar.png);
    width: 10%;
    height: 24px;
    transition: transform 0.1s linear;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
}
 .dasboard-wrapper .expens-fill {
    background: #00c1bf;
    transition: transform 0.1s linear;
    
    height: 24px;
}
.dasboard-wrapper .expens-pending {
    background-image: url(../image/blue-bar.png);
    width: 30%;
    height: 24px;
    transition: transform 0.1s linear;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
}
.dasboard-wrapper .right-bar {
    width: 75%;
    display: flex;
    position: relative;
}
.dasboard-wrapper .value-bar .right-bar span {
    position: absolute;
    bottom: 100%;
    right: 0;
    color: #00c1bf;
    margin-left: -42px;
    margin-bottom: 5px;
}
.dasboard-wrapper .value-bar .left-value {
    margin-right: 15px;
}
.dasboard-wrapper .dashboard-block [class*="col-"] {
    margin-bottom: 20px;
}

.dasboard-wrapper .bankinginfo {
    height: 95%;
    position: relative;
    padding-bottom: 25px;
}

.dasboard-wrapper .bankinginfo .account {
    position: absolute;
    bottom: 5px;
    left: 0;
    font-size: 12px;
}

.dasboard-wrapper .dropdown a {
    font-size: 12px;
    padding: 10px;
    border: 1px solid transparent;
    width: 100%;
}

.dropdown.open  .dropdown-toggle, .dasboard-wrapper .dropdown .dropdown-toggle:active, .dasboard-wrapper .dropdown .dropdown-toggle:focus, .dasboard-wrapper .dropdown .dropdown-toggle:hover {
    border-color: #96D08E;
    border-radius: 20px;
}

.dasboard-wrapper .tool-tip {
  position: relative;
}

.dasboard-wrapper .tool-tip .tooltip-text {
  opacity: 0;
  width: 90px;
  background-color: black;
  color: #fff !important;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.dasboard-wrapper .tool-tip .tooltip-text::after {
      content: "";
    position: absolute;
    top: 100%;
    left: 12%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.dasboard-wrapper .tool-tip:hover .tooltip-text {
    opacity: 1;
}

.report-transaction-selection {
	float: left;
    margin: 0 10px 0 0;
}

.report-filter-transaction .select2-selection--multiple {
	height: 200px;
}


/*
Dashboard End
*/


/*
 * Dhaval Import Bank
 */


.banking {
    padding: 25px 0px;
}

.banking .modal-dialog{
	width: 100% !important;
}

.banking .nav-link {
    padding: 15px 32px;
    color: #6b6c72;
    position: relative;
    border: none;
    font-size: 13px;
}

.inner-tab .nav-item:last-of-type .nav-link:before {
    display: none;
}

.inner-tab .nav-link:before {
    content: "";
    border-right: 1px dotted #999;
    position: absolute;
    top: 10px;
    right: 0;
    height: 23px;
    width: 1px;
}

.section-padding {
    padding: 1.7rem 15px;
}

.banking .nav-link.active {
    background: transparent;
}

.banking .nav-link.active:after {
    content: "";
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    bottom: -1px;
    background: #2CA01C;
    left: 0;
}

.banking .nav-tabs {
    border-bottom: 2px solid #d4d7dc;
}

.inner-tab .nav-tabs {
    border-bottom: none;
    -webkit-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    -moz-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    -ms-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    -o-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
}

.inner-tab .tab-content {
    padding: 5px 0;
}

.banking img {
    margin: 24px 0;
}

.banking h5 {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-bottom: 12px;
}

.banking label {
	color: #333;
}

.banking .btn {
    font-weight: 600;
}

.banking p {
    font-size: 14px;
}

.banking .text-center p {
    max-width: 410px;
    margin: auto;
}

.banking hr {
    margin-bottom: 30px;
}

.banking .small-text {
    font-size: 12px;
    margin: 10px auto;
}

.banking .green-btn {
    background-color: #2CA01C;
    color: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #2CA01C;
}
.banking .green-btn:hover{
	background: #108000;
	color: #fff;
}
.banking .trans-btn {
    border: 2px solid #393a3d;
    color: #393a3d;
    background: transparent;
    border-radius: 36px;
}

.banking .link {
    color: #007bff;
    font-size: 14px;
}

.connect-page .modal-dialog,
.qbook-page .modal-dialog,
.rule-page .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: auto;
    min-height: 100vh;
}

.connect-page .modal-content,
.qbook-page .modal-content,
.rule-page .modal-content {
    background-color: #F4F5F8;
    border: 0;
    border-radius: 0;
    height: 100%;
    min-height: 100vh;
}

.qbook-page .modal-header {
    border: none;
}

.connect-page .modal-title {
    font-size: 24px;
    color: #393A3D;
}

.banking .close {
    font-size: 40px;
    font-weight: 100;
}

.banking .connect-page .modal-header {
    border: none;
}

.banking .connect-page .modal-body {
    padding: 30px;
    max-width: 645px;
    margin: 0px auto;
    background: #fff;
    flex: none;
    border: 1px solid #eceef1;
    border-radius: 2px;
    box-shadow: 0 2px #cdd0d6;
}

.banking .search-field {
    display: flex;
    align-items: center;
    margin-bottom: 55px;
}

.banking #search-input {
    width: 100%;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #babec5;
    font-size: 14px;
    padding: 5px 36px 6px 8px;
    background-color: #ffffff;
    border: 1px #dcdcdc solid;
    -webkit-appearance: none;
    color: #000000;
    word-break: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.banking .icon-search {
    background-image: url(../images/icon-search.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: default !important;
    box-shadow: none !important;
    background-color: transparent;
    border: none !important;
    background-repeat: no-repeat;
    background-size: 18px;
    outline: none;
    margin-left: -26px;
}

.banking .popular-bank {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.banking img {
    max-width: 100%;
}

.banking .bank-block {
    width: 24%;
    margin-bottom: 20px;
    padding: 5px 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px #dcdcdc solid;
    position: relative;
    max-height: 84px;
}

.banking .bank-block:hover {
    box-shadow: 0 0 0 1px #2ca01c;
}

.banking .bank-block img {
    max-height: 55px;
}

.banking .privacy-section img {
    margin: 0;
}

.banking .connect-page .modal-footer {
    justify-content: center;
    margin-top: 60px;
    border: none;
    flex-wrap: wrap;
}

.banking .qbook-page .modal-footer {
    border: none;
}

.banking .modal-footer p {
    background: url(../images/lock.png) no-repeat;
    background-size: 12px;
    padding-left: 20px;
}

.banking .modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.banking .modal .modal-header .close{
	right: 20px !important;
	top: 18px !important;
}
.banking .modal-header{
	padding: 0 !important;
}

.banking .privacy-section {
    width: 100%;
    margin: 0;
    justify-content: center;
    display: flex;
    align-items: center;
}

.banking .privacy-section a {
    margin: 0 10px;
}

.banking .privacy-section img {
    max-width: 65px;
    max-height: 33px;
}

.banking .qbook-page h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 72px;
}

.banking .qbook-boxes {
    display: flex;
    justify-content: space-between;
}

.banking .container.wide {
    max-width: 1630px;
}

.banking .qbook-boxes h2 {
    align-items: center;
    display: flex;
}

.banking .block {
    min-height: 400px;
    width: 40%;
    margin-bottom: 72px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(212, 215, 220);
    border-image: initial;
    padding: 20px;
    max-width: 550px;
}

.banking .block ol li {
    list-style: decimal;
    list-style-position: inside;
    font-size: 14px;
}

.banking .block .img {
    text-align: center;
}

.banking .block .img img {
    margin: 50px 0;
}

.banking .block h4 {
    font-size: 22px;
}

.banking .block p {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: 25px;
}

.banking #browseFile {
    outline: none;
    height: 32px;
    border: 1px solid #BABEC5;
    padding: 0 8px;
    border-radius: 2px;
    transition-property: border;
    transition-duration: 0.35s;
    font-size: 13px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    vertical-align: middle;
    color: #8d9096;
}

.banking .upload-file {
    display: flex;
    align-items: center;
}

.banking .upload-file .btn {
    margin: 0 0 0 15px;
    border-top: 1px solid #8D9096;
    border-right: 1px solid #8D9096;
    border-left: 1px solid #8D9096;
    border-bottom: 1px solid #8D9096;
    border-radius: 3px;
    color: #8D9096;
}

.banking .stickey-footer {
    background: #393A3D;
    height: 56px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    justify-content: space-between;
}

.banking .modal-content {
    padding-bottom: 56px;
}

.banking .stickey-footer .btn {
    margin: 0;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #6B6C72;
}

.banking .gray-btn {
    margin: 0 !important;
    color: #393A3D;
    border-radius: 3px !important;
    box-shadow: none !important;
    border: 1px solid #6B6C72 !important;
    margin-bottom: 30px;
    margin-top: 10px;
}

.banking .rule-title {
    display: flex;
    justify-content: space-between;
}

.banking .rule-title .btn {
    margin: 0;
}

.banking ul.nav.nav-tabs {
	    margin-bottom: 0 !important;
}

.banking .btn .fa.fa-caret-down {
	display: block !important;
} 

/*-----------mid section styles ends here-----------*/

.form-field input[type=text],
.form-field select,
.tra-condition select,
.match-trans .form-field input {
    outline: none;
    border: 1px solid #BABEC5;
    padding: 5px 8px;
    border-radius: 2px;
    transition-property: border;
    transition-duration: 0.35s;
    color: #6b6c72;
    font-size: 12px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    width: 100%;
}

.form-field input[type=text]:hover {
    box-shadow: 0 0 0 2px rgba(161, 161, 161, 0.25);
}

.form-field input[type=text]:focus {
    border-color: #2CA01C;
}

.tra-condition select {
    width: auto;
}

.form-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tra-type input[type=text],
.tra-type select {
    max-width: 225px;
    padding: 6px 3px 7px;
    font-size: 13px;
	line-height: 1.2;
}

.label {
    width: 100%;
    margin-bottom: 7px;
}

.rule-page h4 {
    margin: 48px 0 20px	;
    font-size: 20px;
    color: #333333;
}
.rule-page .radio-grp label {
    font-size: 13px;
    font-weight: 600;
}
.rule-page .radio-grp div {
    display: flex;
    align-items: end;
}
.radio-grp h4 {
    margin: 10px 0;
}
.set-info select {
    min-width: 140px;
}

.form-field {
    margin-right: 20px;
}

.form-field input[type=checkbox] {
    margin-top: 20px;
}

.gray-btn:hover,
.gray-btn:active {
    background-color: #FFFFFF;
    box-shadow: inset 0 0 0 1px #8D9096;
}

.set-info table {
    max-width: 570px;
}

.tran-screen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    margin: 15px -15px;
    background: #f8f9fa;
}

.match-trans .form-section {
    margin-bottom: 20px;
}

.match-trans input[type=radio] {
    margin-right: 5px;
}

.match-trans label {
    margin-right: 10px;
}

.trans-table {
    background: #fff;
}

.pagination {
    /*display: flex;*/
    align-items: center;
    justify-content: flex-end;
}

.pagination li {
    margin-left: 15px;
}

.transection-detail {
    max-width: 350px;
    margin-left: auto;
}

.amount-title {
    display: flex;
    justify-content: space-between;
}


/* The switch - the box around the slider */

.transection-detail .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
}


/* Hide default HTML checkbox */

.transection-detail .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* The slider */

.transection-detail .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.transection-detail .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.transection-detail input:checked + .slider {
    background-color: #2196F3;
}

.transection-detail input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.transection-detail input:checked + .slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
}


/* Rounded sliders */

.transection-detail .slider.round {
    border-radius: 34px;
}

.transection-detail .slider.round:before {
    border-radius: 50%;
}

.card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-heading h4 {
    font-size: 23px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banking .btn-grp .btn {
    margin: 0 0 0 9px;
    font-size: 13px;
}

.card-screen {
    display: flex;
    padding: 0 15px;
}

.card-block {
    margin: 0 15px;
    background: #fff;
    border-radius: 5px;
    min-width: 280px;
    cursor: pointer;
}

.balance-info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.balance-info span {
    display: block;
    font-size: 10px;
}

.balance-info p:first-of-type {
    margin-right: 15px;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.blue-bg {
    padding: 15px;
    padding-bottom: 0;
    background: #e9ecef;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.white-bg {
    padding: 5px 15px;
    padding-top: 0;
    border-bottom: 2px solid #d4d7dc;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.white-container {
    padding: 15px;
    background: #fff;
    margin-top: 5px;
    position: relative;
}

.alert {
    border: 1px solid #6B6C72;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.alert .closebtn {
    font-size: 23px;
}

.alert-text {
    display: flex;
}

.alert-text i {
    margin-right: 15px;
    font-size: 20px;
    color: #0097E6;
}

.alert .right-text p {
    margin: 0;
}

.alert .right-text span {
    display: block;
    font-size: 13px;
}

.alert-text a {
    font-size: 12px;
}

.card-tab-title {
    display: flex;
    justify-content: space-between;
}

.table-header .round-select, .csv-table  .round-select{
    position: relative;
    cursor: pointer;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 36px;
    min-width: 100px;
    border: 2px solid #393a3d;
    color: #393a3d;
    font-weight: 600;
    font-size: 16px;
}
.csv-table  .round-select{
	width: 100%;
}
.table-header .bordrles {
    border: none;
}

.card-tab-title ul:last-of-type {
    display: flex;
    /*    border-bottom: 2px solid #d4d7dc;*/
    margin: 0;
    justify-content: flex-end;
    align-items: center;
    -webkit-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    -moz-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    -ms-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    -o-box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
    box-shadow: #cccccc 0 1px 0, #f1f1f1 0 4px 0;
}

.card-tab-title ul:last-of-type li {
    margin-left: 15px;
}

.card-tab-title ul {
    width: 50%;
}

.table-header {
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin: 30px 0 11px;
}

.field-flex {
    display: flex;
    align-items: center;
}

.field-flex label {
    margin: 0;
    margin-right: 2px;
}

.table-header .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.cards-table tr {
    font-size: 12px;
}

.cards-table td {
    font-size: 13px;
}

.cards-table .wide {
    padding: 0;
}

.field-flex select {
    width: auto;
}

.btn-select {
    margin-right: 10px;
    background: #f4f5f8;
    border-bottom: 2px solid #e9ecef;
}

.btn-select:hover,
.btn-select:active,
.btn-select.active {
    border-bottom-color: #2ca01c;
}

.card-block.active .blue-bg,
.card-block:hover .blue-bg {
    background: #0097E6;
    color: #fff;
}

.hiddentablerow {
    padding: 0px 0px !important;
    background-color: #DDD;
}

.hiddenRow {
    background: #f4f5f8;
}

.hiddenRow .radio-grp div,
.hiddenRow .radio-grp {
    display: flex;
    min-width: 25px;
    align-items: center;
}

.hiddenRow .radio-grp label {
    margin: 0;
    margin-right: 15px;
}

.sel-grp {
    display: flex;
    align-items: flex-end;
}

.sel-grp > div {
    margin: 15px 15px 15px 0;
}

.tbl-foo {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.tbl-foo .btn {
    margin: 0;
    margin-left: 15px;
    border: 1px solid #8D9096;
    border-radius: 3px;
}

.tbl-foo p {
    margin-bottom: 0px;
}

.sub-titl {
    border-left: 1px solid rgb(221, 221, 221);
    margin-left: 20px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: #333333;
}

.sub-titl .fa-university {
    color: #fff;
    font-size: 24px;
    border-radius: 50px;
    margin-right: 16px;
    height: 40px;
    width: 40px;
    background: linear-gradient(223.08deg, #00a6a4, #2ca01c);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
}

.sub-titl i {
    margin-left: 10px;
    font-size: 12px;
}

.btn-overlap .upld {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 7px 15px 6px;
}

.btn-overlap .btn.down {
    margin-left: -5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 7px 8px 6px;
	position: relative;
}

.btn-grp {
    display: flex;
}

.banking  input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #8D9096;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 124px;
    background-position: -28px -3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.banking input[type=checkbox]:before {
    content: "\f00c";
    font-family: Font Awesome\ 5 Free;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: transparent;
    white-space: nowrap;
}

.banking input[type=checkbox] {
    outline: #2CA01C;
}

.banking input[type=checkbox]:hover:before,
input[type=checkbox]:focus:before {
    color: #D4D7DC;
}

.banking input[type=checkbox] {
    width: 20px;
    height: 20px !important;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #8D9096;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 124px;
    background-position: -28px -3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.banking input[type=checkbox]:before {
    content: "";
/*    content: "\f01a";*/
/*    font-family: "FontAwesome";*/
	background: url(../images/check.png) no-repeat;
    display: none;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: transparent;
    white-space: nowrap;
    width: 100%;
    background-size: 13px;
    background-position: center center;
    height: 100%;
	opacity: 0.5;
}

.banking input[type=checkbox]:hover:before,
.banking input[type=checkbox]:focus:before {
    color: #D4D7DC;
	display: block;
}

.banking input[type=checkbox]:hover:checked:before,
.banking input[type=checkbox]:hover.checked:before,
.banking input[type=checkbox]:focus:checked:before,
.banking input[type=checkbox]:focus.checked:before {
    box-shadow: 0 0 6px #4b9a18 inset;
	display: block;
}

.banking input[type=checkbox]:checked:before,
.banking input[type=checkbox].checked:before {
    color: #2CA01C;
	display: block;
	opacity: 1;
}

.banking input[type=checkbox]:disabled,
.banking input[type=checkbox].disabled {
    color: transparent;
    border-color: #ECEEF1;
}

.banking input[type=checkbox]:checked:disabled,
.banking input[type=checkbox].checked.disabled {
    color: #D4D7DC;
    border-color: #ECEEF1;
	display: block;
	opacity: 1;
}

.banking input[type=checkbox]+label {
    padding-left: 4px;
    line-height: 19px;
    vertical-align: middle;
}

.banking input[type=checkbox][aria-checked=mixed] {
    background-position: -100px -3px;
}

.banking input[type=checkbox]+label.dgrid-hider-menu-label {
    padding-left: 24px;
}

.card-screen h5 {
    font-size: 15px;
}

.card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}

.right-icons i {
    font-size: 13px;
    margin-left: 10px;
}

.balance-info p:last-of-type {
    font-size: 28px;
    margin: 0;
    margin-bottom: 5px;
}

.white-bg p:last-of-type {
    color: #FF9331;
}

.hide-cards {
    background: #F4F5F8;
    height: 20px;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 5px;
    color: #5170B5;
}

.fa-level-down {
    font-size: 22px;
    color: #BABEC5;
    margin-right: 5px;
    margin-top: 10px;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.rec-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rec-header a i {
    font-size: 22px;
    color: #BABEC5;
    margin-left: 15px;
}

.cards-table th,
.cards-table td {
    border: 1px solid #D4D7DC !important;
    border-top: none !important;
    padding: 9px 8px;
}

.cards-table th:first-of-type,
.cards-table td:first-of-type {
    border-left: none !important;
}

.cards-table th:last-of-type,
.cards-table td:last-of-type {
    border-right: none !important;
}

.cards-table tbody tr:hover {
    background-color: #F4F5F8;
    color: #000000;
}

.cards-table th:nth-of-type(1),
.cards-table td:nth-of-type(1) {
    width: 36px;
}

.cards-table th:nth-of-type(2),
.cards-table td:nth-of-type(2) {
    width: 90px;
}

.cards-table th:nth-of-type(3),
.cards-table td:nth-of-type(3) {
    width: 150px;
}

.cards-table th:nth-of-type(4),
.cards-table td:nth-of-type(4) {
    width: 150px;
}

.cards-table th:nth-of-type(5),
.cards-table td:nth-of-type(5) {
    width: 150px;
}

.cards-table th:nth-of-type(6),
.cards-table td:nth-of-type(6) {
    width: 135px;
}

.cards-table th:nth-of-type(7),
.cards-table td:nth-of-type(7) {
    width: 135px;
    text-align: right;
}

.cards-table th:nth-of-type(8),
.cards-table td:nth-of-type(8) {
    width: 135px;
    text-align: right;
}

.cards-table th:nth-of-type(9),
.cards-table td:nth-of-type(9) {
    width: 130px;
    text-align: right;
}

.radio-grp input[type=radio] {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-color: transparent;
    border: 2px solid transparent;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-image: url("../images/radio.svg");
    background-repeat: no-repeat;
    background-size: 96px;
    background-position: -28px -4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.radio-grp input[type=radio]:hover {
    background-position: -52px -4px;
}

.radio-grp input[type=radio]:hover:checked,
.radio-grp input[type=radio]:hover.checked {
    background-position: -76px -4px;
}

.radio-grp input[type=radio]:checked,
.radio-grp input[type=radio].checked {
    background-position: -76px -4px;
}

.radio-grp input[type=radio]:disabled,
.radio-grp input[type=radio].disabled {
    background-position: -4px -4px;
}

.radio-grp input[type=radio]:checked:disabled,
.radio-grp input[type=radio].checked.disabled {
    background-position: -52px -4px;
}

.radio-grp input[type=radio]:disabled,
.radio-grp input[type=radio].disabled {
    background-position: -4px -4px;
}

.radio-grp input[type=radio]+label {
    padding-left: 4px;
    line-height: 19px;
    vertical-align: middle;
}

.radio-grp input[type=radio]:focus {
    border: 2px solid #2CA01C;
    border-radius: 10px;
    outline: none;
}

.radio-grp input[type=radio][aria-checked=mixed] {
    background-position: -100px -4px;
}

#demo1 td {
    padding-left: 44px;
    border-top: 1px solid #d4d7dc;
    position: relative;
}

.radio-grp {
    color: #6b6c72;
    padding-top: 20px;
}

.radio-grp a {
    color: #0077C5;
    font-size: 13px;
}

.sel-grp select {
    padding: 7px 38px 7px 8px;
    color: #6b6c72;
    font-size: 12px;
}

.hiddenRow textarea {
    height: 32px;
    width: 600px;
    resize: none;
    overflow-y: hidden;
    padding: 6px 10px 0;
    border: 1px solid #BABEC5;
    border-radius: 2px;
    transition-property: border;
    transition-duration: 0.35s;
    font-size: 13px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.tbl-foo p a {
    color: #0077c5;
    font-size: 12px;
    margin: 10px 0;
}

.tbl-foo span,
.tbl-foo i {
    color: #393A3D;
}

.tbl-foo span {
    margin: 0 5px;
}

.tblxpand {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #6b6c72;
    font-size: 18px;
}

.cl-bg.collapsed {
    background-color: #ffffff;
}

.cl-bg {
    background-color: #F4F5F8;
}

.card-tab-title ul:last-of-type a {
    font-size: 13px;
}

.rule-page h2 {
    font-size: 24px;
}

.rule-page .modal-header {
    border: none;
    padding-bottom: 0;
}

.rule-page .small-text {
    margin: 0 0 20px;
}

.rule-page .label {
    font-size: 13px;
    font-weight: 600;
}

.rule-page .modal-body {
    padding: 8px 1rem !important;
}

.ff1 {
    width: 300px;
    max-width: 100%;
}

.ff2 {
    width: 175px;
    max-width: 100%;
}

.ff3 {
    width: 175px;
    max-width: 100%;
}

.tra-condition h4 select {
    width: 85px;
}
.rule-page .form-field{
    margin-bottom: 12px;
}
.ff4 {
    width: 15px;
    font-size: 14px;
}

.ff5 {
    width: 174px;
    margin-right: 10px;
}

.rule-page  select, .rule-page  input {
    width: 100%;
    padding: 6px 3px 7px;
    font-size: 13px;
	line-height: 1.2;
}
.set-info th, .set-info td {
    padding: 0;
    font-size: 12px;
    padding-right: 10px;
    padding-bottom: 12px;
}
.ff6 {
    width: 175px;
    margin-right: 10px;
}
.ff7 {
    width: 300px;
    margin-right: 10px;
}
.tra-condition .gray-btn {
    margin: 0;
}
.ff11 {
    width: 175px;
    margin-right: 10px;
}

.ff12 {
    width: 300px;
    margin-right: 10px;
}


.set-info td:last-of-type {
    display: flex;
    align-items: center;
}

.set-info td:last-of-type i {
    margin-left: 10px;
}
.ff13 {
    width: 175px;
    margin-right: 0;
}
.cl1 {
    width: 90px;
}

.cl2 {
    width: 240px;
}

.cl3 {
    width: 240px;
}
.set-info tbody {
    background: #fff;
}

.set-info tbody tr:hover {
    background: #f4f5f8;
}	
.filter-popup {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #FFFFFF;
    border: 1px solid #c7c7c7;
    border-bottom: 3px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: none;
    padding: 15px 15px 20px;
    width: 452px;
    z-index: 9;
}
.rec-header .form-field{
	position: relative;
}
.filter-popup .form-field {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.filter-popup label {
    display: block;
}

.filtr-foo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}
.pf1 {
    width: 99px;
	margin-left: 0;
}

.pf2 {
    width: 155px;
	margin-left: 5px;
}
.filter-popup input, .filter-popup select {
    width: 100%;
    height: 32px;
}
.filter-popup.fltr-hide {
    display: none;
}
.pagination a {
    color: #BABEC5;
    font-size: 12px;
}

.pagination li {
    font-size: 13px;
}
.up-csv .modal-header{
	border: none;
}
.up-csv .modal-body {
    padding: 0;
}
h5 {
    font-size: 21px;
    padding: 10px 0 25px;
    font-weight: 600;
}

h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 35px;
}

.csv-table {
    background: #fff;
    margin-top: 15px;
}
.csv-table .round-select:hover {
    background: rgba(107,108,114,.25);
}

.csv-table td {
    font-size: 13px;
}
.csv-table tbody tr:hover{	
    background-color: #f4f5f8;
    color: #000;
}
/*
.btn-overlap .btn.down select {
    background: transparent;
    border: none;
    text-indent: 5000px;
    width: 28px;
    margin-left: -20px;
    margin-right: -8px;
    -webkit-appearance: none;
    height: 34px;
    margin-top: -20px;
    margin-bottom: -8px;
}*/
.drop-value.opt-hide {
	display: none;
}

.btn-overlap .btn.down .drop-value {
    position: absolute;
    bottom: -33px;
    right: 0;
    width: 126px;
    background: #fff;
    padding: 5px;
    font-size: 13px;
    font-weight: 100;
    border: 1px solid #6B6C72;
    border-radius: 3px;
}	


.banking .upload-file input[type=file] {
  width: 100%;
}

.banking .nav-tabs>li.active>a {
	border : 0 !important;
}

/*
 * Dhaval Import Bank
 */




span.form-control {
	height: 28px;
    background-color: #eef1f5
}

.discrepancy-table .span_department_name {
	margin-top: 5px;
}

.discrepancy-table .select2-container--default {
	width: 100% !important;
}

.edit-unprocess-disc span.department_name {
	width: 60% !important;
    float: right;
    margin-bottom: 5px;
}


@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#538b40;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

#pagination-cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#538b40;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.no-bordrder-top-bottom > th {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.prescription-row {
	padding-top: 10px;
}

.prescription-row .dashboard-stat .visual > i {
	font-size: 30px;
	width: 50px;	
}

.prescription-row .dashboard-stat .details {
	left: 70px;
}

.prescription-row .dashboard-stat .details .desc {
	font-size: 15px;
}

.chartdiv {
  width: 100%;
  height: 200px;
}

.sticky-statment-box {
	position: fixed;
    top: 35px;
    width: 100%;
    z-index: 100;
}

.ocr-info-box {
	padding-top: 10px;
}

@media screen and (max-width: 1199px){
.page-header-fixed .page-container{padding:0;}
.page-header.navbar .hor-menu .navbar-nav {
	display: none;
	position: absolute;
	top: 50px;
	width: 280px;
	margin:0;
	left: 0;
	background: #333;
	padding: 0 20px;
	text-align: center;
	float: none;
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown {
	max-width: 240px;
	text-align: left;
	clear: both;
	margin: 0 auto;

	float: none;
	display: block;
}

.open-menu .page-header.navbar .hor-menu .navbar-nav{display:block;}
.hamburger-menu {position: absolute;top: 18px;left: 140px;display: block;bottom: auto;cursor: pointer; }
.hamburger-menu .fa{font-size: 32px; color:#fff;}
.hor-menu .hamburger-menu .fa{color:#fff;}
.page-header.navbar{padding:0;}
.page-header.navbar .top-menu .navbar-nav{margin:0;}

.hamburger-menu .fa.fa-bars{color:#fff;}


/*content*/
.page-content-wrapper .page-content {padding: 0 15px;}
}

@media screen and (max-width: 1023px){
.left-box, .rgt-box, .quarter-box, .small-box, .invoice-discrepancy, .invoice-detail{width:100%; margin:15px 0;}


}
@media screen and (max-width: 767px){
.opentopmenu .page-header.navbar .top-menu .navbar-nav{display:block;}
.page-header.navbar .top-menu {
	width: 50px;
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
}


.hamburger-top-menu {left: auto;right: 10px;border-left: #ccc solid 1px;height: 100%;top: 0;}
.hamburger-top-menu .fa {padding: 22px 12px 0;font-size:26px;color:#538b40;}
.page-header.navbar .top-menu .navbar-nav{display:none; margin: 0;position: absolute;right: 00;width: 240px;background: #fff;text-align: left;
padding: 10px 30px;box-shadow: #ddd 0px 3px 6px;top: 60px;}

.page-header.navbar .top-menu li{border:0;}
.page-header.navbar .top-menu li:first-child{width:240px;}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
	color: #333;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username{color:#333;}

/*content*/
.form .form-actions, .portlet-form .form-actions{margin:0;}

	.vat-return-table .default-table table {
	border: 0;
	width: 1000px;
	max-width: none;
}
.vat-return-table .table-bordered > tbody > tr .vat-des-greeen, .vat-return-table .table-bordered > tbody > tr .vat-des-greeen:last-child {border-left: #008751 solid 2px !important;}
.table-responsive > .table-bordered > tbody > tr:last-child > td.vat-des-greeen{border-bottom:#008751 solid 2px}



}

@media screen and (min-width: 767px){
	.modal-dialog {
	    width: 800px !important;
	}

}

.page-footer a {
	color: #fff;
}

a.no-dt-button {
	border: none;
    background-color: #fff;
    padding: unset !important;
    display: unset;
}

a.no-dt-button:hover {
	border: none !important;
    background-color: #fff !important;
}

.no-dt-button .btn {
	padding: 6px 9px !important;
}

a.no-dt-button ul li:hover {
	background-color: #538b40;
}

a.no-dt-button ul li a:hover {
	background-color: #538b40;
	color: #fff;
}

.no-dt-button a.btn:hover, .no-dt-button .btn-group.open a.btn{
	border-color: #356525 !important;
	background-color: #356525 !important;
	color: #fff;
}

.download-file-error .alert {
	margin-top: 20px;
	margin-bottom: 0;
}

.form-control {
	height: 28px;
}