*, ::after, ::before {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@font-face {
  font-family: 'footable';
  src: url('../fonts/footable.eot');
  src: url('../fonts/footable.eot?#iefix') format('embedded-opentype'), url('../fonts/footable.woff') format('woff'), url('../fonts/footable.ttf') format('truetype'), url('../fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('../fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.tbm-header{
	margin-top:-50px;
}
.tbm-content ul{
	
	margin:auto;
}

.tbm-content button{
    color: #fff;
    background-color: #246D36;
    border-color: #246D36;
	font-size:12px;
}
.tbm-frontstat li{
	float: left;
    padding: 10px 35px;
    text-align: left;
    background: #246D36;
    color: #fff;
    margin: 0 10px;
	list-style:none;
}
.logo img{
	max-width: 20%;
}
.content-top{position: relative}
#tbm_form_archive{position: absolute;
    bottom: 2px;
    right: 5px;}
.content-top .logo img{max-width:20%;}
#tbm_form_archive select{width: 200px; height: 30px}

a{
	color:#246D36;
}
.tbm-content img{
	max-width:100%;
	padding:2px;
}
@font-face{
	font-family: Helvetica;
	src: url('../fonts/Helvetica-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: Helvetica_cyr Bold;
	src: url('../fonts/HelveticaCyr-Bold.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: Lato Medium;
	src: url('../fonts/lato/Lato-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: Lato Regular;
	src: url('../fonts/lato/Lato-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: "Helvetica",sans-serif;
    font-weight: normal;
    letter-spacing: -0.05em;
    color: #212121;
}
body{
	font-family: "Helvetica",sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5{color: #000;}
.el-chart-w {
    position: relative;
    text-align: center;
	width:40%;
	margin:0 auto;
	transform: rotate(-50deg);
}
.main-nav .row, .content >.row{margin:0;}
.main-nav .row >div,  .content >.row >div{padding:0;}
.main-nav .main-menu ul{
	list-style: outside none none;
	margin:0;
	padding:20px;
}
.main-nav .main-menu ul li{
	display: inline-block;
	line-height: normal;
	height: 130px;
	line-height: 130px;
}
.group-item  strong{
	font-family: Helvetica_cyr Bold;
}
.main-nav .main-menu ul li.active a,
.main-nav .main-menu ul li a:hover,
.main-nav .main-menu ul li a:focus{
	color: #0a123b;
}
.main-nav .main-menu ul li a{text-decoration: none; color: #fff; position: relative; padding:20px; text-align: center;}
.main-nav .main-menu ul li a::after{position: absolute; content: ""; border: 1px solid #fff; 
height: 130px; width:1px; right: 0px; top:-53px; opacity: 0.2;}
.main-nav .main-menu ul li a:hover, .main-nav .main-menu ul li a:focus{
	background: transparent;
}
.main-nav .main-menu{
	background: #3f8926;
	height:130px;
	line-height: 130px;
	position:relative;
}
.main-nav .account-info{
	background: #0a123b;
	color: #fff;
	height:130px;
	padding:15px 10px;
}
.main-nav .account-info h2{margin:0; color: #fff;}
.main-nav .account-info::before, .main-nav .account-info::after{display: table; clear: both; content:"";}
.main-nav .account-info{margin: 0 0px;}
.main-nav .account-info .info,
.main-nav .account-info .logo{display: inline-block;}
.main-nav .account-info .info{width: 60%; float: left; padding:20px 15px 0; line-height: 30px;}
.main-nav .account-info .logo{width:40%; float: left; padding:0 15px; line-height: 90px;}
.main-nav .account-info .info h2{text-transform:capitalize;}
.main-nav .account-info .info h2, .main-nav .account-info .info p{line-height: normal;}
.content .main-content{padding:35px 35px 20px; position: relative; width:100%;}
.profile .content .main-content,
.view-profile .content .main-content{padding:35px 35px 20px;}
.debit .content .main-content{padding:75px 20px 20px;}
.content-deposit .group-item p, .content-deposit .group-item:last-child{margin:0;}
.content .main-content .bottom-btn{position: absolute; bottom: 10%; right: 10%;}
.content .main-content .bottom-btn a,
.content .main-content .bottom-btn button{
	padding:15px;
	width:140px;
	text-align: center;
	color: #fff;
	display: inline-block;
	margin-right:20px;
	border-radius:0;
	border:0 none;
	line-height:normal;
	font-size:16px;
	vertical-align:unset;
}
.content .main-content .bottom-btn a:last-child{margin-right:0;}
.content .main-content .bottom-btn a:hover, 
.content .main-content .bottom-btn a:focus{text-decoration: none;}
.content .main-content .bottom-btn button.save{background: #3f8926;}
.content .main-content .bottom-btn a.close-btn{background: #f8c500;}
footer .menu-footer{
	padding:15px 10px;
	background: #f7f7f7;
}
footer .menu-footer ul{
	list-style: outside none none;
	margin:0;
	padding:0;
}
footer .menu-footer ul li{display: inline-block; padding-right:10px;}
footer .menu-footer ul li a{text-decoration: none; color: #3f8926; text-transform: capitalize; padding:0;}
footer .menu-footer ul li a:hover, footer .menu-footer ul li a:focus{background: transparent; text-decoration: none;}
footer .menu-footer ul li:last-child{padding:0;}
.content .right-sidebar{
	min-height:800px;
	width:100%;
	position: relative;
	-webkit-box-shadow: -2px 0px 5px 0px rgba(50, 50, 50, 0.87);
	-moz-box-shadow:    -2px 0px 5px 0px rgba(50, 50, 50, 0.87);
	box-shadow:         -2px 0px 5px 0px rgba(50, 50, 50, 0.87);
}
::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content .right-sidebar .top-content >h2{background: #f7f7f7; padding: 10px 10px 10px 25px; text-transform: capitalize; font-size: 18px;}
.content .right-sidebar h2{margin: 0;}
.content .right-sidebar .top-content .main-top{padding:10px 25px 235px;}
.group-item input, .bottom-profile input{border:1px solid #ddd; box-shadow:none; color:#000; padding:6px 12px;}
.group-item p{display: inline-block;}
.group-item p:first-child{width:50%;}
.info .group-item p:first-child{width:25%;}
.member .group-item p:first-child{width:25%;}
.content .right-sidebar .bottom-content{padding:20px 25px 90px; background: #f7f7f7;
	position: absolute; bottom: 0; width:100%;}
.info .group-item >p{margin-bottom:35px;}
.info .group-item:last-child p{margin:0;}
.info .group-item a{color: #000; text-decoration: none;}
.main-content .top-profile .info,
.main-content .bottom-profile .member{width:100%;}
.main-content .bottom-profile{margin-top:35px;}
.main-content .bottom-profile h2{margin: 0 0 20px; font-size: 18px; font-family: Helvetica_cyr Bold;}
.main-content .bottom-profile h2:nth-of-type(2){margin:20px 0;}
.main-content .bottom-profile .member .group-item:nth-of-type(1) p{margin-bottom: 35px;}
/*.content .row, .content .row >div, .jkMain.content{
    display: flex;
    flex-wrap: wrap;
}*/
.left-sidebar {
    width: 100%;
    background: transparent;
}
.left-sidebar .sidebar-nav ul{list-style: outside none none; margin:0; padding:0;}
.left-sidebar .sidebar-nav ul li{
	display: block;
	text-align: center;
	width:100%;
	margin:0;
}
.left-sidebar .sidebar-nav ul li:hover a,
.left-sidebar .sidebar-nav ul li:focus a{
	background: #0a123b; color:#fff; border-radius:0;
}
.left-sidebar .sidebar-nav ul li a{padding:20px 0; border-bottom: 1px solid #ddd;}
.deposits .left-sidebar .sidebar-nav ul li a#deposits-tab,
.trading .left-sidebar .sidebar-nav ul li a#transactions-tab,
.earn .left-sidebar .sidebar-nav ul li a#savings-tab{background: #0a123b; color:#fff; border-radius:0;}
.left-sidebar .sidebar-nav ul li a.active{background: transparent; border:0 none;color: #000;}
.left-sidebar .sidebar-nav ul li a{color:#000; display:block;}
.left-sidebar .sidebar-nav ul li a:hover, .left-sidebar .sidebar-nav ul li a:focus{text-decoration: none;}
.tb .total{text-align: right; padding:35px 30px 45px 5px;}
.tb .total h2{font-size: 20px; }
.tb .total h2 span{color: #3f8926; padding-right: 5px; font-family: Helvetica_cyr Bold;}
.top-deposit h2{margin:0 0 60px; font-size:40px; color:#0066b0;}
.content-deposit{margin:0 0 50px;}
.content-deposit .group-item{margin:0 0 40px;}
.content-deposit .group-item p:first-child{
	width:15%;
}
.content-deposit .group-item:last-child p{margin:0;}
.top-deposit img{display: inline-block; margin-bottom:40px;}
.bottom-deposit{margin:0 0 90px; text-transform: uppercase;}
.agree-btn input{opacity: 0; display: none;}
.agree-btn label{display: inline-block; position: relative; font-size:18px;
	padding-left:50px; cursor: pointer; text-transform: uppercase; }
.agree-btn label::before{position: absolute; content:""; 
	background: #3f8926;
	top:-8px;
	border-radius: 3px;
	width:37px; height: 37px; left:0; 
	display: inline-block;
	border:1px solid #3f8926;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.agree-btn input[type="checkbox"]:checked +label::before{
	content:"\f3fd";
	color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 36px;
    font-family: Ionicons;
}
table.table tbody tr:hover,
table.table tbody tr:focus{background: #909090; color: #fff; cursor: pointer;}
#days-tab{width:80%; margin:0 auto 0 !important; padding:0 0 65px;}
#days-tab li{width:33.3%;
	border-right: 1px solid #3f8926;
	border-top: 1px solid #3f8926;
	border-bottom: 1px solid #3f8926;
}
#days-tab li:first-child{
	border-left: 1px solid #3f8926;
	border-radius: 3px 0 0 3px;
}
#days-tab li:last-child{
	border-radius: 0px 3px 3px 0px;
}
#days-tab li a{text-align: center; color: #000; font-family: Lato Regular;}
#days-tab li a:hover,
#days-tab li a:focus{
	color: #000;
	background: #3f8926;
	border-radius: 0;
	color: #fff;
}
#days-tab li a.nav-link.active{
	background: #3f8926;
	border-radius: 0;
	color: #fff;
}

/*#day-first tbody{position:relative;}
#day-first tbody::after{
	content: "";
	display: block;
	right: 0;
	top: 0;
	position: absolute;
	border: 10px solid #fff;
	height: 100%;
}
#day-first tbody::before{
	content: "";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	border: 10px solid #fff;
	height: 100%;
}*/
#day-first tbody, .tab-pane tbody{border-left: 15px solid transparent; border-right: 15px solid transparent;}
.deposits .content .main-content{padding:70px 35px 20px;}
.trading .content .main-content, .view-transactions .content .main-content,
.view-deposit .main-content{padding:60px 20px 20px;}
.report .content .main-content,
.view-report .content .main-content{padding:45px 0px 0px;}
#day-first table thead tr th:first-child, .tab-pane table thead tr th:first-child{text-align:left;}
#day-first table thead tr th, .tab-pane table thead tr th{background: #efefef; border-right:1px solid #dee2e6; border-bottom: 0 none; border-top: 0 none; 
 text-align:center; vertical-align:middle;}
#day-first table thead tr th:last-child, .tab-pane table thead tr th:last-child{border-right:0 none;}
#day-first table tbody tr:first-child td, .tab-pane table tbody tr:first-child td{border-top:0 none;}
#day-first table tbody tr td:last-child, #day-first table tbody tr td:nth-last-child(2),
.tab-pane table tbody tr td:last-child, .tab-pane table tbody tr td:nth-last-child(2){text-align:center;}
.savings .table-savings, .tb.savings >table.table{padding:0px 25px 0 15px;}
.transactions table thead tr th, .view-deposit table thead tr th,
.savings table thead tr th{border:0 none; font-weight:normal;}
.container{max-width:100%; padding:0;}
.main-nav .account-info .info p{margin:0;}
.menu-mobile{display:none;}
img{max-width:100%;}
.pie-content table td{border:0 none;}
.debit .total-label{margin:0 0 20px;}
.debit .total-label h2, .debit .total-label h4 {
    text-align: center;
	color: #3e8825;
}
.debit .total-label h2{
	font-size:100px;
	font-family: Lato Regular;
	margin:0;
}
.debit .total-label h4{
	font-size:50px;
	font-family: Lato Regular;
}
.pie-chart{position:relative; padding:0 0 50px;}
.pie-chart .item-detail .item{
	position:absolute;
	content:"";
	font-family: Lato Medium;
	color:#f9cd42;
}
.pie-chart .item-detail .item.one{
	top: 10%;
	right: 20%;
	transform: translate(-50%, -50%);
}
.pie-chart .item-detail .item.two{
	bottom:15%;
	right: 25%;
	transform: translate(-50%, -50%);
}
.pie-chart .item-detail .item.three{
	bottom: 5%;
	right: 35%;
	transform: translate(-50%, -50%);
}
.pie-chart .item-detail .item.four{
	bottom: 10%;
	left: 35%;
	transform: translate(-50%, -50%);
}
.pie-chart .item-detail .item.five{
	top: 50%;
	left: 22%;
	transform: translate(-50%, -50%);
}
.pie-content table{
	max-height: 240px !important;
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
}
.pie-content table tbody{display:block;}
.pie-content table tbody tr{display:table; width:100%;}
.pie-content table tbody tr td{display:table-cell; width:33.3%;}
.main-content table.table{
	font-family: Lato Regular;
}
/*.content-login{
	background:#0a123b;
	min-height:800px;
	position:relative;
}*/
#element-box.login{
	width:35%;
	margin:0 auto;
	color:#fff;
	position:absolute;
	content:"";
	transform:translate(-50%, -50%);
	left:50%;
	top:50%;
}
#element-box .logo-login{text-align:center; margin-bottom:80px;}
#element-box .logo-login img{
	width:60%; text-align:center;
}
#element-box #form-login{
	width:80%; margin:0 auto;
}
#element-box #form-login .add-on:first-child{
	margin-right: -1px;
}
#element-box #form-login .add-on{
	margin-left: 0;
	text-shadow: none;
	vertical-align: top;
	display: inline-block;
	width: auto;
	height: 18px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	background-color: #fff;
	border: 0 none; 
	height:50px;
	width:10%;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px;
}
#element-box #form-login .add-on label{
	display: inline-block;
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.icon-user::before {
    content: "\22";
}
[class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
.form-inline .input-prepend, .form-inline .input-append{
	display:inline-block;
	vertical-align: middle;
	font-size: 0;
	white-space: nowrap;
	margin-bottom: 0;
	width:100%;
}
/*body.site.view-login{
	background:#0a123b !important;
	position:relative;
}*/
#element-box #form-login input{
	max-width:100%;
	background-color: #fff;
	border: 0 none;
	font-size:15px;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	padding: 4px 6px;
	line-height:18px;
	color:#555;
	box-shadow:none;
	display:inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	height:30px !important;
	width:100%;
}
#element-box #form-login .control-group{margin:0 0 20px;}
#element-box #form-login .loginform{width:100%;}
#element-box #form-login .add-on >span{color: #6d6d6d; line-height:43px; font-size:18px;}
#element-box #form-login .add-on >span.fa-envelope-o{font-family: FontAwesome;}
#element-box #form-login .loginform .control-group.btn{
	margin:70px 0 0;
	width:100%;
	padding:0;
}
#element-box #form-login .loginform .control-group.btn .btn-group{
	width:100%;
}
#element-box #form-login .loginform .control-group.btn button{
	background: #3e8825;
	border: 0 none;
	box-shadow: none;
	margin: 0 0 10px;
	height:50px;
	font-size:16px;
}
#element-box #form-login .loginform .sub-login ul{
	border:0 none;
}	
#element-box #form-login .loginform .sub-login li{
	width:50%;
	text-align:left;
}
#element-box #form-login .loginform .sub-login li:last-child{text-align:right;}
#element-box #form-login .loginform .sub-login{margin:10px 0 0;}
#element-box #form-login .loginform .sub-login li a{font-size:14px;}
#element-box #form-login .loginform .sub-login li a,
#element-box #form-login .loginform .sub-login li a:hover,
#element-box #form-login .loginform .sub-login li a:focus{text-decoration:none; color:#000;}
.login-page header{display:none;}
.bottom-profile input{width:100%;}
a.jk-logout, a.jk-logout:hover, a.jk-logout:focus{color:#fff; text-decoration:none;}
.jk-logout >i{padding-right:10px;}
html{height:100%; min-height:100%;}
body.com_users.view-login{
	background: linear-gradient(#efefef, #b3b3b3);
	background:-webkit-linear-gradient(#efefef, #b3b3b3);
	background: -moz-linear-gradient(#efefef, #b3b3b3); 
	min-height:100%;
}
.content-top{
	background: #efefef;
	text-align:center;
	padding:40px 15px; 
	border-bottom:8px solid #246d36;
}
.content-left .top-list{padding:15px; border-bottom:2px solid #cecece; background:#efefef;} 
.content-left .top-list p.title-first{margin:0 0 5px; font-size:15px;}  
.content-left .top-list h2.title{font-weight:bold; font-size:18px;}
ul.list-left{list-style:outside none none; margin:0; padding:0;} 
ul.list-left li{border-bottom:2px solid #cecece;}
ul.list-left li a{color: #000; display:block; vertical-align:middle; font-size:14px; text-transform:capitalize; padding:10px;}
ul.list-left li a:hover, ul.list-left li a:focus,
ul.list-left li.active a{text-decoration:none; background:#246d36; color:#fff; }
ul.list-left li a img{padding:0 20px 0 0;}
ul.list-left li.active>a>img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1)}

.login-page .content .row >.col-md-12,  .com_users.view-login .content >.row,  .com_users.view-login .content >.row >.col-md-12,
.login-page .content .row >.col-md-12 .main-content{position:static;}

#element-box.login >form.form-validate fieldset .control-group input#remember{width:auto; margin: 0 10px 0 0; height:auto !important;}
#element-box.login >form.form-validate fieldset .control-group:nth-child(3){
	display: flex;
	flex-direction: row-reverse;
	justify-content: right;
	align-items: center;
}
#element-box.login >form.form-validate fieldset .control-group:nth-child(3) label{margin: 0;}
#element-box.login >form.form-validate fieldset .control-group button{
	background: #3e8825;
	border: 0 none;
	box-shadow: none;
	margin: 0 0 10px;
	height: 40px;
	font-size: 16px;
	width:100%;
	text-align: center;
}
#form-login label{color:#000; font-size:14px;}
body.site.com_tbmclientportal{background:#fff;}
#mainContent .tbm-profile, #mainContent  .tbm-profile .right-content .content-first{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#mainContent .tbm-profile .left-content,
#mainContent .tbm-profile .right-content{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
#mainContent .tbm-profile .right-content .content-first .form-left,
#mainContent .tbm-profile .right-content .content-first .form-right{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
#mainContent .tbm-content{padding: 40px 20px; display: table; width:100%;}
#mainContent .tbm-profile .right-content .content-first input{border: 1px solid #eee; box-shadow: none; padding:4px 6px;}
#mainContent .tbm-profile .left-content p:first-child{
	background: transparent;
	padding:0;
	text-align: center;
}
#mainContent .tbm-profile .left-content p{
	background: #246d36;
	padding:10px;
	text-align: left;
	color:#fff;
	margin: 0 0 5px;
}
#mainContent .tbm-profile{margin-bottom:30px;}
#adminForm #j-main-container{position: relative;}
#mainContent #j-main-container #btn-toolbar{position: absolute; top:-3px; right:0;}
#mainContent #j-main-container #btn-toolbar button{margin: 0 0 0 10px; font-size: 13px; padding:2px 12px;}
#adminForm #j-main-container legend, #taxoffice-form #j-main-container legend, #j-main-container >legend{color:#000; text-transform: uppercase; font-size:16px; padding:0 0 5px; border-bottom:1px solid #ddd; margin: 0 0 20px;}
#adminForm #j-main-container #filter-bar .filter-search{margin: 0 10px 0 0;}
#adminForm #j-main-container #filter-bar .filter-search input{border:1px solid #ddd; box-shadow: none; padding:6px 12px; color:#000; border-radius:50px;}
#adminForm #j-main-container #filter-bar >div:last-child{justify-content: right;}
#adminForm #j-main-container #filter-bar{justify-content: space-between;}
#j-main-container #invoiceList th{border-top:0 none;}
#j-main-container #invoiceList td, #j-main-container #invoiceList th{border:0 none;}
#adminForm #j-main-container #filter-bar .content-right select#limit{padding:6px; border:1px solid #ddd;}
.fltlft-main{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.fltlft-main .span5, .content .row .span6{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.fltlft-main .fltlft input, #j-main-container input, input#jform_id{
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	 box-shadow: none; padding:4px 6px; font-size:13px; width:100%; max-width:100%;}
input#jform_id{width:206px;}
.fltlft-main .fltlft input#jform_logo{border: 0 none; padding:0;}
.fltlft-main .control-label label, #j-main-container .control-label label{margin: 0 0 5px; font-size:13px; line-height: 18px;}
.fltlft-main .control-group,  #j-main-container .control-group{margin: 0 0 10px;}
.fltlft-main .control-group .controls span,
#j-main-container .control-group .controls p,
#j-main-container .control-group .controls span{font-size:13px;}
#taxoffice-form{position: relative;}
.fltlft-main .fltlft .input-append, .field-calendar .input-append{display: flex;}
.fltlft-main .fltlft .input-append btn, .field-calendar .input-append btn{
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f3f3f3;
	color: #333;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.fltlft-main .fltlft .input-append button#jform_created_btn,  .field-calendar .input-append >button{
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
#j-main-container{position: relative; float: none;}
#j-main-container >table th, #j-main-container >table td, #j-main-container table#BankList td,  #j-main-container table#BankList th{border:0 none;}
#j-main-container >table td a, #j-main-container >table td a:hover, #j-main-container >table td a:focus,
#j-main-container >table th a, #j-main-container >table th a:hover, #j-main-container >table th a:focus,
 #j-main-container table#BankList td a,  #j-main-container table#BankList td a:hover,  #j-main-container table#BankList td a:focus,
  #j-main-container table#BankList th a,  #j-main-container table#BankList th a:hover,  #j-main-container table#BankList th a:focus{text-decoration: none;}
#j-main-container .top-content{margin: 0 0 20px;}
#j-main-container .bottom-content legend{
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 36px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
#j-main-container textarea{
	max-width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	width: 206px;
	height:auto;
	display: inline-block;
	padding: 4px 6px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}
#j-main-container .chzn-container.chzn-container-multi, #j-main-container .chzn-container{width:100% !important;}
/*#j-main-container .bottom-content >.row{margin: 0;}*/
#j-main-container input[type="text"]:focus, input#jform_id:focus{
	border: 1px solid rgba(82,168,236,0.8);
	outline: 0;
	box-shadow: none;
}
#j-main-container textarea:focus{
	border: 1px solid #3071A9;
	box-shadow: none;
}
#j-main-container >.jkcontent >legend{
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
#j-main-container table input{width:auto;}
#j-main-container .main-item{width:90%; margin: 0 auto;}
#j-main-container h3{font-size:16px;}
#j-main-container .span12{float: none; width:100%; max-width:100%;}
#disbursement-form .title-dis,
#contract-form .jkcontent >h2{text-align:center; font-size:18px; margin: 15px 0;}
#disbursement-form .content-dis .item h2.thead{
	padding:10px 15px;
	background: #246d36; 
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
}
#disbursement-form .content-dis .item .line{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#disbursement-form .content-dis .item .line >p{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
#disbursement-form .content-dis .item .line.total{justify-content: right;}
#disbursement-form .bottom-dis{margin:40px 0 0 0;}
#disbursement-form .bottom-dis .chexkbox{margin:0 0 10px;}
#disbursement-form .bottom-dis .chexkbox >input{width:auto;}
#disbursement-form .bottom-dis .content-text{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#disbursement-form .bottom-dis .content-text .item{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin:0 0 20px;
}
#disbursement-form .bottom-dis .content-text .item h4{margin:10px 0 0; font-size:18px;}
#disbursement-form .bottom-dis .chexkbox label{display:inline; padding: 0 0 0 10px;}
#mainContent #j-main-container #btn-toolbar .btn-group:first-child button{margin-left:0;}
#disbursement-form .main-dis{padding:15px;}
#disbursement-form .company-info p{margin:0 15px 0 0;}
#disbursement-form .company-info p:last-child{margin:0;}
#disbursement-form .company-info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 0 10px;
}
#disbursement-form table.first{margin:0;}
#disbursement-form table th, #contract-form table th{border-bottom:0 none;}
#disbursement-form table th p, #contract-form table th p{margin:0;}
#disbursement-form table th:first-child{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:-1px;
}
#disbursement-form table th,
#disbursement-form table td,
#contract-form table th,
#contract-form table td{
	border-left: 1px solid #dee2e6;
	padding:8px;
	line-height:normal;
}
#disbursement-form table th:last-child,
#disbursement-form table td:last-child,
#contract-form table th:last-child,
#contract-form table td:last-child{
	border-right: 1px solid #dee2e6;
}
#disbursement-form table td, #contract-form table td{text-align:left;}
#disbursement-form table td.left, #contract-form table td.left,
#contract-form table tbody tr td:first-child{text-align:left;}
#disbursement-form table tbody tr:last-child td,
#contract-form table tbody tr:last-child td{border-bottom: 1px solid #dee2e6;}
#disbursement-form .jkcontent >table,
#contract-form .jkcontent >table{margin:0 0 30px;}
#disbursement-form table.table tbody tr:hover, 
#disbursement-form table.table tbody tr:focus,
#contract-form table.table tbody tr:hover,
#contract-form table.table tbody tr:focus{background:transparent; color:#000; cursor:unset;}
#disbursement-form .bottom-table{width:60%; margin:40px auto;}
#disbursement-form .bottom-table p{margin:0 0 5px;}
#disbursement-form .bottom-table p:last-child{margin:0;}
#disbursement-form h3.agree{font-size:15px;}
#disbursement-form .content-col,
#contract-form .content-col{
	padding:0px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:20px -15px 20px;
}
#contract-form .content-col{margin:40px -15px 20px;}
#disbursement-form .content-col .col-date,
#contract-form .content-col .col-date,
#contract-form .content-col .col-signature,
.content-col .col-signature{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin:0;
}
#disbursement-form .content-col .col-date p,
#contract-form .content-col .col-date p{position:relative; margin:0;}
#disbursement-form .content-col .col-date p::before,
#contract-form .content-col .col-date p::before{
	position:absolute;
	content:"";
	height:1px;
	top:0;
	left:0;
}
#contract-form .content-col .col-signature p::before{
	position:absolute;
	content:"";
	height:1px;
	top:0;
	left:0;
}

