.row-head {
	font-weight:700; 
	color:#333333;
	letter-spacing:1.5px;
	text-transform:uppercase;
	width:100%; 
	margin:auto;
	font-size:10px;
	display:table;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
}

.row:first-child {
	width:100%; 
	margin:auto;
	display:table;
	vertical-align:middle;
	padding:10px 0px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
}
.row {
	width:100%; 
	margin:auto;
	display:table;
	vertical-align:middle;
	padding:10px 0px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
}

.row-undraggable:first-child {
	width:100%; 
	margin:auto;
	display:table;
	vertical-align:middle;
	padding:10px 0px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
}
.row-undraggable {
	width:100%; 
	margin:auto;
	display:table;
	vertical-align:middle;
	padding:10px 0px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none;
}

.row-hightlight { 
	height: 79px; 
	line-height: 79px; 
	background-color:#e6e9ed;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
}
 
.cell p {
	font-size:12px;
	margin:0;
	padding:0;
}


.cell {
	padding:10px 10px; 
	display:table-cell; 
	width:auto;
 	vertical-align:middle;
	font-weight: 700;
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;
}


/* LIST TABLES */

@media screen and (min-width: 1025px) and (max-width: 6000px){

	.list-table {

		padding:30px;
		background-color: #f9fbfc;
		padding-bottom: 120px;
	}

	.list-form {

		padding:30px;
		background-color: #f9fbfc;
		padding-bottom: 20px;
	}

	.list-tabs {

	padding:30px;
	background-color: #f9fbfc;

	}	
}

@media screen and (min-width: 701px) and (max-width: 1024px){

	.list-table {

		padding:20px;
		background-color: #f9fbfc;
		padding-bottom: 120px;
	}
	

	.list-form {

		padding:20px;
		background-color: #f9fbfc;
		padding-bottom: 20px;
	}

	.list-tabs {

	padding:20px;
	background-color: #f9fbfc;

	}
}

@media screen and (min-width: 0px) and (max-width: 700px){

	.list-table {

		padding:10px;
		background-color: #f9fbfc;
		padding-bottom: 120px;
	}

	.list-form {

		padding:10px;
		background-color: #f9fbfc;
		padding-bottom: 20px;
	}
	
	.list-popup {

		padding:0px;
		padding-bottom: 20px;
	}

	.list-tabs {

	padding:10px;
	background-color: #f9fbfc;

	}	
	
}


.list-table h1 {
						
	color: #4c5773;
	padding-left: 0px;
	text-transform: capitalize;
}

.list-table h2 {
			
	font-size: 18px;
	color: #949aaa;
	padding: 0 0 10px 10px;
	margin: 0;
	text-transform: capitalize;
}

.list-table h3 {
			
	font-size: 12px;
	color: #949aaa;
	padding: 0px 20px;
	margin: 0;
	text-transform: capitalize;
}

.list-table .search {

	border-radius: 12px; 
	background-color:#eff6fc; 
	color: #4c5773; 
	font-size: 18px; 
	padding: 15px 10px; 
	border: 1px #519ee3 solid; 
	margin: 20px 0px 30px 0px;

}

.list-table .search:focus {

	border: 2px #519ee3 solid; 
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;


}

.list-table .row-head {

	color: #b9bbc3; 
	padding: 0px 10px;
	text-transform: capitalize;

}

.list-table .row-head .cell {

	font-size:14px;

}

.list-table .table {

	border:1px #f0f0f0 solid; 
	background-color: #fff; 
	border-radius: 12px;
	
}



.list-table .table .row {

	padding: 10px;
	border-bottom: 1px #f0f0f0 solid;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-table .table .row:hover {

	background-color: #f0f0f0;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-table .table .row:first-of-type {
	border-top-left-radius: 12px;	
	border-top-right-radius: 12px;	
}

.list-table .table .row:last-of-type {
	border-bottom-left-radius: 12px;	
	border-bottom-right-radius: 12px;	
	border-bottom: none;
}


.list-table .table .row .cell {

	font-size: 14px;
	word-break:break-word;
}

/* LIST TABS */

.list-tabs .frame {

	border:1px #f0f0f0 solid; 
	background-color: #fff; 
	border-radius: 12px;

}

.list-tabs .frame .tabcontent {


}

.list-tabs .frame h3 {

	font-size: 12px;
	color: #949aaa;
	padding: 0px 20px;
	margin: 0;
	text-transform: capitalize;

}

/* Style the tab */
.list-tabs .frame .tab {
	overflow: hidden;
	background-color: #f2f2f2;
	border-top-right-radius: 11px;
	border-top-left-radius: 11px;
	text-align: left;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;

}

/* Style the buttons inside the tab */
.list-tabs .frame .tab .tablinks {
	border: none;
	background-color: transparent;
	color:#292929;
	display: table-cell;
	cursor: pointer;
	padding: 15px 20px;
	font-size: 13px;
	font-weight: 700;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}

