/**
 * List Stylesheet
 * 
 * @package    Forms
 * @category   CSS
 * @copyright  Copyright (c) Nuwave Software Ltd
 */

/* -----------------------------------------------------------------------------
 List Styles
----------------------------------------------------------------------------- */

.list {
	clear: both;
	float: left;
	margin-bottom: 15px;
	width: 100%;
}
.list * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.list table {
	border-collapse: collapse;
	border-spacing: 0;
}
.list .list-body-wrapper {
	margin: 0 0 5px 0;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: visible;
}
.list .list-body {
	background-color: #FFF;
	border: 1px solid #FFF;
	margin: 0 0 10px 0 ;
	max-width: 100%;
	min-width: 600px;
	width: 100%;
}
.list .nusticky.unstuck {
	position: relative;
}
.list .nusticky.stuck {
	margin-left: -1px;
	z-index: 1;
}
.list th, 
.list td {
	background-clip: padding-box;
	padding: 5px 10px;
}
.list th {
	border-bottom: 2px solid #DDD;
	font-weight: bold;
	white-space: nowrap;
}
.list td {
/*	word-break: break-all;
	word-wrap: break-word;*/
	border-bottom: 1px solid #DDD;
	border-top: 1px solid  #DDD;
}
.list input {
	float: none !important;
}
.list th .inner {
	position: relative;
}
.list tbody tr:nth-child(even) { 
	background: #FBFBFB; 
}
/*.list tr.even td { 
	background-color: #FBFBFB;
}*/
.list .list-no-items {
	margin: 0 0 10px 0;
}
.list tr img {
	margin: 0;
	height: 30px;
	width: 30px;
}
.list tr .loading-image {
	height: auto;
	vertical-align: middle !important;
	width: auto;
}
.header-col.type-bool,
.header-col.type-checkbox {
	text-align: center ;
}
.item-col.type-bool,
.item-col.type-checkbox {
	text-align: center;
}
.item-col.type-input {
	padding: 3px;
}
.list .item-col input[type='text'],
.list .item-col input[type='email'],
.list .item-col input[type='date'],
.list .item-col input[type='password'],
.list .item-col input[type='number'],
.list .item-col select {
	height: 28px;
	width: 100%;
}
.list .item-col textarea,
.list input[type='text'],
.list input[type='email'],
.list input[type='date'],
.list input[type='password'],
.list input[type='number'],
.list select {
	display: inline-block;
	padding: 6px 6px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #3C3C3C;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #DDD;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	vertical-align: middle;
}
.list label {
	margin: 0;
}


/* --------------------------------------------------------------
 List Header / Footer Styles
-------------------------------------------------------------- */

.list-title { 
	margin-bottom: 10px;
	padding: 0; 
}
.list-title > * { 
	margin: 0; 
}
.list-header {
	margin-bottom: 10px;
}
.list-header,
.list-footer {
/*	background-color: #F7F7F7;
	border: 1px solid #DDD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 5px 0;
	padding: 5px;*/
}
.list-header-left,
.list-footer-left { 
	float: left; 
}
.list-header-right,
.list-footer-right { 
	float: right; 
	padding-left: 10px;
}
.list-header .header-item,
.list-footer .footer-item { 
	float: left; 
}
.list-footer-left .footer-item,
.list-header-left .header-item {
	/*border-left: 1px solid #DDD;*/
	padding: 0 0 0 15px;
}
.list-footer-left .footer-item:first-child,
.list-header-left .header-item:first-child {
	/*border-left: none;*/
	padding-left: 0;
}
.list-header input {
	width: 130px;
}
.list-header .ctrl-label {
	font-weight: bold;
	padding: 5px 5px 5px 0;
	width: auto;
}
.list-header .ctrl-field {
	display: inline-block;
	position: relative;
	width: auto;
}


/* --------------------------------------------------------------
 List Sort Styles
-------------------------------------------------------------- */