#disbursement-form .content-col .col-date:first-child p::before,
#contract-form .content-col .col-date:first-child p::before{width:50%;}
#disbursement-form .content-col .col-date:last-child p::before,
#contract-form .content-col .col-date:last-child p::before{width:70%;}
#contract-form .jkcontent >h2{text-align:left;}
#contract-form .jkcontent >h2.title-con{
	text-align:center;
}
#contract-form table.product tr th, #contract-form table.product tr.bg-gray th{
	background:#a6a6a6;
}
#contract-form table.product tr.bg-gray th{height:40px;}
#contract-form table.efin td{text-align:left;}
#contract-form table.efin tr:first-child td{text-align:center;}
#contract-form table.efin tr:first-child td:first-child{text-align:left;}
#contract-form .company-info{margin:0 0 10px;}
#contract-form .company-info .group-info{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 10px;
}
#contract-form .company-info .group-info p{
	margin: 0 15px 0 0;
}
#contract-form .company-info .group-info p:last-child{margin:0;}
#contract-form .company-info >p{margin:0 0 5px;}
#contract-form .company-info >p:last-child{margin:0;}
#contract-form .company-info span.blue{color: #3e6d99;}
.company-info .group-info .form-group{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin:0 0 20px;
}
.company-info .group-info .form-group .input-element, .company-info >.form-group .input-element{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; align-items: center;
}
#contract-form #j-main-container .company-info .group-info .form-group .input-element input{width:70%; color: #3e6d99; text-align:center;}
#contract-form #j-main-container .company-info >.form-group .input-element input{width:50%; color: #3e6d99;}
.company-info .group-info .form-group .input-element label,
 .company-info >.form-group .input-element label{width:30%; text-align:right; padding:0 15px 0 0;}
