/*****************************************************
*** TABLE FILTERS
*****************************************************/
.datepicker {
  max-width: 110px;
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  width: auto;
  height: 28px;
  line-height: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  overflow: hidden;
  padding: 4px 6px;
  border: 1px solid #dddddd;
  margin-top:0px;
  font-size: 12px;
  font-weight: normal;
}
/*
.datepicker[disabled="disabled"], .datepicker[readonly="readonly"] {
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
}
*/
.filters {
  width: 100%;
  font-size: 0px;
  list-style-type: none;
  margin-bottom: 4px;
  padding: 0px;
  display: table;
}
.filters li {
  display: inline-table;
  font-size: 12px;
  padding-right: 3px;
  padding-bottom: 3px;
}
.filter-btn {
  font-size:12px;
  line-height:12px;
  margin-top: 0px;
  padding: 4px 10px 6px 8px;
  width: 79px;
  outline: none !important;
  height: 28px;
}
.filter-form {
  float:left;
  display: inline-block;
  width: 100%;
}
.filter-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  width: auto;
  height: 28px;
  line-height: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  padding: 4px 6px;
  border: 1px solid #dddddd;
  margin-top:0px;
  font-size: 12px;
  font-weight: normal;
}
.filter-lbl {
  color:#337ab7;
  font-size:12px;
  font-weight:bold;
  margin-left:0px;
  margin-right:12px;
  margin-bottom: 0px;
}
.filter-select {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  width: 100%;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  padding: 4px 2px;
  border: 1px solid #dddddd;
  cursor: pointer;
  margin-top:0px;
  font-size: 12px;
  font-weight: normal;
}
.ui-datepicker-trigger {
  font-size: 12px;
  background-color: #eee;
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  width: auto;
  line-height: 14px;
  border: 1px solid #dddddd;
  border-left: 0px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
  height: 28px;
  margin-top:0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  transition: all 0.3s ease 0s;
}
.ui-datepicker-trigger:focus, .ui-datepicker-trigger:active, .ui-datepicker-trigger:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cdcdcd));
  background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #cdcdcd 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 0%, #cdcdcd 100%);
  background-image: -moz-linear-gradient(top, #e6e6e6 0%, #cdcdcd 100%);
  background-image: -ms-linear-gradient(top, #e6e6e6 0%, #cdcdcd 100%);
  background-image: -o-linear-gradient(top, #e6e6e6 0%, #cdcdcd 100%);
}
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 0px auto 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-header {
  background-color: #57bedd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#2BABD2));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2BABD2 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #28a4c9;
}
.ui-datepicker-month, .ui-datepicker-year {
  background-color: transparent;
  border: none;
}
.ui-datepicker-month option, .ui-datepicker-year option {
  background-color: #57bedd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#2BABD2));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2BABD2 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-repeat: repeat-x;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../img/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#F1F1F1));
  background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #F1F1F1 100%);
  background-image: linear-gradient(to bottom, #F7F7F7 0%, #F1F1F1 100%);
  background-image: -moz-linear-gradient(top, #F7F7F7 0%, #F1F1F1 100%);
  background-image: -ms-linear-gradient(top, #F7F7F7 0%, #F1F1F1 100%);
  background-image: -o-linear-gradient(top, #F7F7F7 0%, #F1F1F1 100%);
  background-repeat: repeat-x;
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
	text-align:center;
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DEDEDE));
  background-image: -webkit-linear-gradient(top, #EDEDED 0%, #DEDEDE 100%);
  background-image: linear-gradient(to bottom, #EDEDED 0%, #DEDEDE 100%);
  background-image: -moz-linear-gradient(top, #EDEDED 0%, #DEDEDE 100%);
  background-image: -ms-linear-gradient(top, #EDEDED 0%, #DEDEDE 100%);
  background-image: -o-linear-gradient(top, #EDEDED 0%, #DEDEDE 100%);
  background-repeat: repeat-x;
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	margin: -1px;
  background-color:#2389A8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57BEDD), to(#2389A8));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2389A8 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2389A8 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2389A8 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2389A8 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2389A8 100%);
  background-repeat: repeat-x;
  font-weight: bold;
  border: 1px solid #28a4c9;
  color: white;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	width: 32px;
	height: 32px;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 31px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 31px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 31px;
	margin-bottom: 0;
}
::-webkit-input-placeholder {
   color: black;
}
:-moz-placeholder { /* Firefox 18- */
   color: black;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}
:-ms-input-placeholder {  
   color: black;  
}
/*****************************************************
*** THE TABLE ITSELF
*****************************************************/
.table-listing {
  overflow: hidden;
  width:100%;
  border:1px solid #dddddd;
  border-collapse:separate;
  border-radius:4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;  
  margin-top: 5px;
  margin-bottom: 0px;
  float: left;
  font-size: 12px;
  font-weight: normal;
  background-image: -webkit-gradient(linear, left 0px, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 31px);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 31px);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 31px);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 31px);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 31px);
  background-repeat: repeat-x;  
  table-layout:fixed; /* new */
}
/* new */
.table-listing > tbody {
  display:block;
  overflow-y:scroll;
  width:100%;
  background-color:#edeff1;
}
/* new */
.table-listing > tbody > tr {
  display:table;
  width:100%;
  height:auto;
  font-size:0px;
}
.table-listing > tbody > tr:nth-of-type(odd):not(.watched) {
  background-color: #f7f7f7;
}
.table-listing > tbody > tr:nth-of-type(odd).watched {
  background-color: #ccebf4; /*#ffebd6;*/
}
.table-listing > tbody > tr:nth-of-type(even).watched {
  background-color: #bbe5f1; /*#ffe0c2;*/
}
.table-listing > tbody > tr > td {
  padding: 0px;
  height: 100%;
  font-size: 12px;
  display: inline-block; /* new - table-cell;*/
}
.table-listing > tbody > tr > td > a {
  color: #333;
  display: block;
  text-decoration: none;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 5px 5px 5px 10px;
}
.table-listing > tbody > tr > td > span {
  color: #black;
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 5px 5px 5px 10px;
}
.table-listing:not(.withoutchecks) > tbody > tr > td:nth-child(2) > a {
  color: #0088cc;
  display: block;
  text-decoration: none;
}
.table-listing.withoutchecks > tbody > tr > td:first-child > a {
  color: #0088cc;
  display: block;
  text-decoration: none;
}
.table-listing:not(.withoutchecks) > tbody > tr:hover > td:nth-child(2) > a {
  color: white;
  display: block;
  text-decoration: none;
}
.table-listing.withoutchecks > tbody > tr:hover > td:first-child > a {
  color: white;
  display: block;
  text-decoration: none;
}
/* new */
.table-listing > thead > tr {
  display:block;
  position:relative;
  width:calc(100% - 17px);
  font-size:0px;  
}
.table-listing-header {
  vertical-align:middle;
  font-weight:bold;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.3);
  text-shadow: 0 1px rgba(255,255,255,0.5);
  white-space: nowrap;
  background-color: #F3F3F3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%);
  background-repeat: repeat-x;
  padding: 0px;
  font-size:0px; /* new */
  display:inline-block; /* new */
}
.table-listing-header > button {
  color: #0088cc;
  display: block;
  text-decoration: none;
  border: 0px;
  background-color: transparent;
  background-image: none;
  font-weight: bold;
  width: 100%;
  text-align: left;
  outline: none !important;
  padding: 6px 10px;
  font-size: 12px; /* new */
  transition: all 0.3s ease 0s;
}
.table-listing-header > button:focus, .table-listing-header > button:hover {
  background-color: #E5E5E5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#E5E5E5));
  background-image: -webkit-linear-gradient(top, #E5E5E5 0%, #E5E5E5 100%);
  background-image: linear-gradient(to bottom, #E5E5E5 0%, #E5E5E5 100%);
  background-image: -moz-linear-gradient(top, #E5E5E5 0%, #E5E5E5 100%);
  background-image: -ms-linear-gradient(top, #E5E5E5 0%, #E5E5E5 100%);
  background-image: -o-linear-gradient(top, #E5E5E5 0%, #E5E5E5 100%);
}
.table-listing > tbody > tr:hover > td,
.table-listing > tbody > tr:hover > th,
.table-listing > tbody > tr:hover > td > a,
.table-listing > tbody > tr:hover,
.table-listing > tbody > tr:nth-of-type(odd):hover,
.table-listing > tbody > tr:nth-of-type(even):hover {
  background-color: #40B5D8;
  color: white;
}
/*****************************************************
*** TABLE PAGINATION
*****************************************************/
.pagination {
  float: right;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
.pagination-count {
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
.pagination ul {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);  
  display: inline;
  list-style-type: disc;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  -moz-border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
  -webkit-margin-end: 0px;
  -webkit-margin-start: 0px;
  -webkit-padding-start: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > button {
  outline: none !important;
}
.pagination ul > li > a, .pagination ul > li > button {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left: 0;
  color: #0088cc;
  float: left;
  line-height: 26px;
  padding: 0 10px;
  text-decoration: none;
}
.pagination ul > li > a:hover, .pagination ul > li > button:hover {
  background-color:#2f96b4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57BEDD), to(#2BABD2));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2BABD2 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-repeat: repeat-x;
  border: 1px solid #28a4c9;
  color: white;
  padding-left: 9px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li > span {
  background-color: transparent;
  border: 1px solid #dddddd;
  border-left: 0;
  color: #999999;
  float: left;
  line-height: 26px;
  padding: 0 10px;
}
.pagination ul > li > span.selected {
  background-color:#2389A8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57BEDD), to(#2BABD2));
  background-image: -webkit-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: linear-gradient(to bottom, #57BEDD 0%, #2BABD2 100%);
  background-image: -moz-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -ms-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-image: -o-linear-gradient(top, #57BEDD 0%, #2BABD2 100%);
  background-repeat: repeat-x;
  border: 1px solid #28a4c9;
  color: white;
  float: left;
  font-weight: bold;
  line-height: 26px;
  padding: 0 10px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:first-child > button {
  border-bottom-left-radius: 4px;
  border-left: 1px solid #dddddd;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
.pagination ul > li:first-child > span.selected {
  border-left: 1px solid #2389A8;
}
.pagination ul > li:first-child > a:hover, .pagination ul > li:first-child > button:hover {
  border-left: 1px solid #28a4c9;
  padding-left: 10px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span, .pagination ul > li:last-child > button {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.end {
  display: none;
}
/*****************************************************
*** SITE MAP
*****************************************************/
.site-map {
  width: 100%;
  display: inline-block;
}
.site-map span {
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.site-map div {
  padding: 4px 6px 0px 6px;
  float: left;
  font-size: 12px;
  font-weight: bold;
  margin-right: 20px;
}
.site-map div a {
  text-decoration: none;
}