/*
    Created on : Sep 24, 2015, 4:29:19 PM
    Author     : fabrica
*/

/**
 * INPUTS, TEXTAREA, SELECT
*/
input, textarea, select {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #949494;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -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;
}
select {
    padding: 4px 6px;
    width: 150px;
}
input:focus, textarea:focus, select:focus {
  border-color: #666;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 0, 0, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 0, 0, .6);
}
input[type=button], input[type=submit], input[type=reset],
button[type=button], button[type=submit], button[type=reset],
.button {
    background: #eee;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover,
button[type=button]:hover, button[type=submit]:hover, button[type=reset]:hover,
.button:hover {
    background: #bbb;
    color: #000;
}
input[type=button]:hover *.fa, input[type=submit]:hover *.fa, input[type=reset]:hover *.fa,
button[type=button]:hover *.fa, button[type=submit]:hover *.fa, button[type=reset]:hover *.fa,
.button:hover *.fa {
    color: #555;
}
input[type=checkbox],
input[type=radio] {
    -webkit-box-shadow: none;
          box-shadow: none;
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #999;
}
input:disabled,
select:disabled,
input[disabled],
input[readonly],
fieldset[disabled] input,
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea
select[disabled],
select[readonly],
fieldset[disabled] select {
  background-color: #ddd;
  opacity: 1;
}
input[disabled],
fieldset[disabled] input,
fieldset[disabled] textarea,
textarea[disabled],
fieldset[disabled] select, select[disabled] {
  cursor: not-allowed;
}
textarea {
  height: auto;
}
fieldset {
    border-radius: 0px;
    box-shadow: #aaa 4px 4px 12px;
    border-color: #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


/**
 * BUTTONS
*/
input[type=button],
input[type=submit],
input[type=reset],
button, .button {
  padding: 0px 8px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #949494;
  border-radius: 0px;
  height: 24px;
  color: #000;
  background-color: #eee;
}
.button {
    height: 16px;
    padding: 3px 8px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

/**
 * TABLE
*/
table, table td {
    border: 1px solid white;
}
tr.top td, tr.top th,
thead > tr.top td, thead tr.top th
tfooter > tr.top td, tfooter tr.top th, .sub_title,
tbody tr.top td a
{
    background-color: #555;
    color: #E7B119;
    font-weight: bolder;
}
tr.top td, tr.top th,
thead > tr.top td, thead tr.top th
tfooter > tr.top td, tfooter tr.top th, .sub_title {
    padding: 0.6em;
}
tr.tr_1:hover, tr.tr_2:hover,
tbody > tr.tr_1:hover, tbody > tr.tr_2:hover
{
    background-color: #aaa;
}
.sub_title {
    color: #fff;
}