#contract-form table.product tr td.blue{color: #6e8ed7; font-style:italic;}
#contract-form .content-col .col-signature .open-sign,
.content-col .col-signature .open-sign{padding:10px 30px; border:1px solid #ccc; color:#000; text-transform:uppercase; display:inline-block;}
#contract-form .content-col .col-signature .open-sign:hover,
#contract-form .content-col .col-signature .open-sign:focus,
.content-col .col-signature .open-sign:hover,
.content-col .col-signature .open-sign:focus{text-decoration:none;}
#contract-form .content-col .col-date >input, .content-col .col-date >input{margin:0 0 10px;}
#signature-pad .signature-pad--body, .col-signature .signature-pad--body,
#signature-pad .signature-pad--body canvas,  .col-signature .signature-pad--body canvas{width:100% !important;}
#signature-pad .signature-pad--body +div, .col-signature .signature-pad--body +div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:space-between;
	margin:10px 0 0;
}
#signature-pad .signature-pad--body +div button,
 .col-signature .signature-pad--body +div button{border:1px solid #ccc;}
#signature-pad .signature-pad--body +div button:focus,
 .col-signature .signature-pad--body +div button:focus{outline:0 none;}
 .content-col .col-signature p{margin:0 0 5px;}
  .content-col .col-signature p:last-child{margin:0;}
table.content-col{display:table !important; width:100%; margin:20px 0 !important;}
table.content-col td{text-align:left !important; border:0 none !important; padding:0 !important;}
#j-main-container table.content-col input{width:100%;}
table.content-col tbody tr td.col-signature{padding:0 30px 0 0 !important;}
#efin_contents #efin_tab.nav-tabs{
	list-style: none;
	margin:0 0 18px
}
#efin_contents #efin_tab.nav-tabs li{position:relative; margin-bottom: -1px; line-height: 18px; float:left;}
#efin_contents #efin_tab.nav-tabs li >a{
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	display: block !important;
}
#efin_contents #efin_tab.nav-tabs li >a:hover,
#efin_contents #efin_tab.nav-tabs li >a:focus{text-decoration:none;}
#efin_contents #efin_tab.nav-tabs li .remove{
	position: absolute;
	content: "";
	right: 3px;
	top: -3px;
	padding: 0;
	cursor: pointer;
}
#efin_contents #efin_tab.nav-tabs > .active > a, #efin_contents #efin_tab.nav-tabs > .active > a:hover, 
#efin_contents #efin_tab.nav-tabs > .active > a:focus{
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}