.list.has-sort th.sortable {
	cursor: pointer;
	padding-right: 20px;
}
.list.has-sort th.sortable.current {
	text-decoration: underline;
}
.list .sort {
	color: inherit;
	display: none;
	position: absolute;
	right: -15px;
	top: 3px;
}
.list.has-sort.asc .sort.sort-asc {
	display: inline-block;
}
.list.has-sort.desc .sort.sort-desc {
	display: inline-block;
}


/* --------------------------------------------------------------
 List Pagination Styles
-------------------------------------------------------------- */

.list .pag .pagination { margin: 0; }
.list .per-page select { 
	margin: 0; 
	padding: 4px;
}


/* --------------------------------------------------------------
 List Scroll Styles
-------------------------------------------------------------- */

.list .list-top-scroll {
	overflow-x: auto;
	overflow-y: hidden;
}
.list .list-top-scroll .scroll-inner { height: 1px; }


/* --------------------------------------------------------------
 List Group Styles
-------------------------------------------------------------- */

.list .group-row {
	background-color: #ECECEC;
}
.list .group-row td {
	border-color: #C7C7C7
}
/*.list .group-row {
	background-color: #feedb7;
}*/
.list .group-item {
/*	border-left: none;
	border-right: none;*/
}


/* --------------------------------------------------------------
 List Filter Styles
-------------------------------------------------------------- */

.list .list-filter-row {
	display: none;
}
.list.filter-open .list-filter-row {
	display: table-row;
}
.list .filter-col {
	background-color: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 0;
}
.list .filter-col input,
.list .filter-col select {
	border: none;
	border-radius: 0;
	color: #444;
	font-weight: bold;
	width: 100%;
}
.list .filter-col select {
	padding: 6px;
}
.list .filter-col input {
	padding: 6px 10px;
}
.list .filter-col input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: normal;
}
.list .filter-col input::-moz-placeholder { /* Firefox 19+ */
	font-weight: normal;
}
.list .filter-col input:-ms-input-placeholder { /* IE 10+ */
	font-weight: normal;
}
.list .filter-col input:-moz-placeholder { /* Firefox 18- */
	font-weight: normal;
}
.list .filter-col.col-column_action {
	padding: 0;
	vertical-align: middle;
}
.list .filter-show {
	display: inline-block;
	vertical-align: top;
}
.list .filter-hide {
	display: none;
	margin: 0;
	vertical-align: top;
}
.list.filter-open .filter-show {
	display: none;
}
.list.filter-open .filter-hide {
	display: inline-block;
}
.list .list-header .filter-action {
	display: inline-block;
	height: 28px;
	padding: 3px 5px;
}
.list .list-header .filter-go {
	color: #5cb85c;
}
.list .list-header .filter-go:hover {
	background-color: #5cb85c;
	color: #FFFFFF;
}
.list .list-filter-row .filter-action {
	color: #444444;
	background-color: #F5F5F5;
	display: inline-block;
	font-size: 12px;
	height: 28px;
	padding: 4px 0;
	text-align: center;
	vertical-align: top;
	width: 50%;
}
.list .list-filter-row .filter-go {
	border-right: 1px solid #DDDDDD;
	color: #5cb85c;
}
.list .list-filter-row .filter-go:hover {
	background-color: #5cb85c;
	color: #FFFFFF;
}
.list .list-filter-row .filter-clear {
	color: #d9534f;
}
.list .list-filter-row .filter-clear:hover {
	background-color: #d9534f;
	color: #FFFFFF;
}


/* --------------------------------------------------------------
 List Action Styles
-------------------------------------------------------------- */

