.app-table.table > thead > tr > th {
	color: #333333;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 12px;
	text-transform: inherit;
}
.app-table.table{
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
}

.table-responsive-sticky{
	overflow: auto;
	width: 100%;
	height: 65vh;
}

.app-table.table.sticky{
	overflow: auto; 
	height: 100px; 
	max-height: 100px;
}

.app-table.table.sticky > thead > tr > th{
	position: sticky; 
	top: 0;
	z-index: 1;
	background: #f9f9f9;
}

table.app-table{
	white-space: nowrap;
}
.app-table th{
	outline: none;
}
.table-responsive-bko{
	overflow: auto;
	width: 100%;
}
.table-responsive-bko-min-height{
	min-height: 357px;
}
.md-table-pagination  span{
  color: #333;
}
/*========================================
=            new input search            =
========================================*/
.app-table-input-search{
	min-width: 18%;
	position: relative;
}
.app-table-input-search .app-table-input__input{
	padding-right: 30px;
	width: 100%;
}
.app-table-input-search .app-table-input-search__close{
    font-size: 20px;
    position: absolute;
    right: 7px;
    top: 10.5px;
}
@media (max-width: 768px) {
	.app-table-input-search{
		padding-bottom: 10px;
		width: 100%;
	}
}
/*=====  End of new input search  ======*/

/*===========================================
=            table-acl-crate-rol            =
===========================================*/
.app-table-acl{
	max-width: 434px;
	padding-bottom: 10px;
	width: 100%;
}
.app-table-acl__header{
	background-color: #eeeeee;
	display: inline-flex;
	font-weight: bold;
	width: 100%;
}
.app-table-acl__title{
	font-weight: bold;
}
.app-table-acl__row{
	border-top: 1px solid #ddd;
	display: inline-flex;
	width: 100%;
}
.app-table-acl__title{
	background-color: #f9f9f9;
}
.app-table-acl__body > div:last-child{
	border-bottom: 1px solid #ddd;
}
.app-table-acl__column{
	padding-left: 15px;
	padding-right: 16px;
}
.app-table-acl__header > div:first-child,
.app-table-acl__row > div:first-child{
	width: 60%;
}
.app-table-acl__header > div,
.app-table-acl__row > div{
	float: left;
	/* // min-height: 30px; */
	padding: 3px 10px;
}
.app-table-acl__header > div:nth-child(2),
.app-table-acl__row > div:nth-child(2){
	width: 20%;
}
.app-table-acl__header > div:nth-child(3),
.app-table-acl__row > div:nth-child(3){
	width: 20%;
}
.app-table-acl__header > div:nth-child(3){
	padding: 3px 0px;
}
.app-table-acl__header > div:nth-child(2),
.app-table-acl__header > div:last-child,
.app-table-acl__row > div:nth-child(2),
.app-table-acl__row > div:last-child{
	text-align: center;
}
@media (max-width: 768px) {
	.app-table-acl__header > div:nth-child(2),
	.app-table-acl__row > div:nth-child(2){
		width: 15%;
	}
	.app-table-acl__header > div:nth-child(3),
	.app-table-acl__row > div:nth-child(3){
		width: 25%;
	}
}
/*=====  End of table-acl-crate-rol  ======*/
/*=======================================
=            app-table-users            =
=======================================*/
.app-table-users,
.app-table-users--without-records,
.app-table-users--header,
.app-table-users--footer{
	max-width: 1450px;
}
.app-table-users .app-table-header tr th:first-child,
.app-table-users .app-table-body tr td:first-child{
	width: 200px;
}
.app-table-users .app-table-header tr th:nth-child(2),
.app-table-users .app-table-body tr td:nth-child(2){
	width: 200px;
}
.app-table-users .app-table-header tr th:nth-child(3),
.app-table-users .app-table-body tr td:nth-child(3){
	width: 300px;
}
.app-table-users .app-table-header tr th:nth-child(4),
.app-table-users .app-table-body tr td:nth-child(4){
	width: 200px;
}
.app-table-users .app-table-header tr th:nth-child(5),
.app-table-users .app-table-body tr td:nth-child(5){
	width: 200px;
}
.app-table-users .app-table-header tr th:nth-child(6),
.app-table-users .app-table-body tr td:nth-child(6){
	width: 200px;
}
.app-table-roles .app-table-header tr th:last-child,
.app-table-roles .app-table-body tr td:last-child{
	width: 150px;
}
/*=====  End of app-table-users  ======*/

