/*Containers*/
.list-wrap {
	min-width: 800px;
	padding: 2rem;
}

.list {
	background-color: #FFF;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/*Head*/
.list-title {
	padding: 11px 2rem;
	font-size: 25px;
	text-align: left;
}

.list-search {
	background-color: transparent;
	border: 1px solid #EBEBEB;
}

/*Search*/
.list-srch-box {
	padding: 0 2rem;
	margin: 2rem 0;
}

.list-tag-pan {
	padding: .6rem 0;
	font-size: 0;
	text-align: center;
}

.tag {display: inline-block;}

.tag-numb {
	background: #FFF;
	border: 1px solid #E1E1E1;
	border-radius: 2px;
	padding: 0 11px;
	margin: .1rem;
	color: #555;
	line-height: 2.3;
	cursor: pointer;
}

/*Table containers*/
.list-body {
	padding: 0 2rem 2rem 2rem;
	margin-top: 2rem;
}

.list-tbl {
	display: table;
	table-layout: fixed;
    border-collapse: collapse;
	width: 100%;
}

/*Table head*/
.list-tbl-head {display: table-row;}

.list-tbl-head {background-color: #EFF5FA;}

.list-name {
	display: table-cell;
	padding: 1rem 1rem;
	font-size: 1rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-field {
	display: table-cell;
	padding: 1rem 1rem;
}

.list-field-name {
	color: #5883A7;
	font-size: 1rem;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-col {display: table-column;}

/* Table body */
.list-row {display: table-row; position: static;}
.list-row.dark {background: #F1F1F1;}

.list-cell {
	display: table-cell;
	vertical-align: middle;
	overflow: auto;
	font-size: 0;
	padding: 15px;
}

.list-inp {
	color: #555;
	
}

.list-inp.spaced {padding: 0 1rem; text-align: left;}

.list-col-btn {width: 15%;}
.list-col-xsh {width: 5%;}
.list-col-shr {width: 10%;}
.list-col-med {width: 15%;}
.list-col-lon {width: 25%;}

/* Buttons */
.list-btn {
	display: inline-block;
	background: none;
	border: none;
	border-bottom: 1px solid #AAA;
	padding: 0;
	margin: 0 5px 5px 0;
	font-family: text;
	font-size: 12px;
	box-sizing: border-box;
	cursor: pointer;
	transition: background .2s;
}

.list-box {text-align: center;}

.data_block {text-align: center;}

.list-btn.mass {display: inline-block; width: 160px; margin: 10px 0; left: 0;}

.list-btn.blu {border-color: #084d96; color: #084d96;}
.list-btn.blu:hover {background: rgba(8,77,150,0.3)}
.list-btn.ora {border-color: #FF9600; color: #FF9600;}
.list-btn.ora:hover {background: rgba(255,150,0,0.3)}
.list-btn.red {border-color: #AC0F12; color: #AC0F12;}
.list-btn.red:hover {background: rgba(172,15,18,0.3)}
.list-btn.gre {border-color: #006C09; color: #006C09;}
.list-btn.gre:hover {background: rgba(0,108,9,0.3)}

.list-btn:disabled {border-color: #AAA; color: #AAA; cursor: default;}
.list-btn:disabled:hover {background: none;}

/*LIST: footer*/
.list-foot {
	padding: 1rem 0 2rem 0;
	text-align: center;
}

.list-page {
	display: inline-block;
	width: 2rem;
	margin: 0 .5rem;
	color: #aaa;
	line-height: 2rem;
	transition: .3s color;
}

.list-page:not(.active):hover {color: #000;}

.list-page.active {
	border-radius: 100%;
	color: #fff;
}

/*DEBUGGER*/
.bug_txt {
	border-radius: 3px;
	margin: 1rem;
	color: #057229;
	
	letter-spacing: .05rem;
	line-height: 4;
	text-align: center;
}

/*EMPTY*/
.list-empty {
	background-color: #FFF;
	border: 1px solid #E1E1E1;
}

.empty_txt {
	padding: 2rem 0;
	text-align: center;
}

/*Mobile*/
@media only screen and (max-width: 550px) {
	.list-inp, .list-btn {font-size: 11px;}
}