.list .header-col.col-column_action {
	text-align: center;
}
.list .item-col.type-button {
	padding: 0;
	text-align: center;
	vertical-align: middle; 
}
.list .list-col.type-date {
	width: 150px;
}
.list .list-col.type-action {
	width: 50px;
}
.list .item-col.type-action {
	padding: 0 10px;
	text-align: center;
	vertical-align: middle; 
	white-space: nowrap;
	width: 50px;
}
.list .item-col.type-action.col-column_action {
	min-width: 61px;
}
.list .item-col.type-action.list-actions-0 {
	width: 50px;
	text-align: center;
}
.list .item-col.type-action.list-actions-1 {
	width: 61px;
	text-align: center;
}
.list .item-col.type-action.list-actions-2 {
	width: 61px;
	text-align: left;
}
.list .item-col.type-action.list-actions-3 {
	width: 90px;
	text-align: left;
}
.list .item-col.type-button:before,
.list .item-col.type-action:before,
.list .filter-col.type-action:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.list .list-col .list-action {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	min-width: 30px;
}
.list .list-col .list-action .action-icon {
	/*font-size: 30px;*/
}
.list .list-col .list-action.btn {
	line-height: 1.5em;
}
.list .list-action .action-title {
	margin-left: 5px;
}
.list .list-action .action-title:first-child {
	margin-left: 0;
}
.list .list-action-blank {
	display: inline-block;
	height: 30px;
	text-align: center;
	vertical-align: top;
	width: 30px;
}
.list .item-col.type-button img,
.list .item-col.type-action img {
	vertical-align: top;
}
.list .has-image { vertical-align: top; text-align: center;}
.list .no-padding { padding: 0; }

.list .bulk-actions select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
}
.list .bulk-actions .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* --------------------------------------------------------------
 List Column Styles
-------------------------------------------------------------- */

