/****************************************/
/************* Start Lists **************/
/****************************************/

table.cpTableView {
  width: 100%;
}

table.cpTableView th.transition {
  -webkit-transition: width .2s;
  -moz-transition   : width .2s;
  -o-transition     : width .2s;
  -ms-transition    : width .2s;
  transition        : width .2s;
}

table.cpTableView th .cpTableCellDiv {
  color: #999;
}

th .cpTableCellDiv, th .cpTableCellDiv * {
  -webkit-user-select: none;
  -khtml-user-select : none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  -o-user-select     : none;
  user-select        : none;
}

table.cpTableView, table.cpTableView tr, table.cpTableView th, table.cpTableView td {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

table.cpTableView .cpTableCellDiv > a {
  display: block;
  width: 100%;
  height: 100%;
}

table.cpTableView .cpTableCellDiv {
  padding: 11px 23px;
  margin: 0;
  cursor: default;
}

table.cpTableView .cpTableCellDiv p {
  white-space: nowrap;
}

table.cpTableView .cpTableCellDiv.sortedBy > .sortArrow, table.cpTableView .cpTableCellDiv > .sortArrow, table.cpTableView .cpTableCellDiv.sortedBy > a .sortArrow, table.cpTableView .cpTableCellDiv > a .sortArrow {
  content: "";
  width: 0px;
  height: 0px;
  border-left : 5px solid transparent;
  border-right: 5px solid transparent;
  float: left;
  margin: 6px 0 -6px 5px;
}

table.cpTableView .sortArrow {
  opacity: 0;
  -webkit-transition: opacity .2s, -webkit-transform .3s;
  -moz-transition   : opacity .2s, transform         .3s;
  -o-transition     : opacity .2s, -webkit-transform .3s;
  -ms-transition    : opacity .2s, -ms-transform     .3s;
  transition        : opacity .2s, transform         .3s;
}

table.cpTableView .cpTableCellDiv.sortable {
  cursor: pointer;
  color: #000;
}

table.cpTableView .cpTableCellDiv.sortable:hover > .sortArrow, table.cpTableView .cpTableCellDiv > a:hover .sortArrow, table.cpTableView .cpTableCellDiv.sortedBy .sortArrow {
  opacity: 1;
}

table.cpTableView .cpTableCellDiv.sortedBy:hover > .sortArrow, table.cpTableView .cpTableCellDiv.sortedBy > a:hover .sortArrow {
  -ms-transform    : rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform        : rotate(180deg);
}

table.cpTableView .cpTableCellDiv.loading > p:after {
  content: "";
  background-image: url(cp_images/loading_small_grey_on_white.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 0 -3px 3px;
}

table.cpTableView .cpTableCellDiv.loading > .sortArrow {
  display: none;
}

table.cpTableView .cpTableCellDiv.sortedBy.clicked:hover > .sortArrow, table.cpTableView .cpTableCellDiv.sortedBy.clicked > a:hover .sortArrow {
  -ms-transform    : rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform        : rotate(0deg);
  -webkit-transition: -webkit-transform 0s;
  -moz-transition   : transform         0s;
  -o-transition     : -webkit-transform 0s;
  -ms-transition    : -ms-transform     0s;
  transition        : transform         0s;
}

table.cpTableView th .cpTableCellDiv > a {
  display: block;
  width: 100%;
  height: 100%;
}

table.cpTableView th .cpTableCellDiv p {
  white-space: nowrap;
}

table.cpTableView th .cpTableCellDiv > p, table.cpTableView th .cpTableCellDiv > a > p {
  float: left;
}

table.cpTableView .cpTableCellDiv.sortedBy.sortedAsc > .sortArrow, table.cpTableView .cpTableCellDiv:hover > .sortArrow, table.cpTableView .cpTableCellDiv.sortedBy.sortedAsc > a .sortArrow, table.cpTableView .cpTableCellDiv > a:hover .sortArrow {
  border-top: 5px solid #000;
}

table.cpTableView .cpTableCellDiv.sortedBy.sortedDesc > .sortArrow, table.cpTableView .cpTableCellDiv.sortedBy.sortedDesc > a .sortArrow {
  border-bottom: 5px solid #000;
  border-top: 0;
}

table.cpTableView .cpTableCellDiv:after {
  content: '';
  display: block;
  clear: both;
}

table.cpTableView tr {
  -webkit-transition: background-color .3s;
  -moz-transition   : background-color .3s;
  -o-transition     : background-color .3s;
  -ms-transition    : background-color .3s;
  transition        : background-color .3s;
}

table.cpTableView.sorting tbody tr.ui-sortable-helper {
  -webkit-transition: background-color 0;
  -moz-transition   : background-color 0;
  -o-transition     : background-color 0;
  -ms-transition    : background-color 0;
  transition        : background-color 0;
  background-color: transparent;
}

table.cpTableView.sorting tbody tr.ui-sortable-placeholder {
  background-color: #D1DDE9;
}

table.cpTableView.sorting tbody tr.ui-sortable-placeholder td {
  border-bottom-color: #5C96CF;
}

table.cpTableView.sorting tbody tr.ui-sortable-placeholder .cpTableCellDiv {
  height: 48px;
}

table.cpTableView.sorting tr.ui-sortable-placeholder .cpTableCellDiv {
  margin: 0 auto;
  width: 220px;
}

.dragHelperRow {
  width: 220px;
  height: 26px;
  border: 1px solid #666;
  background-color: #FFF;
  position: absolute;
  z-index: 6;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -o-border-radius     : 5px;
  -ms-border-radius    : 5px;
  border-radius        : 5px;
}

.dragHelperRow p {
  text-align: center;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0;
}

.dragHelperRow.under.num0 {
  z-index: 5;
  margin-top: 2px;
  -moz-transform   : rotate(.25deg);
  -webkit-transform: rotate(.25deg);
  -o-transform     : rotate(.25deg);
  -ms-transform    : rotate(.25deg);
  transform        : rotate(.25deg);
}

.dragHelperRow.under.num1 {
  z-index: 4;
  margin-top: 4px;
  -moz-transform   : rotate(.5deg);
  -webkit-transform: rotate(.5deg);
  -o-transform     : rotate(.5deg);
  -ms-transform    : rotate(.5deg);
  transform        : rotate(.5deg);
}

.dragHelperRow.under.num2 {
  z-index: 3;
  margin-top: 6px;
  -moz-transform   : rotate(.75deg);
  -webkit-transform: rotate(.75deg);
  -o-transform     : rotate(.75deg);
  -ms-transform    : rotate(.75deg);
  transform        : rotate(.75deg);
}

.dragHelperRow.under.num3 {
  z-index: 2;
  margin-top: 8px;
  -moz-transform   : rotate(1deg);
  -webkit-transform: rotate(1deg);
  -o-transform     : rotate(1deg);
  -ms-transform    : rotate(1deg);
  transform        : rotate(1deg);
}

table.cpTableView td.dragHelper {
  padding: 0;
  background: transparent;
  margin: 0;
}

table.cpTableView.toggleSortable.sorting tbody tr.ui-sortable-helper {
  background-color: transparent;
}

table.cpTableView tr td, table.cpTableView tr th {
  border-bottom: 1px solid #CCC;
}

table.cpTableView thead tr td, table.cpTableView tfoot tr td {
  border-bottom: 0;
}

table.cpTableView tbody tr.selected td, table.cpTableView tbody tr.selected:hover td, table.cpTableView tbody tr.selected:nth-child(even):hover td {
  border-bottom-color: #5C96CF;
}

table.cpTableView .btn {
  float: left;
}

table.cpTableView .btn p, .btn.multipleFieldAddNew p {
  padding: 0 10px;
  white-space: nowrap;
}

.dragHelperAnimator {
  position: relative;
}

.dragHelperAnimatorInner {
  position: relative;
}

table.cpTableView .iconCell {
  -webkit-user-select: none;
  -khtml-user-select : none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  -o-user-select     : none;
  user-select        : none;
}

table.cpTableView .iconCell {
  width: 51px;
}

table.cpTableView .iconCell .cpTableCellDiv {
  margin-left: 23px;
  padding-left: 0px;
  padding-right: 0px;
  width: 12px;
}

table.cpTableView td.iconCell .cpTableCellDiv {
  background-image: url(cp_images/page_icons.png);
  background-repeat: no-repeat;
  background-position: -19px center;
  cursor: pointer;
}

table.cpTableView.multiSelect .col0 .cpTableCellDiv {
  padding-left: 0px;
}

.cpTableView.sorting .tablePagination {
  visibility: hidden;
}

.tablePagination {
  float: right;
}

.tablePagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tablePagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
}

.select.paginationDropdown {
  width: auto;
}

.select.paginationDropdown.loading .selectedOption:before {
  content: "";
  display: block;
  background-image: url(cp_images/loading_small_blue.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.tablePagination .arrow {
  width: 16px;
  height: 16px;
  margin: 0 0 0 6px;
  cursor: pointer;

  -webkit-touch-callout: none;
  -webkit-user-select  : none;
  -khtml-user-select   : none;
  -moz-user-select     : none;
  -ms-user-select      : none;
  user-select          : none;
}

.tablePagination .arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top   : 7px solid transparent;
  border-bottom: 7px solid transparent;
  margin: 0 0 0 4px;
}

.tablePagination .arrow.left:before {
  border-right: 7px solid #000;
}

.tablePagination .arrow.right:before {
  border-left: 7px solid #000;
}

.tablePagination .arrow.disabled.left:before {
  border-right-color: #CCC;
}

.tablePagination .arrow.disabled.right:before {
  border-left-color: #CCC;
}

.tablePagination .arrow.disabled {
  cursor: default;
}

.tablePagination .arrow.loading {
  background-image: url(cp_images/loading_small_grey_on_white.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}

.tablePagination .arrow.loading:before {
  display: none;
}

.tablePagination p.paginationDescription {
  padding: 0;
  margin: 0;
}

.tableSearchWrapper {
  float: right;
  padding: 0 10px 0 0;
}

.tableSearchWrapper input, .tableSearchWrapper .clearSearch, .tableSearchWrapper .btn.search {
  float: left;
}

.tableSearchWrapper .clearSearch {
  cursor: pointer;
  opacity: 0.3;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-transition: opacity .2s;
  -moz-transition   : opacity .2s;
  -o-transition     : opacity .2s;
  -ms-transition    : opacity .2s;
  transition        : opacity .2s;
}

.tableSearchWrapper .clearSearch:hover {
  opacity: 1;
}

.tableSearchWrapper .clearSearch, .tableSearchWrapper .clearSearch p {
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.tableSearchWrapper input {
  height: 26px;
  line-height: 26px;
  margin: 0 -26px 0 0;
  padding: 0 26px 0 6px;
  width: 150px;
}

.btn.search {
  margin-left: 6px;
}

.cpTableCellDiv p.doctype a {
  display: block;
  width: 100%;
  height: 100%;
}

.cpTableCellDiv p.doctype a:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 0 7px -7px;
  background-color: #999;
  border-radius: 2px;
  background-image: url(cp_images/document_icons.png);
  background-position: -13px -13px;
  background-repeat: no-repeat;
}

.cpTableCellDiv p.doctype.pdf a:before {
  background-position: -13px -13px;
  background-color: #EB5252;
}

.cpTableCellDiv p.doctype.doc a:before, .cpTableCellDiv p.doctype.docx a:before {
  background-position: -59px -13px;
  background-color: #00188F;
}

.cpTableCellDiv p.doctype.xls a:before, .cpTableCellDiv p.doctype.xlsx a:before {
  background-position: -109px -13px;
  background-color: #007233;
}

.cpTableCellDiv p.doctype.ppt a:before, .cpTableCellDiv p.doctype.pptx a:before {
  background-position: -159px -13px;
  background-color: #DD5900;
}

/****************************************/
/************** End Lists ***************/
/****************************************/