/*

Variables

Contains values from height, widths to percentages and fonts

*/

/*

Variables

Contains values from height, widths to percentages and fonts

*/

table {

  border-collapse: collapse;

  border-spacing: 0; }

  table th {

    padding: 7px 10px 7px 4px; }

  table td {

    vertical-align: top;

    padding: 7px 10px 7px 4px; }

    table td:nth-child(even) {

      padding-right: 10px; }

    table td input[type="checkbox"] {

      margin: 3px; }

  table .inner_table {

    padding: 0;

    margin: 0;

    border: none; }

    table .inner_table td {

      padding-top: 0; }



table.list {

  margin-right: 20px; }

  table.list i {

    font-size: 18px;

    color: #444;

    text-align: center;

    line-height: 24px;

    width: 24px;

    height: 24px; }

  table.list i:hover {

    color: #dd4500; }

  table.list tr:nth-child(odd) {

    background-color: #efefef; }

  table.list tr:nth-child(even) {

    background-color: #fafafa; }

  table.list tr:hover {

    background-color: #dadada; }

  table.list tr td:last-child {

    padding-right: 20px; }

  table.list tr th {

    color: #fefefe;

    font-size: 13px;

    letter-spacing: 0.02em;

    background-color: #ee6500;

    cursor: pointer;

    padding: 14px; }

  table.list tr td {

    padding: 11px;

    vertical-align: middle;

    white-space: nowrap; }

  table.list .description {

    max-width: 200px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap; }



.log_list td {

  text-align: left;

  padding: 8px; }

  .log_list td:nth-child(even) {

    padding-right: 20px; }

.log_list tr:nth-child(odd) {

  background-color: #f1f1f1; }



.display tr td:nth-child(odd) {

  font-style: italic;

  text-align: right; }

.display td:nth-child(even) {

  padding-right: 40px; }



.form th {

  padding-left: 5px;

  padding-right: 25px; }

.form td {

  vertical-align: middle;

  padding-bottom: 10px; }



.reference_table {

  margin-top: -5px; }

  .reference_table td {

    font-weight: normal !important;

    font-style: normal !important;

    padding-right: 15px; }



.unit_work {

  margin-bottom: 15px;

  background-color: #fcfcfc;

  padding: 0 20px 20px 20px;

  display: inline-block;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  -moz-box-shadow: 0 0 1px 0 #888 inset;

  -webkit-box-shadow: 0 0 1px 0 #888 inset;

  -o-box-shadow: 0 0 1px 0 #888 inset;

  -ms-box-shadow: 0 0 1px 0 #888 inset;

  box-shadow: 0 0 1px 0 #888 inset; }

  .unit_work table td, .unit_work table th {

    padding: 5px; }

  .unit_work td:nth-child(even) {

    padding-right: 30px; }

  .unit_work .description {

    margin-top: -20px;

    margin-bottom: 20px;

    max-width: 500px; }



/* Styling for DataTables - Trimmed version of the default SCSS */

/*

* Table styles

*/

table.dataTable {

  width: 100%; }

  table.dataTable thead th {

    position: relative;

    background-image: none !important;

    /* Remove the DataTables bootstrap integration styling */ }

    table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {

      position: absolute;

      top: 15px;

      right: 0px;

      display: block;

      color: #222;

      font-family: FontAwesome; }

    table.dataTable thead th.sorting:after {

      content: "\f0dc";

      color: #444;

      font-size: 0.8em;

      padding-top: 0.12em; }

    table.dataTable thead th.sorting_asc:after {

      content: "\f0de"; }

    table.dataTable thead th.sorting_desc:after {

      content: "\f0dd"; }

  table.dataTable thead .sorting,

  table.dataTable thead .sorting_asc,

  table.dataTable thead .sorting_desc {

    cursor: pointer;

    *cursor: hand; }

  table.dataTable thead .sorting,

  table.dataTable thead .sorting_asc,

  table.dataTable thead .sorting_desc,

  table.dataTable thead .sorting_asc_disabled,

  table.dataTable thead .sorting_desc_disabled {

    background-repeat: no-repeat;

    background-position: center right; }



div.dataTables_scrollBody table.dataTable thead th.sorting:after,

div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,

div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {

  content: ""; }



/*

* Control feature layout

*/

.dataTables_wrapper {

  position: relative;

  clear: both;

  *zoom: 1;

  zoom: 1; }

  .dataTables_wrapper .dataTables_length {

    float: left; }

  .dataTables_wrapper .dataTables_filter {

    float: right;

    text-align: right; }

    .dataTables_wrapper .dataTables_filter input {

      margin-left: 0.5em; }

  .dataTables_wrapper .dataTables_info {

    clear: both;

    float: left;

    padding-top: 0.755em; }

  .dataTables_wrapper .dataTables_paginate {

    float: right;

    text-align: right;

    padding-top: 0.25em; }

    .dataTables_wrapper .dataTables_paginate .paginate_button {

      box-sizing: border-box;

      display: inline-block;

      min-width: 1.5em;

      padding: 0.5em 1em;

      margin-left: 2px;

      text-align: center;

      text-decoration: none !important;

      cursor: pointer;

      *cursor: hand;

      color: #ee6500; }

      .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

        background-color: #eee;

        color: black; }

      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {

        background-color: #eee; }

    .dataTables_wrapper .dataTables_paginate .ellipsis {

      padding: 0 1em; }

  .dataTables_wrapper .dataTables_processing {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 40px;

    margin-left: -50%;

    margin-top: -25px;

    padding-top: 20px;

    text-align: center;

    font-size: 1.2em;

    background-color: white; }

  .dataTables_wrapper .dataTables_length,

  .dataTables_wrapper .dataTables_filter,

  .dataTables_wrapper .dataTables_info,

  .dataTables_wrapper .dataTables_processing,

  .dataTables_wrapper .dataTables_paginate {

    color: #333333; }

  .dataTables_wrapper .dataTables_scroll {

    clear: both; }

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {

      *margin-top: -1px;

      -webkit-overflow-scrolling: touch; }

      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {

        vertical-align: middle; }

      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,

      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {

        height: 0;

        overflow: hidden;

        margin: 0 !important;

        padding: 0 !important; }

  .dataTables_wrapper.no-footer .dataTables_scrollBody {

    border-bottom: 1px solid #111111; }

  .dataTables_wrapper.no-footer div.dataTables_scrollHead table,

  .dataTables_wrapper.no-footer div.dataTables_scrollBody table {

    border-bottom: none; }

  .dataTables_wrapper:after {

    visibility: hidden;

    display: block;

    content: "";

    clear: both;

    height: 0; }



@media screen and (max-width: 767px) {

  .dataTables_wrapper .dataTables_info,

  .dataTables_wrapper .dataTables_paginate {

    float: none;

    text-align: center; }

  .dataTables_wrapper .dataTables_paginate {

    margin-top: 0.5em; } }

@media screen and (max-width: 640px) {

  .dataTables_wrapper .dataTables_length,

  .dataTables_wrapper .dataTables_filter {

    float: none;

    text-align: center; }

  .dataTables_wrapper .dataTables_filter {

    margin-top: 0.5em; } }

/*

Variables

Contains values from height, widths to percentages and fonts

*/

input[type="text"], input[type="search"], input[type="date"], input[type="password"], textarea, select {

  border: 1px solid #dedede;

  background-color: #f3f3f3;

  margin: 1px;

  padding: 8px;

  color: #555;

  border-radius: 5px;

  font-family: Tahoma, sans-serif;

  width: 160px;

  height: 18px;

  -webkit-box-sizing: content-box;

  -khtml-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box; }

  input[type="text"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="password"]:focus, textarea:focus, select:focus {

    outline: none;

    background-color: #e7e7e7;

    -webkit-transition: background-color 0.1s linear;

    -moz-transition: background-color 0.1s linear;

    -ms-transition: background-color 0.1s linear;

    -o-transition: background-color 0.1s linear;

    transition: background-color 0.1s linear; }

  input[type="text"]:disabled, input[type="text"][readonly], input[type="search"]:disabled, input[type="search"][readonly], input[type="date"]:disabled, input[type="date"][readonly], input[type="password"]:disabled, input[type="password"][readonly], textarea:disabled, textarea[readonly], select:disabled, select[readonly] {

    color: #aaa;

    background-color: #e7e7e7; }



input[type="checkbox"] {

  margin: 15px 10px 0px 25px; }

  input[type="checkbox"] + label {

    margin-left: 2px; }



textarea {

  width: 200px;

  max-width: 400px;

  height: 40px;

  max-height: 110px; }



input[type="radio"] {

  display: none; }



input[type="radio"] + label {

  display: inline-block;

  padding: 6px 9px 6px 9px;

  margin-right: 6px;

  vertical-align: middle;

  background-color: #eaeaea;

  cursor: pointer;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -o-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



input[type="radio"]:checked + label {

  background-color: #888;

  color: #eee; }



input[type="radio"]:not(:checked) + label:hover {

  background-color: #ddd; }



/*

Variables

Contains values from height, widths to percentages and fonts

*/

.button, input[type="button"], input[type="submit"] {

  height: 40px;

  background-color: #ee6500;

  color: white;

  font-size: 130%;

  padding: 0px 40px 0px 40px;

  margin-top: 40px;

  border: none;

  cursor: pointer;

  min-height: 0px;

  -webkit-appearance: none;

  -khtml-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  appearance: none;

  -moz-border-radius: 7px;

  -webkit-border-radius: 7px;

  -o-border-radius: 7px;

  -ms-border-radius: 7px;

  border-radius: 7px;

  -moz-box-shadow: 0px 3px 5px 0 #aaa ;

  -webkit-box-shadow: 0px 3px 5px 0 #aaa ;

  -o-box-shadow: 0px 3px 5px 0 #aaa ;

  -ms-box-shadow: 0px 3px 5px 0 #aaa ;

  box-shadow: 0px 3px 5px 0 #aaa ;

  -webkit-transition: box-shadow 0.1s linear;

  -moz-transition: box-shadow 0.1s linear;

  -ms-transition: box-shadow 0.1s linear;

  -o-transition: box-shadow 0.1s linear;

  transition: box-shadow 0.1s linear; }

  .button:active:not(:disabled), input[type="button"]:active:not(:disabled), input[type="submit"]:active:not(:disabled) {

    -moz-box-shadow: 0px 6px 10px 0 #999 ;

    -webkit-box-shadow: 0px 6px 10px 0 #999 ;

    -o-box-shadow: 0px 6px 10px 0 #999 ;

    -ms-box-shadow: 0px 6px 10px 0 #999 ;

    box-shadow: 0px 6px 10px 0 #999 ; }

  .button:focus, input[type="button"]:focus, input[type="submit"]:focus {

    outline: none; }

  .button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled {

    background-color: #aaa;

    cursor: auto;

    -moz-box-shadow: 0px 0px 0px 0 #aaa ;

    -webkit-box-shadow: 0px 0px 0px 0 #aaa ;

    -o-box-shadow: 0px 0px 0px 0 #aaa ;

    -ms-box-shadow: 0px 0px 0px 0 #aaa ;

    box-shadow: 0px 0px 0px 0 #aaa ; }



#search_button {

  margin-top: 0px;

  margin-left: 15px; }



#generate_button {

  height: 35px;

  padding: 0px 20px 0px 20px;

  margin-right: 20px;

  margin-top: 5px;

  font-size: 14px; }



.round_button, .round_button_normal, .round_button_small {

  color: #555;

  background-color: #eee;

  text-align: center;

  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;

  -moz-box-shadow: 0 0 4px 0 #aaa ;

  -webkit-box-shadow: 0 0 4px 0 #aaa ;

  -o-box-shadow: 0 0 4px 0 #aaa ;

  -ms-box-shadow: 0 0 4px 0 #aaa ;

  box-shadow: 0 0 4px 0 #aaa ;

  -webkit-transition: box-shadow 0.1s linear;

  -moz-transition: box-shadow 0.1s linear;

  -ms-transition: box-shadow 0.1s linear;

  -o-transition: box-shadow 0.1s linear;

  transition: box-shadow 0.1s linear; }

  .round_button:hover, .round_button_normal:hover, .round_button_small:hover {

    background-color: #e5e5e5; }

  .round_button:active, .round_button_normal:active, .round_button_small:active {

    -moz-box-shadow: 0px 2px 10px 0 #999 ;

    -webkit-box-shadow: 0px 2px 10px 0 #999 ;

    -o-box-shadow: 0px 2px 10px 0 #999 ;

    -ms-box-shadow: 0px 2px 10px 0 #999 ;

    box-shadow: 0px 2px 10px 0 #999 ; }



.round_button_normal {

  width: 40px;

  height: 40px;

  line-height: 38px;

  font-size: 25px;

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  -o-border-radius: 20px;

  -ms-border-radius: 20px;

  border-radius: 20px; }



.round_button_small {

  width: 30px;

  height: 30px;

  line-height: 30px;

  font-size: 22px;

  margin-top: 5px;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  -o-border-radius: 15px;

  -ms-border-radius: 15px;

  border-radius: 15px; }



.print_button {

  cursor: pointer;

  position: absolute;

  right: 35px;

  top: 25px;

  color: #555; }

  .print_button:hover {

    color: #dd4500; }



* {

  margin: 0px;

  padding: 0px; }



html, body {

  width: 100%;

  height: 100%;

  font-family: Tahoma, sans-serif;

  background-color: #dadada;

  font-size: 13px;

  color: #333; }



a:link {

  color: #ee6500; }

a:visited {

  color: #ee6500; }

a i:hover, a:hover {

  color: #ff7611; }

a:active {

  color: #dd4500; }



h1 {

  color: #444;

  font-size: 19px;

  margin-bottom: 30px;

  margin-left: -15px; }

  h1 i {

    font-size: 20px;

    color: #444;

    margin-left: 10px; }



h2 {

  color: #444;

  font-size: 16px;

  margin-top: 20px;

  margin-bottom: 20px; }

  h2 span {

    display: inline;

    color: #888;

    font-size: 11px;

    margin-left: 15px; }



h3 {

  font-size: 14px;

  margin-left: 5px;

  margin-bottom: 5px; }



.input-buttons {

  position: absolute;

  height: 100%;

  width: 40px; }



.step-controls, .ws-popover-opener {

  margin-top: 8px; }



.ws-popover-opener {

  border: none;

  background-color: transparent; }

  .ws-popover-opener span {

    line-height: 18px;

    background-color: transparent;

    border: none; }



#filter_table {

  margin-bottom: 10px;

  height: 13px; }



#search_input {

  width: 280px; }



form i {

  color: #666;

  text-align: center;

  cursor: pointer;

  line-height: 25px !important;

  width: 20px;

  height: 30px;

  font-size: 20px !important; }

  form i:hover {

    font-size: 22px !important; }



#top {

  height: 70px;

  width: 100%;

  background-color: #333;

  -moz-box-shadow: 1px 0px 10px 1px #666 ;

  -webkit-box-shadow: 1px 0px 10px 1px #666 ;

  -o-box-shadow: 1px 0px 10px 1px #666 ;

  -ms-box-shadow: 1px 0px 10px 1px #666 ;

  box-shadow: 1px 0px 10px 1px #666 ;

  position: relative;

  z-index: 3;

  overflow: hidden; }

  #top img {

    height: 80%;

    width: auto;

    margin-top: 7px;

    margin-left: 10px;

    float: left; }

  #top a {

    text-decoration: none;

    color: white; }

  #top .show_nav {

    float: left;

    display: none;

    color: white;

    height: calc(100% - 30px);

    line-height: 40px;

    padding: 15px 10px 15px 10px;

    font-size: 22px;

    cursor: pointer; }

    #top .show_nav:hover {

      background-color: #ee6500; }

  #top .top_button {

    float: right;

    height: calc(100% - 30px);

    font-size: 115%;

    padding: 15px 18px 15px 18px;

    color: white;

    border-right: 1px solid #444; }

    #top .top_button * {

      display: inline-block;

      position: relative;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }

    #top .top_button i {

      margin-right: 8px;

      padding-bottom: 3px; }

    #top .top_button:hover {

      background-color: #ee6500; }

  #top #system_name {

    margin-left: 25px;

    margin-top: 10px;

    float: left;

    color: #777;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 13px;

    font-weight: bold; }

    #top #system_name span {

      text-align: center;

      font-size: 10px; }

    #top #system_name a {

      text-align: center;

      color: #f1710c;

      margin-left: 4px; }



.container {

  position: relative;

  height: calc(100% - 70px);

  display: -webkit-flex;

  display: flex; }



#nav {

  position: relative;

  float: left;

  width: 200px;

  height: 100%;

  overflow: auto; }

  #nav a {

    text-decoration: none;

    color: #333; }

  #nav input, #nav select {

    width: 85%;

    margin: 5px auto;

    font-size: 12px; }

  #nav .item {

    height: 40px;

    padding-left: 5%;

    margin-left: 5%;

    padding-right: 10%;

    border-bottom: 1px solid #aaa;

    line-height: 50px;

    font-size: 120%;

    margin-top: 3px;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

  #nav .sub_item {

    height: 25px;

    width: 80%;

    padding-left: 20%;

    line-height: 25px;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none; }

    #nav .sub_item:hover, #nav .sub_item.selected {

      background-color: #c3c3c3; }



#content {

  position: relative;

  -webkit-flex: 1;

  flex: 1;

  margin: 10px;

  padding: 40px;

  background-color: white;

  overflow: auto;

  -moz-box-shadow: 0 0 5px 0 #CCC ;

  -webkit-box-shadow: 0 0 5px 0 #CCC ;

  -o-box-shadow: 0 0 5px 0 #CCC ;

  -ms-box-shadow: 0 0 5px 0 #CCC ;

  box-shadow: 0 0 5px 0 #CCC ; }



#login_window {

  position: relative;

  width: 260px;

  margin: 25px auto;

  background-color: white;

  padding: 30px 50px 30px 50px;

  -moz-box-shadow: 0 0 5px 0 #CCC ;

  -webkit-box-shadow: 0 0 5px 0 #CCC ;

  -o-box-shadow: 0 0 5px 0 #CCC ;

  -ms-box-shadow: 0 0 5px 0 #CCC ;

  box-shadow: 0 0 5px 0 #CCC ; }



.help {

  position: relative;

  display: inline-block;

  font-size: 17px;

  height: 20px;

  width: 15px;

  padding: 5px;

  cursor: pointer;

  color: #777; }

  .help:hover span {

    display: block;

    background-color: white;

    -moz-box-shadow: 0 0 5px 0 #CCC ;

    -webkit-box-shadow: 0 0 5px 0 #CCC ;

    -o-box-shadow: 0 0 5px 0 #CCC ;

    -ms-box-shadow: 0 0 5px 0 #CCC ;

    box-shadow: 0 0 5px 0 #CCC ; }

  .help span {

    display: none;

    width: 300px;

    position: absolute;

    color: black;

    padding: 12px;

    font-size: 13px; }



.separator {

  background-color: #ccc;

  height: 1px;

  width: 80%;

  margin: 20px 10px; }



.form_error {

  position: absolute;

  margin-top: -2px;

  color: #DC2828;

  font-size: 11px;

  z-index: 2; }



#autosuggest_list {

  position: absolute;

  z-index: 3;

  background-color: white;

  min-width: 178px;

  max-height: 400px;

  overflow: auto;

  margin-top: -4px;

  -moz-box-shadow: 0 5px 5px 0 #CCC ;

  -webkit-box-shadow: 0 5px 5px 0 #CCC ;

  -o-box-shadow: 0 5px 5px 0 #CCC ;

  -ms-box-shadow: 0 5px 5px 0 #CCC ;

  box-shadow: 0 5px 5px 0 #CCC ; }

  #autosuggest_list:not(:hover) {

    display: none; }

  #autosuggest_list li {

    padding: 10px;

    cursor: pointer;

    list-style-type: none; }

    #autosuggest_list li:hover {

      background-color: #eee; }

    #autosuggest_list li:active {

      background-color: #eee; }

    #autosuggest_list li.selected {

      background-color: #eee; }



input:focus + #autosuggest_list {

  display: block; }



.description {

  max-width: 300px; }



.manage {

  float: left;

  margin-left: 10px;

  margin-right: 70px;

  padding-bottom: 40px; }



#confirmation_background {

  width: 100%;

  height: 100%;

  position: fixed;

  background: url("../img/transparent.png");

  background: rgba(0, 0, 0, 0.4);

  z-index: 1000; }



#confirmation_dialog {

  position: fixed;

  text-align: center;

  width: 400px;

  left: 50%;

  margin-left: -200px;

  top: 30%;

  z-index: 1001;

  padding: 10px 0 25px 0;

  background: white;

  -moz-box-shadow: 0 0 5px 0 #CCC ;

  -webkit-box-shadow: 0 0 5px 0 #CCC ;

  -o-box-shadow: 0 0 5px 0 #CCC ;

  -ms-box-shadow: 0 0 5px 0 #CCC ;

  box-shadow: 0 0 5px 0 #CCC ; }

  #confirmation_dialog p {

    font-size: 110%; }

  #confirmation_dialog button {

    margin-right: 10px; }



.changelog {

  margin-left: 30px; }

  .changelog li {

    padding: 3px; }



.debug_window {

  display: none;

  position: fixed;

  right: 5%;

  top: 5%;

  z-index: 1001;

  padding: 20px;

  background: white;

  -moz-box-shadow: 0 0 5px 0 #CCC ;

  -webkit-box-shadow: 0 0 5px 0 #CCC ;

  -o-box-shadow: 0 0 5px 0 #CCC ;

  -ms-box-shadow: 0 0 5px 0 #CCC ;

  box-shadow: 0 0 5px 0 #CCC ; }

  .debug_window:active {

    display: none; }



.invisible {

  display: none !important; }



@media print {

  html, body {

    background-color: white;

    font-size: 11px;

    padding: 15px; }



  #top, #nav, #print_button, i, .manage, .help, input, button, label {

    display: none !important; }



  .container {

    display: inline; }



  #content {

    height: auto;

    width: auto;

    margin: 0;

    box-shadow: none;

    position: relative;

    display: inline; }



  .list {

    width: 100%; }

    .list .description {

      max-width: 300px;

      font-size: 90%;

      overflow: visible;

      text-overflow: clip;

      white-space: normal; }

    .list th {

      background-color: #666;

      color: #eee;

      padding: 9px; }

    .list td {

      padding: 9px;

      vertical-align: top; }



  a {

    text-decoration: none !important;

    color: black !important; } }

/*

Variables

Contains values from height, widths to percentages and fonts

*/

@media all and (max-width: 600px) {

  #top #system_name, #top .text {

    display: none; }

  #top .top_button i {

    margin-left: 0px;

    margin-right: 0px; }

  #top img {

    height: 50%;

    margin-top: 17px;

    margin-left: 5px; }

  #top .show_nav {

    display: block; }



  #nav {

    background-color: #d7d7d7;

    z-index: 3;

    position: absolute;

    display: none;

    -moz-box-shadow: 0 0 4px 0 #555 ;

    -webkit-box-shadow: 0 0 4px 0 #555 ;

    -o-box-shadow: 0 0 4px 0 #555 ;

    -ms-box-shadow: 0 0 4px 0 #555 ;

    box-shadow: 0 0 4px 0 #555 ;

    width: 180px; }

    #nav input, #nav select {

      background-color: #eee;

      width: 85%;

      margin: 5px auto;

      font-size: 12px; }

    #nav .item {

      font-size: 14px;

      height: 30px;

      line-height: 40px; }

    #nav .sub_item {

      font-size: 12px; }



  #content {

    margin: 0;

    -moz-box-shadow: 0 0 0 0 #CCC ;

    -webkit-box-shadow: 0 0 0 0 #CCC ;

    -o-box-shadow: 0 0 0 0 #CCC ;

    -ms-box-shadow: 0 0 0 0 #CCC ;

    box-shadow: 0 0 0 0 #CCC ; } }



/*# sourceMappingURL=main.css.map */