/* Change background color of buttons on hover */
.list-tabs .frame .tab .tablinks:hover {
	background-color: #aaa;
	color:#fff;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;

}

/* Create an active/current tablink class */
.list-tabs .frame .tab .active {
	background-color: #fff;
	color:#292929;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;

}


.list-tabs .frame .table .row {

	padding: 10px;
	border-bottom: 1px #f0f0f0 solid;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-tabs .frame .table .row:hover {

	background-color: #f0f0f0;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}

.list-tabs .frame .table .row:last-of-type {
	border-bottom-left-radius: 12px;	
	border-bottom-right-radius: 12px;	
	border-bottom: none;
}


.list-tabs .frame .table .row .cell {

	font-size: 14px;
	word-break:break-word;
}

.list-tabs .frame .form {

	padding: 20px 0px;

}

.list-tabs .frame .form .row {

	padding: 0px 10px;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-tabs .frame .form .row .cell {

	font-size: 14px;
	word-break:break-word;
}


/* LIST POPUP */

.list-popup .popup {

	background-color: #fff; 
	border-radius: 12px;
	padding: 15px;
	border: 1px #f4f4f4 solid;
	margin:10px;
	text-align: center;
	

}

.list-popup select {

	background-color: #f4f4f4; 
	border: none;
	border-radius: 5px;

}

.list-popup input {

	background-color: #f4f4f4; 
	border: none;
	border-radius: 5px;

}

.list-popup textarea {

	background-color: #f4f4f4; 
	border: none;
	border-radius: 5px;

}

.list-popup .popup .row:first-child {

	padding: 4px;
	border-top: 0px #f2f2f2 solid;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}

.list-popup .popup .row {

	padding: 4px;
	border-top: 1px #f2f2f2 solid;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-popup .popup .row .cell {

	padding: 0px;
	font-size: 14px;
	word-break:break-word;
}


/* LIST FORMS */

.list-form h1 {
						
	color: #4c5773;
	text-transform: capitalize;
}

.list-form h2 {
			
	font-size: 18px;
	color: #949aaa;
	padding: 0 0 10px 10px;
	margin: 0;
	text-transform: capitalize;
}

.list-form h3 {
			
	font-size: 12px;
	color: #949aaa;
	padding: 0px 20px;
	margin: 0;
	text-transform: capitalize;
}

.list-form .searchbox {

	border-radius: 12px; 
	background-color:#eff6fc; 
	color: #4c5773; 
	font-size: 18px; 
	padding: 15px 10px; 
	border: 1px #519ee3 solid; 
	margin: 20px 0px 30px 0px;

}

.list-form .searchbox:focus {

	border: 2px #519ee3 solid; 
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;


}

.list-form .row-head {

	color: #b9bbc3; 
	padding: 0px 10px;
	text-transform: capitalize;

}

.list-form .row-head .cell {

	font-size:14px;

}


.list-form .form {

	border:1px #f0f0f0 solid; 
	background-color: #fff; 
	border-radius: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.list-form .form .row {

	padding: 0px 10px;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-form .form .row .cell {

	font-size: 14px;
	word-break:break-word;
}

/* LIST TABS */

.list-tabs h1 {
						
	color: #4c5773;
	text-transform: capitalize;
}

.list-tabs h2 {
			
	font-size: 18px;
	color: #949aaa;
	padding: 0 0 10px 10px;
	margin: 0;
	text-transform: capitalize;
}

.list-tabs h3 {
			
	font-size: 12px;
	color: #949aaa;
	padding: 0px 20px;
	margin: 0;
	text-transform: capitalize;
}

.list-tabs .searchbox {

	border-radius: 12px; 
	background-color:#eff6fc; 
	color: #4c5773; 
	font-size: 18px; 
	padding: 15px 10px; 
	border: 1px #519ee3 solid; 
	margin: 20px 0px 30px 0px;

}

.list-tabs .searchbox:focus {

	border: 2px #519ee3 solid; 
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;


}

.list-tabs .row-head {

	color: #b9bbc3; 
	padding: 0px 10px;
	text-transform: capitalize;

}

.list-tabs .row-head .cell {

	font-size:14px;

}


.list-tabs .tab {

	background-color: #fff; 
	border-radius: 12px;
}

.list-tabs .tab .row {

	padding: 0px 10px;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-tabs .tab .row .cell {

	font-size: 14px;
	word-break:break-word;
}

/* List products */
.list-products {

	border:1px #D4985C solid; 
	background-color: #ECE1D5;
	border-radius: 12px;
}


.list-products .row {

	padding: 10px;
	border-bottom: 1px #D4985C solid;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-products .row:hover {

	background-color: #DCCFC0;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-products .row:first-of-type {
	border-top-left-radius: 12px;	
	border-top-right-radius: 12px;	
}

.list-products .row:last-of-type {
	border-bottom-left-radius: 12px;	
	border-bottom-right-radius: 12px;	
	border-bottom: none;
}


.list-products .row .cell {

	font-size: 14px;
	word-break:break-word;
}

.list-products .row .cell input {

	border: 2px #fff solid;
	background-color: #fff;
}

/* List variant */

.list-table .variant {

	border:1px #bfc5a1 solid; 
	background-color: #e9eae2; 
	border-radius: 12px;
}

.list-table h3 {

	font-size: 12px;
	color: #9b9c98;
	padding: 0px 20px;
	margin: 0;
	text-transform: capitalize;
}

.list-table .variant .table {

	border:1px #bfc5a1 solid; 
	background-color: #e9eae2; 
	border-radius: 12px;
}


.list-table .variant .row {

	padding: 10px;
	border-bottom: 1px #bfc5a1 solid;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-table .variant .row:hover {

	background-color: #d5d9c5;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-table .variant .row:first-of-type {
	border-top-left-radius: 12px;	
	border-top-right-radius: 12px;	
}

.list-table .variant .row:last-of-type {
	border-bottom-left-radius: 12px;	
	border-bottom-right-radius: 12px;	
	border-bottom: none;
}


.list-table .variant .row .cell {

	font-size: 14px;
	word-break:break-word;
}

.list-table .variant .row .cell input {

	border: 2px #fff solid;
	background-color: #fff;
}

/* List variant */

.list-form .variant {

	border:1px #bfc5a1 solid; 
	background-color: #e9eae2; 
	border-radius: 12px;
}

.list-form h3 {

	font-size: 12px;
	color: #9b9c98;
	padding: 0px 20px;
	margin: 0;
	text-transform: capitalize;
}

.list-form .variant .table {

	border:1px #bfc5a1 solid; 
	background-color: #e9eae2; 
	border-radius: 12px;
}


.list-form .variant .row {

	padding: 10px;
	border-bottom: 1px #bfc5a1 solid;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-form .variant .row:hover {

	background-color: #d5d9c5;
	
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
}


.list-form .variant .row:first-of-type {
	border-top-left-radius: 12px;	
	border-top-right-radius: 12px;	
}

.list-form .variant .row:last-of-type {
	border-bottom-left-radius: 12px;	
	border-bottom-right-radius: 12px;	
	border-bottom: none;
}


.list-form .variant .row .cell {

	font-size: 14px;
}

@media screen and (min-width: 1025px) and (max-width: 6000px){

	/* Form build */
	.item-line {
		display:table;
		width:100%;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		-webkit-appearance: none;
	}

	.item-text {
		width:100%;
		padding:5px 5px; 
		font-size:13px;
		font-weight:600;
		vertical-align:middle;
		text-transform:uppercase;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}
	.item-field {
		display:table-cell;
		padding:5px 5px; 
	}


	
}

@media screen and (min-width: 701px) and (max-width: 1024px){

	
	/* Form build */
	.item-line {
		display:table;
		width:100%;
	}
	.item-text {
		width:100%;
		padding:5px 5px; 
		font-size:13px;
		font-weight:600;
		vertical-align:middle;
		text-transform:uppercase;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}
	.item-field {
		display:table-cell;
		padding:5px 5px; 
	}
	
	
}


@media screen and (min-width: 0px) and (max-width: 700px){


	/* Form build */
	.item-line {
		display:table;
		width:100%;
	}
	.item-text {
		width:100%;
		padding:5px 5px; 
		font-size:13px;
		font-weight:600;
		vertical-align:middle;
		text-transform:uppercase;

		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}
	.item-field {
		display:table-cell;
		padding:5px 5px; 
	}
	
}


/* Pagination */
ul.pagination {
	list-style:none;
	padding:10px;


}
ul.pagination li {
	list-style:none;
	float:left;
	padding:10px 0px;
	background-color:#42a5f5;
	margin:4px;
	text-align:center;

	border-radius:3px; 
	display:cell;
	width:33px;
	border:none;
	color:#fff;
	line-height:15px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none; 
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;

}
ul.pagination li.active {
	list-style:none;
	background-color:#4C9457;
	text-align:center;

	border-radius:3px; 
	display:cell;
	border:none;
	color:#fff;
	line-height:15px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none; 
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;

}

ul.pagination li:hover {
	background-color:#ef5350;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance: none; 
	
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
		-ms-transition: all .25s;
		 -o-transition: all .25s;
			transition: all .25s;

}

ul.pagination li a {
	color:#fff;
	text-decoration:none;
	font-weight:700;
}
	
.textbox {
	max-width: 800px;
	padding-left: 2px;
	padding-bottom: 40px;
	font-size: 13px;
}