.list .list-col.type-bool.is-editable,
.list .list-col.type-checkbox {
	padding: 0;
	position: relative;
	vertical-align: middle;
	width: 20px;
}
.list .list-col.type-bool.is-editable label,
.list .list-col.type-checkbox label {
	padding: 8px 10px;
	margin: 0;
}
.list .list-col.type-bool.is-editable input,
.list .list-col.type-checkbox input {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.list .list-row.active .list-col,
.list .list-col.active {
	background-color: #f5f5f5
}
.list .list-row.success .list-col,
.list .list-col.success {
	background-color: #dff0d8
}
.list .list-row.info .list-col,
.list .list-col.info {
	background-color: #d9edf7
}
.list .list-row.warning .list-col,
.list .list-col.warning {
	background-color: #fcf8e3
}
.list .list-row.danger .list-col,
.list .list-col.danger {
	background-color: #F1C2C2
}
.list .list-col.type-percent,
.list .list-col.type-percent *,
.list .list-col.type-int,
.list .list-col.type-int *,
.list .list-col.type-money,
.list .list-col.type-money * {
	text-align: right;
}
/*.list .list-col.type-percent * {
	text-align: right;
}*/
.list .list-col.total-col {
	border-bottom: none;
	border-top: 2px solid #DDD;
	font-weight: bold;
}

.list .move-row {
	cursor: move;
	text-decoration: none;
}
.list .list-action:hover {
	text-decoration: none;
}
.list .list-action.success {
	color: #5cb85c;
}
.list .list-action.success:hover,
.list .list-action.success:focus {
	color: #449d44;
}
.list .list-action.info {
	color: #5bc0de;
}
.list .list-action.info:hover,
.list .list-action.info:focus {
	color: #31b0d5;
}
.list .list-action.warning {
	color: #f0ad4e;
}
.list .list-action.warning:hover,
.list .list-action.warning:focuse {
	color: #ec971f;
}
.list .list-action.danger {
	color: #d9534f;
}
.list .list-action.danger:hover,
.list .list-action.danger:focus {
	color: #c9302c;
}


/* --------------------------------------------------------------
 Other Styles
-------------------------------------------------------------- */

.textLeft,
.text-left { text-align: left; }
.textRight,
.text-right { text-align: right; }
.textCenter,
.text-center{ text-align: center; }
.word-break {
	word-break: break-all;
}

.list .col-column_checkbox {
	border-right: 1px solid #DDD;
}
.list .row-strike {
	text-decoration: line-through;
}


/* --------------------------------------------------------------
 Report Styles
-------------------------------------------------------------- */

.report-dialog .row {
	clear: both;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

.report-dialog .item {
	display: block;
	float: left;
}
.report-dialog .title {
	clear: both;
	font-weight: bold;
	margin-top: 10px;
}

.list .ctrl-field .cal-input {
	padding-right: 25px;
}
.list .ctrl-field .ui-datepicker-trigger {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 6px;
}


/* --------------------------------------------------------------
 List Action Styles
-------------------------------------------------------------- */

.list .action-success {
	color: #5cb85c;
}
.list .action-success.focus,
.list .action-success:focus {
	color: #449d44;
}
.list .action-success:hover {
	color: #449d44;
}
.list .action-success.active,
.list .action-success:active {
	color: #449d44;
}
.list .action-success.active.focus,
.list .action-success.active:focus,
.list .action-success.active:hover,
.list .action-success:active.focus,
.list .action-success:active:focus,
.list .action-success:active:hover {
	color: #398439;
}
.list .action-success.disabled.focus,
.list .action-success.disabled:focus,
.list .action-success.disabled:hover,
.list .action-success[disabled].focus,
.list .action-success[disabled]:focus,
.list .action-success[disabled]:hover,
.list fieldset[disabled] .action-success.focus,
.list fieldset[disabled] .action-success:focus,
.list fieldset[disabled] .action-success:hover {
	color: #5cb85c;
}

.list .action-info {
	color: #5bc0de;
}
.list .action-info.focus,
.list .action-info:focus {
	color: #31b0d5;
}
.list .action-info:hover {
	color: #31b0d5;
}
.list .action-info.active,
.list .action-info:active {
	color: #31b0d5;
}
.list .action-info.active.focus,
.list .action-info.active:focus,
.list .action-info.active:hover,
.list .action-info:active.focus,
.list .action-info:active:focus,
.list .action-info:active:hover {
	color: #269abc;
}
.list .action-info.disabled.focus,
.list .action-info.disabled:focus,
.list .action-info.disabled:hover,
.list .action-info[disabled].focus,
.list .action-info[disabled]:focus,
.list .action-info[disabled]:hover,
.list fieldset[disabled] .action-info.focus,
.list fieldset[disabled] .action-info:focus,
.list fieldset[disabled] .action-info:hover {
	color: #5bc0de;
}

.list .action-warning {
	color: #f0ad4e;
}
.list .action-warning.focus,
.list .action-warning:focus {
	color: #ec971f;
}
.list .action-warning:hover {
	color: #ec971f;
}
.list .action-warning.active,
.list .action-warning:active {
	color: #ec971f;
}
.list .action-warning.active.focus,
.list .action-warning.active:focus,
.list .action-warning.active:hover,
.list .action-warning:active.focus,
.list .action-warning:active:focus,
.list .action-warning:active:hover {
	color: #d58512;
}
.list .action-warning.disabled.focus,
.list .action-warning.disabled:focus,
.list .action-warning.disabled:hover,
.list .action-warning[disabled].focus,
.list .action-warning[disabled]:focus,
.list .action-warning[disabled]:hover,
.list fieldset[disabled] .action-warning.focus,
.list fieldset[disabled] .action-warning:focus,
.list fieldset[disabled] .action-warning:hover {
	color: #f0ad4e;
}

.list .action-danger {
	color: #d9534f;
}
.list .action-danger.focus,
.list .action-danger:focus {
	color: #c9302c;
}
.list .action-danger:hover {
	color: #c9302c;
}
.list .action-danger.active
.list .action-danger:active {
	color: #c9302c;
}
.list .action-danger.active.focus,
.list .action-danger.active:focus,
.list .action-danger.active:hover,
.list .action-danger:active.focus,
.list .action-danger:active:focus,
.list .action-danger:active:hover {
	color: #ac2925;
}
.list .action-danger.disabled.focus,
.list .action-danger.disabled:focus,
.list .action-danger.disabled:hover,
.list .action-danger[disabled].focus,
.list .action-danger[disabled]:focus,
.list .action-danger[disabled]:hover,
.list fieldset[disabled] .action-danger.focus,
.list fieldset[disabled] .action-danger:focus,
.list fieldset[disabled] .action-danger:hover {
	color: #d9534f;
}