/*=======================================
=            app-table-roles            =
=======================================*/
.app-table-roles,
.app-table-roles--footer,
.app-table-roles--without-records{
	max-width: 700px;
}
.app-table-roles .app-table-header tr th:first-child,
.app-table-roles .app-table-body tr td:first-child{
	width: 400px;
}
.app-table-roles .app-table-header tr th:nth-child(2),
.app-table-roles .app-table-body tr td:nth-child(2){
	text-align: center;
	width: 150px;
}
.app-table-roles .app-table-header tr th:last-child,
.app-table-roles .app-table-body tr td:last-child{
	width: 150px;
}
/*=====  End of app-table-roles  ======*/
/*===============================
=            filters            =
===============================*/
.app-filters__title{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px;
    background-color: #f5f5f5;
    padding: 10px 15px;
    margin-bottom: 20px;
}
/*=====  End of filters  ======*/
/*========================================
=            app-table-header            =
========================================*/
.app-table-header > tr{
	background-color: #eeeeee;
}
.app-table-header.app-table-header__columns > tr > th{
	border-right: 1px solid #dddddd;
}
.app-table-header.app-table-header__columns > tr > th:last-child{
	border-right: none;
}
.app-table-header tr th:first-child{
	padding-left: 15px;
}
.app-table-header tr th:last-child{
	padding-right: 15px;
}
.app-table-header tr th > div{
	display: inline-flex;
	width: 100%;
}
.app-table-header tr th > div > div{
	text-align: right;
}
.app-table-header tr th span[class^="fa"]{
	padding-left: 5px;
    width: 100%;
    text-align: left;
}
/*=====  End of app-table-header  ======*/
/*======================================
=            app-table-body            =
======================================*/
.app-table-body table{
	margin-bottom: 0px;
}
.app-table-body .app-table-body__without-records{
	background-color: #f5f5f5 !important;
	color: #aaaaaa;
}
.app-table-body tr td:first-child{
	padding-left: 15px;
}
.app-table-body tr td:last-child{
	padding-right: 15px;
}
.app-table-body__link tr td{
	/* padding: 0px !important; */
}
.app-table-body__without-link tr td{
	padding: 5px 8px !important;
}
.app-table-body__link tr td a,
.app-table-body__link tr td div{
	color: #434343;
	padding: 12px 8px;
	width: 100%;
	min-height: 46px;
	display: block;
}
.app-table-body__link tr td:first-child a,
.app-table-body__link tr td:first-child div{
	padding-left: 15px;
}
.app-table-body__link tr td:last-child a,
.app-table-body__link tr td:last-child div{
	padding-right: 15px;
}
.app-table-body__link tr td:last-child button:only-of-type{
	margin-left: 10px !important;
	margin-right: 15px !important;
}
.app-table-body__link tr td:last-child button:first-child{
	margin-left: 10px !important;
}
.app-table-body__link tr td:last-child button:last-child{
	margin-right: 15px !important;
}
.app-table-body .app-table-body__buttons{
	display: inherit;
}
.app-table-body .app-table-body__buttons button{
	border-right: 1px solid #327fc3;
}
.app-table-body .app-table-body__buttons button:hover{
	border-right: 1px solid #5a97ce !important;
}
.app-table-body .app-table-body__info{
	background-color: #d8ecfc;
}
.app-table-body .app-table-body__warning{
	background-color: #faeed5;
}
/*=====  End of app-table  ======*/
/*========================================
=            app-table-footer            =
========================================*/
.app-table-footer{
	background-color: #f5f5f5;
}
.app-table-footer__records{
	line-height: 2.5;
	margin-left: 10px;
}
.app-table-footer__results{
	line-height:2.5;
	margin-left:10px;
}
.app-table-footer__btn-intervals{
	background: #ffffff;
	border: 1px solid #dddddd;
	color: #333333;
	font-size: 14px;
	opacity: 1;
	padding: 6px 12px;
}
.app-table-footer__btn-intervals:hover,
.app-table-footer__btn-intervals:active,
.app-table-footer__btn-intervals:focus {
	background-color: #eeeeee;
	border-color: #ddd;
}
.app-table-footer__results{
	color: #3d3d3d;
}
.app-table-footer__number{
	float: left;
}
.app-table-footer__caret-icon{
	border-left: 1px solid #dddddd;
	color: #ffffff;
	float: right;
	margin: -6px -12px -6px 12px;
	padding: 5px 10px 7px;
}
.app-table-footer__pagination-controls{
	display: inline-block;
    float: right;
    height: 34px;
}
.pagination{
	margin-bottom: 0;
	margin-top: 0;
}
/*=====  End of app-table-footer  ======*/
@media (max-width: 768px) {
	.app-table-footer{
		height: 100px;
	}
	.app-table-footer__pagination-controls{
		display: block;
		margin-top: 10px;
		width: 100%;
	}
	.app-table-footer__pagination-controls ul{
		display: inline-block;
		margin: 0 auto;
	}
	.table-responsive-bko{
		border: none;
	}
}
@media (min-width: 992px){
	.table-responsive-bko{
		overflow: -moz-scrollbars-horizontal;
		overflow-x: scroll;
	}
}
.app-table-attachments{
	min-width: 500px;
}
.app-table-budget{
	margin-bottom: 0px;
	min-width: 900px;
}
.app-table-budge td:first-child{
	border-top: none;
}
.app-table-budget .app-table-budget__foot{
	background-color: #f9f9f9 !important;
}
.app-table-budget .app-table-budget__foot td{
	border-top: none;
	padding: 1px 8px;
}
.app-table-budget .app-table-budget__foot:last-child td{
	padding-bottom: 10px;
}
.app-table-budget .app-table-budget__foot:first-child{
	 border-top: 1px solid #ddd !important;
}

.app-table-services{}
/*========================================
=            app-table-footer            =
========================================*/
.app-table-services,
.app-table-services__footer,
.app-table-services__without-records{
	max-width: 550px;
}
.app-table-services__title-groups > td{
	background-color: #eeeeee;
}
.app-table-services__title-groups > td > div{
	background-color: #eeeeee;
	height: 20px;
	min-height: 33px !important;
	padding: 5px 15px 4px !important;
	width: 100%;
}
.app-table-services td:nth-child(2){
	width: 20px;
}
.table.app-table-services > tbody+tbody{
	border-top: 1px solid #ddd;
}
/*========================================
=            app-table-budget            =
========================================*/
.app-table.app-table__budget .app-table-body td{
	padding: 5px 8px;
}
.app-table.app-table__budget .app-table-body .form-control{
	height: 32px;
}