table
{
	border-collapse: collapse;
	border-spacing: 0;
	/*! background-color: #A7A7A7; */
}

h1
{ 
  font-family: 'Amarante', Tahoma, sans-serif;
  font-weight: bold;
  font-size: 14pt;
  /*line-height: 1.7em;*/
  margin-bottom: 10px;
  text-align: center;
}

/** page structure **/
.wrapper
{
  /*display: block;
  width: 90%;*/
  /*background: #fff;*/
  /*margin: 0 auto;*/
  /*padding: 10px 17px;*/
  /*-webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.35);*/
  /*margin-top: 50px;*/
  text-align: center;
  margin: 25px 0px;
}

.table
{
  margin: 0 auto;
  font-size: 15pt;
  margin-bottom: 15px;
  /*! width: 98%; */
  display: flex;
  /*! border: 1px solid #AEAEAE; */
  border-radius: 1.9em;
  padding: 10px;
  /*! background-color: lightslategray; */
  background: -moz-linear-gradient(0deg, #334353 0%, #334353 26%, #5F6D7A 46%, #6D7D8C 80%, #778899 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c1510e), color-stop(100%, #d6590e));
  /* background: #ca5712; */
  background: -o-linear-gradient(0deg, #334353 0%, #334353 26%, #5F6D7A 46%, #6D7D8C 80%, #778899 100%);
  background: -ms-linear-gradient(0deg, #334353 0%, #334353 26%, #5F6D7A 46%, #6D7D8C 80%, #778899 100%);
  /*! background: linear-gradient(90deg, #334353 0%, #334353 17%, #5F6D7A 46%, #6D7D8C 80%, #778899 100%); */
  /*! filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#334353', endColorstr='#778899',GradientType=1 ); */
  box-shadow: 6px 5px 3px #191f5f;
  padding: 1em;
  background: #17236f;
}

.table thead
{
  cursor: pointer;
  color: #AEAEAE;
}

.table thead tr th
{ 
  font-weight: bold;
  padding: 10px 8px;
}

.table thead tr th span
{
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.table tbody tr:hover td
{ 
  color: #FFFFFF;
  background-color: #686868;
  font-size: 15pt;
}

.table tbody tr td
{ 
  /*! background-color: #C0C0C0; */
  color: #d7c8c8;
  text-align: center;
  padding: 10px 18px;
  /* border-bottom: 2px solid #334353; */
}

.table tbody tr td:first-child, 
.table tbody tr th:first-child
{ 
  /*! width: 210px; */
  min-width: 200px;
  /*! max-width: 250px; */
  word-break: break-all;
  border-top: 0px solid #ddd;
}

.table tbody tr td.lalign
{
  text-align: left;
}

.table input[type=text], 
.table input[type=textbox], 
.table input[type=password]
{
	width: 100%;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th 
{
    line-height: 1.3;
    border-top: 0px solid #ddd;
}