#efin_contents #efin_tab.nav-tabs li >span{margin-right: 2px; display:block; line-height: 18px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;}
.tbm-content .tbm-header img{width:200px; height:200px; object-fit:cover; margin:0 0 10px;}
.tbm-content #form-profile .tbm-header{margin-top:0;}
.groupTabContent ul.nav-tabs >li{margin-bottom: 0px; list-style: none;}
.groupTabContent ul.nav-tabs >li.active{border:0 none;}
.groupTabContent ul.nav-tabs >li >a{
	border: 1px solid transparent;
	padding:.5rem 1rem 0.5rem 2.5rem; display:block;
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem; position:relative;
	background: #ddd; display:block; height:100%;
}
.groupTabContent ul.nav-tabs > li > a::before{display: inline-block;
  font-family: 'footable'; position:absolute; content:"\e008";
  speak: none; left:7px; top:5px;
  font-style: normal; transition:all 0.1s ease-in-out;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  line-height:30px;
  font-size: 12px;
  color: #246D36;}
 .groupTabContent ul.nav-tabs > li > a.active::before{content:"\e009";}
.groupTabContent ul.nav-tabs >li >a:focus{outline:0 none;}
.groupTabContent ul.nav-tabs >li a.active{background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;}
.tab-pane.active table thead tr th{background:rgba(221,221,221,0.5);}
.tab-pane.active table thead tr td{background:transparent;}
.tab-pane.active table{background:#fff; border: 1px solid #ddd;}
#j-main-container #invoiceList .tab-pane.active table th, #j-main-container #invoiceList .tab-pane.active table td{border: 1px solid #ddd;}
#j-main-container #invoiceList .tab-pane tbody{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.tab-content > .active{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px;} 
#invoiceList.table-striped tbody tr:nth-of-type(2n+1){background:transparent;}
#invoiceList.table tbody tr:hover, #invoiceList.table tbody tr:focus{background:transparent; color:#000;}
#j-main-container #invoiceList td[data-field="Date"]{min-width:150px;}
#j-main-container #invoiceList th >a,
#j-main-container #invoiceList td{white-space:nowrap;}
#j-main-container #invoiceList tr.row0 td, #j-main-container #invoiceList tr.row1 td, #j-main-container #invoiceList th{padding:5px;}
#j-main-container #invoiceList >tbody >tr >td{padding:0;}
#j-main-container #invoiceList >tbody >tr{margin:0 0 15px;}
#j-main-container #invoiceList >tbody >tr::before,
#j-main-container #invoiceList >tbody >tr::after{clear:both; content:""; display:table;}
#j-main-container #invoiceList >tbody >tr.row0::before,
#j-main-container #invoiceList >tbody >tr.row0::after,
#j-main-container #invoiceList >tbody >tr.row1::before,
#j-main-container #invoiceList >tbody >tr.row1::after,
#j-main-container #invoiceList >tbody >tr.title-td::before,
#j-main-container #invoiceList >tbody >tr.title-td::after{clear: unset; content: none; display: unset;}
.tab-pane table{width: 100%; background-color: transparent; border-collapse: collapse;}
/*.tab-pane table tr, #j-main-container #invoiceList tbody tr{display:table; width:100%;}*/
#j-main-container #invoiceList tr.row0 td, #j-main-container #invoiceList tr.row1 td{background:rgba(221,221,221,0.5);}
@media(min-width:576px){
.tbm-frontstat li{
	float: left;
    padding: 10px 35px;
    text-align: left;
    background: #246D36;
    color: #fff;
    margin: 0 10px;
	list-style:none;
}
	.col-sm-6{max-width:50%; flex: 0 0 50%;}
	.col-sm-4{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	.col-sm-8{max-width:66.66666667%; flex: 0 0 66.66666667%;}
	#mainContent .tbm-profile .left-content{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	#mainContent .tbm-profile .right-content{max-width:66.66666667%; flex: 0 0 66.66666667%;}
	#mainContent .tbm-profile .right-content .form-left,
#mainContent .tbm-profile .right-content .form-right{max-width:50%; flex: 0 0 50%;}
	.fltlft-main .span5{max-width:50%; flex: 0 0 50%;}
	.row .span6{max-width:50%; flex: 0 0 50%;}
	#disbursement-form .bottom-dis .content-text .item{max-width:50%; flex: 0 0 50%;}
	#disbursement-form .content-dis .item .line.five-col p,
	, #disbursement-form .content-dis .item .line.five-col.total p{max-width:50%; flex: 0 0 50%;}
	#disbursement-form .content-dis .item .line.four-col p{max-width:50%; flex: 0 0 50%;}
	#disbursement-form .content-dis .item .line.five-col p,
	#disbursement-form .content-dis .item .line.five-col.total p,
	#disbursement-form .content-dis .item .line.two-col p,
	#disbursement-form .content-dis .item .line.three-col p{max-width:50%; flex: 0 0 50%;}
	#disbursement-form table.first thead th:first-child p{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	#disbursement-form .content-col .col-date,
	#contract-form .content-col .col-date, #contract-form .content-col .col-signature, .content-col .col-signature{max-width:50%; flex: 0 0 50%;}
	.company-info .group-info .form-group{max-width:50%; flex: 0 0 50%;}
}

@media(min-width:768px){
	.col-sm-6{max-width:50%; flex: 0 0 50%;}
	.col-sm-4{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	.col-sm-8{max-width:66.66666667%; flex: 0 0 66.66666667%;}
	#disbursement-form .bottom-dis .content-text .item{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	#disbursement-form .content-dis .item .line.three-col.add p.twosub-col{max-width:50%; flex: 0 0 50%;}
	#disbursement-form .content-dis .item .line.three-col.add p{max-width:25%; flex: 0 0 25%;}
	#disbursement-form .content-dis .item .line.three-col p{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	#disbursement-form .content-dis .item .line.two-col p{max-width:50%; flex: 0 0 50%;}
	#disbursement-form .content-dis .item .line.five-col p,
	#disbursement-form .content-dis .item .line.five-col.total p{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	#disbursement-form .content-dis .item .line.four-col p,
	#disbursement-form .content-dis .item .line.four-col.total p{max-width:25%; flex: 0 0 25%;}
} 
@media(min-width:992px){
	.col-lg-5{max-width:41.6666666667%; flex: 0 0 41.6666666667%;}
	#disbursement-form .content-dis .item .line.five-col p,
	#disbursement-form .content-dis .item .line.five-col.total p{max-width:20%; flex: 0 0 20%;}
}
@media(min-width:1200px){
	.col-md-2{max-width:16.66666667%; flex: 0 0 16.66666667%;}
	.col-md-3{max-width:20%; flex: 0 0 25%;}
	.col-md-4{max-width:33.33333333%; flex: 0 0 33.3333333333%;}
	.col-md-8{max-width:66.66666667%; flex: 0 0 66.66666667%;}
	.col-md-6{max-width:50%; flex: 0 0 50%;}
	.col-md-7{max-width:58.33333333%; flex: 0 0 58.33333333%;}
	#disbursement-form .content-dis .item .line.five-col p{max-width:20%; flex: 0 0 20%;}
	#disbursement-form .content-dis .item .line.four-col p{max-width:25%; flex: 0 0 25%;}
}
@media(max-width:1199px){
	.content-deposit .group-item p:first-child {
		width: 30%;
	}
	table#invoiceList{border:0 none; overflow-x: unset;}
	table#invoiceList, table#invoiceList thead, table#invoiceList tbody,
	table#invoiceList tr.row0 td, table#invoiceList tr.row1 td, table#invoiceList tr.row0, table#invoiceList tr.row1 table#invoiceList th{display: block;}
	/*table#invoiceList thead tr{top: -9999px; left: -9999px; position: absolute;}*/
	table#invoiceList tr.row0, table#invoiceList tr.row1{margin: 0 0 15px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; display:table; width:100%;}
	table#invoiceList tr.row0 td, table#invoiceList tr.row1 td{position: relative; padding-left: 50% !important; border-right: 0 none; border-bottom:0 none; border-color: #ddd;
        min-height:40px; text-align: left;}
	table#invoiceList tr.row0 td::before, table#invoiceList tr.row1 td::before{content: attr(data-field); position: absolute; left:6px; width:45%; padding-right:10px; text-align: left;}
	#j-main-container table#invoiceList tr.row0 td, #j-main-container table#invoiceList tr.row1 td{border-top:1px solid #ddd;}
	.tab-pane table tr{display:table; width:100%;}
}
@media(max-width:1024px){
	#element-box .logo-login img{
		width:100%; 
	}
	#element-box #form-login{
		width:100%; 
	}
	#j-main-container .main-item{width:100%;}
}
@media (max-width:991px){
	.main-nav .account-info .info{padding:10px 0px 0; line-height:normal;}
	.main-nav .account-info .info p{font-size:13px;}
	.main-nav .account-info h2{font-size:15px;}
	.main-nav .main-menu{height:90px; line-height:normal;}
	.main-nav .main-menu ul li{height:70px; line-height:70px;}
	.main-nav .account-info{height:90px;}
	.main-nav .account-info .logo{line-height:60px;}
	.main-nav .main-menu ul li a::after{height:90px; top:-43px;}
	.main-nav .main-menu ul li a{padding:0 10px;}
	/*.group-item p{font-size:13px;}*/
	.content-deposit .group-item p{font-size:16px;}
	.content .right-sidebar .bottom-content{padding:20px 15px 90px;}
	.info .group-item p:first-child,
	.member .group-item p:first-child{width:50%;}
	.info .group-item p{width:45%;}
	#element-box.login{width:50%;}
	#j-main-container #invoiceList >tbody >tr::before,
	#j-main-container #invoiceList >tbody >tr::after{clear:unset; content:none; display:unset;}
}
@media (max-width:767px){
	.content .main-content .bottom-btn{bottom:2%; right:4%;}
	.profile .content .main-content{padding: 35px 15px 20px;}
	.content  .top-profile .row > div,
	.content  .bottom-profile .row > div{padding:0 15px;}
	.top-profile .group-item p:first-child{width:30%;}
	.info .group-item > p{margin-bottom:15px;}
	.main-content .bottom-profile .member .group-item:nth-of-type(1) p{margin-bottom:20px;}
	.main-nav .account-info .info p{font-size:11px;}
	.debit .content .main-content{padding:35px 15px 20px;}
	.top-deposit h2{margin:0 0 40px; font-size:30px; width:70%;}
	.content-deposit .group-item{margin:0 0 20px;}
	.content-deposit{margin:0 0 25px;}
	.bottom-deposit{margin:0 0 45px;}
	.top-deposit{display: table; width:100%;}
	.top-deposit h2, .top-deposit img{display:table-cell;}
	.content .right-sidebar .bottom-content{padding:20px 15px 45px;}
	.right-sidebar .group-item p:first-child{
		width:80%;
		padding-right:15px;
	}
	.content-deposit .group-item p:first-child {
		width: 50%;
	}
	.menu-mobile{
		display:block;
		position: absolute;
		transition: all 0.2s ease-in-out 0s;
		left: 9%;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: 999;
		cursor: pointer;
		width: 45px;
		height: 35px;
	}
	.menu-mobile span{
		background: #fff none repeat scroll 0 0;
		display: block;
		height: 3px;
		position: absolute;
		right: 7px;
		transition: all 0.5s ease-in-out 0s;
		width: 31px;
		cursor: pointer;
	}
	.menu-mobile span.ic_1{
		top: 8px;
	}
	.menu-mobile span.ic_2{
		top: 16px;
	}
	.menu-mobile span.ic_3{
		top: 24px;
	}
	.main-menu .moduletable_menu{display:none;}
	.show-main-menu .main-menu .moduletable_menu{display:block;}
	.show-main-menu .menu-mobile span.ic_1{
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		right: 7px;
		top: 9px;
	}
	.show-main-menu .menu-mobile span.ic_2{
		right: 7px;
		top: 18px;
		transform: rotate(45deg);
	}
	.show-main-menu .menu-mobile span.ic_3{
		right: 7px;
		top: 18px;
		transform: rotate(-45deg);
	}
	.show-main-menu  .main-menu .moduletable_menu{
		width: 100%;
		background: #3f8926;
		position: fixed;
		left: 0;
		top: 0;
		display: block;
		bottom: 0;
		z-index: 99;
		overflow: hidden;
		right: 0;
		height:auto;
	}
	.show-main-menu  .main-menu ul{
		padding: 200px 0;
	}
	/*.show-main-menu .menu-mobile{top:10%;}*/
	#element-box.login{width:80%;}
	.show-main-menu .main-menu .moduletable_menu li{
		display:block; width:100%; height:auto; line-height:normal;
		animation-name: fadein;
        animation-fill-mode: both;
        animation-duration: 1s;
	}
	.show-main-menu .main-menu .moduletable_menu li a{
		display:block;
		width:100%;
		text-align:center;
		padding:20px 0;
		font-size:20px;
	}
	.show-main-menu .main-menu .moduletable_menu li a::after{
		border:0 none;
	}
	.show-main-menu .main-menu .moduletable_menu li::nth-of-type(1){
        animation-delay: 0.15s;
    }
	.show-main-menu .main-menu .moduletable_menu li::nth-of-type(2){
        animation-delay: 0.2s;
    }
	.show-main-menu .main-menu .moduletable_menu li::nth-of-type(3){
        animation-delay: 0.25s;
    }
	.show-main-menu .main-menu .moduletable_menu li::nth-of-type(4){
        animation-delay: 0.3s;
    }
	.show-main-menu .main-menu .moduletable_menu li::nth-of-type(5){
        animation-delay: 0.35s;
    }
	.show-main-menu .main-menu .moduletable_menu li::nth-of-type(6){
        animation-delay: 0.4s;
    }
	@-webkit-keyframes fadein{
        0% {opacity:0;}
        100% {opacity: 1;}
    }
    @keyframes fadein{
        0% {opacity: 0;}
        100% {opacity: 1;}
    }
    .fadein{
        -webkit-animation-name: fadein;
        animation-name:fadein;
    }
	body.show-main-menu {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
    }
	ul.list-left li a{padding:20px 15px;}
	.content-left .top-list{padding: 20px 15px 25px;}
	#j-main-container .bottom-content > .row{margin: 0 -15px;}
	#disbursement-form .bottom-table{width:90%; margin: 20px auto;}
}
@media (max-width:575px){
	.main-nav .account-info .logo{line-height:normal;}
	.main-nav .account-info{height:auto; padding: 20px;}
	.main-nav .account-info h2{font-size:25px;}
	.main-nav .account-info .info p{font-size:15px;}
	.profile .content .main-content{padding: 20px 15px 100px;}
	.content  .top-profile .image{margin-bottom:20px;}
	.content .right-sidebar{min-height:600px;}
	.show-main-menu  .main-menu ul{
		padding: 160px 0;
	}
	.profile .content .main-content, .view-profile .content .main-content{padding:35px 35px 100px;}
	.main-nav .account-info .info{padding:0}
	.fltlft-main .fltlft input, #j-main-container input{width:100%;}
	#j-main-container .chzn-container.chzn-container-multi, #j-main-container .chzn-container{width:100% !important;}
	#contract-form #j-main-container .company-info > .form-group .input-element input{width:70%;}
	#contract-form .content-col .col-date:first-child p::before,
	#contract-form .content-col .col-date:last-child p::before{width:100%;}
	#disbursement-form .content-col .col-date p{margin:0 0 10px;}
	#mainContent #j-main-container #btn-toolbar{position:static;}
}
@media(max-width:480px){
	#element-box.login{width:100%; padding:0 15px;}
	.profile .content .main-content, .view-profile .content .main-content{
		padding: 35px 0px 100px;
	}
	.content .right-sidebar .top-content .main-top{
		padding: 10px 15px 235px;
	}
	.content .right-sidebar .top-content > h2{
		padding: 10px 10px 10px 15px;
	}
	.content .main-content .bottom-btn a,
	.content .main-content .bottom-btn button{padding:10px;}

}
@media (max-width:400px){
	.deposits .content .main-content{
		padding: 35px 15px 20px;
	}
	.main-nav .account-info .info{padding: 0px 0px 20px;}
	.main-content table.table{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		display: inline-block;
		position: relative;
		max-width: 100%;
	}
	.main-content table.table thead{display:block; float:left;}
	.main-content table.table thead tr{
		display: block;
		border-right: 3px solid #5db95d;
		border-top: 1px solid #ccc;
	}
	.main-content table.table thead tr th{
		display: block !important;
		text-align: left !important;
		width: auto;
		border: none !important;
		box-shadow: none !important;
		border-bottom: 1px solid #ccc !important;
		padding: 0px 8px !important;
		height: 80px;
		border-left: 1px solid #ccc !important;
		line-height: 45px;
	}
	.main-content table.table tbody{
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	.main-content table.table tbody tr{
		display: inline-block;
    	border-top: 1px solid #ccc;
	}
	.main-content table.table tbody tr td{
		display:block!important;
	    height:80px;
		border:1px solid #ccc!important;
		border-top:0px!important;
	}
	.show-main-menu  .main-menu ul{
		padding: 110px 0;
	}
	#element-box #form-login .loginform .sub-login li:last-child{text-align: left;}
	#element-box #form-login .loginform .sub-login ul{flex-direction: column;}
	#element-box #form-login .loginform .sub-login li{width:100%;}
	#mainContent #j-main-container #btn-toolbar{position:static; margin-bottom:10px;}
	.company-info .group-info .form-group .input-element, .company-info > .form-group .input-element{flex-direction:column;}
	.company-info .group-info .form-group .input-element label, .company-info > .form-group .input-element label{width:100%; text-align:left;}
	#contract-form #j-main-container .company-info .group-info .form-group .input-element input,
	#contract-form #j-main-container .company-info > .form-group .input-element input{width:100%;}
	table#invoiceList tr.row0 td, table#invoiceList tr.row1 td{padding-left:30% !important;}
}
@media(max-width:360px){
	#disbursement-form table th, #disbursement-form table td{padding:3px;}
}
@media(max-width:320px){
	#j-main-container table{font-size:10px;}
}
/*
#payments_contents *{box-sizing: border-box;}
#payments_contents >p{padding:0 0 10px; border-bottom:1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
	justify-content: space-between; align-items: center;}
#payments_contents >p >*{position: relative; width: auto; min-height: 1px;}
#payments_contents >p label{text-align:left; text-transform:capitalize; font-weight:500; margin:0; font-size:20px;}
#payments_contents .action-add >span, #payments_contents .action-add >a{display:inline-block; vertical-align:middle;}
#payments_contents .action-add >span{padding-right:10px;}
#payments_contents .action-add >a{color:#333;}
#payments_contents .action-add >a:hover, #payments_contents .action-add >a:focus{text-decoration:none;}
#payments_contents .payments_contents .items-payment{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
	justify-content: space-between; margin:0 -15px; position:relative;}
#payments_contents .payments_contents .items-payment >*{position: relative; width: 100%; min-height: 1px; padding:0 15px;}
#payments_contents .payments_contents .items-payment p input{margin:10px 0; width: 100%; max-width: 100%; padding: 6px 12px; height: auto;}
#payments_contents .payments_contents .items-payment >p:last-child{position:absolute; content:""; right:0; top: 32px; width:auto; padding:0;}
#payments_contents .payments_contents .items-payment >p .remove{cursor:pointer; font-size:20px;}
*/