/*
 * #6B852A;
 */
/*
 * ffff99;
 */
/*
 * cCe688;
 */
/*
 * #6B852A;
 */
/*
 * #f9f9f9
 */
/*
 * f1f1f1
 */
hr#pool {
  width: 50%;
  border-top: 1px dotted green;
  margin: 20px 0 20px 0px; }

table#tbl {
  margin: 0 auto;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100;
  color: white;
  text-rendering: optimizeLegibility;
  border: 3px solid #104040;
  border-collapse: separate;
    /*
   * border-collapse: collapse;
   */
    /*
   * width:100%;
   */
    /*
   * border-radius: 15px;
   */ }

table#tbl caption {
  font-size: 2rem;
  color: #444444;
  margin: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; }

/*
 * селектори само за Chrome
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  table#tbl tbody {
    padding-right: 1px;
    padding-left: 1px; } }

table#tbl thead th {
  font-weight: 100;
    /*
   * 600;
   */
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  padding: 0.6rem;
  text-align: center;
  color: white;
    /*
   * $tbl_txt_color;
   */
  font-size: 1rem;
  border-right: 1px dotted white;
  background-color: #104040; }

table#tbl tr:nth-of-type(odd) {
  background: white; }

table#tbl tbody td {
  padding: 0.6rem;
  font-size: 1rem;
  color: #444444; }

table#tbl thead,
table#tbl th:last-child {
  border-right: none;
  border-top: none; }

table#tbl tbody table#tbl td:last-child {
  border-right: none;
    /*
   * border-top:none;
   */ }

table#tbl tbody tr {
  border-bottom: 1px dotted #7f7f7f; }

table#tbl tr:hover {
  background-color: #e8f3e8;
  cursor: pointer; }

table#tbl tr.clicked {
  background-color: #c8d3c8; }

@media screen and (min-width: 481px) {
  table#tbl tbody td {
        /*
     * 
     * height: 20px;
     * line-height: 20px;
     */
    border-right: 1px dotted #7f7f7f;
    border-top: 1px dotted #7f7f7f;
        /*
     * width:0.01%;
     */ }

  table#tbl thead {
    display: table-row;
        /*
     * Това за таблица без скрол по вертикала
     */
        /*
     * display:block;
     */
        /*
     * Това за таблица със скрол по вертикала
     */
    background-color: #104040;
    border-collapse: none; }

  table#tbl tbody {
    display: table-row;
        /*
     * Това за таблица без скрол по вертикала
     */
        /*
     * Това по-долу за таблица със скрол по вертикала
     */
        /*
     * 
     * display:block;
     * @if $tbl_height > 0 {
     * height :$tbl_height;
     * overflow-y:scroll;
     * }
     */ }

  table#tbl th,
  table#tbl td {
    min-width: 1px; }

  /*
   * 
   * 
   * table#tbl tr th:first-child {
   * width:500em;
   * 
   * }
   */ }

/*
 * 
 * @media screen and (max-width: $tbl_response_width ) {
 * table#tbl {
 * width:100%;
 * }
 * table#tbl caption {
 * background-image: none;
 * }
 * table#tbl thead {
 * display: none;
 * }
 * table#tbl tbody td {
 * display: block;
 * padding: .6rem;
 * }
 * table#tbl tbody tr td:first-child {
 * background: $tbl_border_color;
 * color: $tbl_txt_color;
 * }
 * table#tbl tbody td:before {
 * content: attr(data-th);
 * font-weight: bold;
 * display: inline-block;
 * width: 6rem;
 * }
 * }
 */
@media screen and (max-width: 480px ) {
  /*
   * 
   * table#tbl,
   * table#tbl thead,
   * table#tbl th,
   * table#tbl td,
   * table#tbl tr {
   * display: block;
   * 
   * }
   */  table#tbl tbody {
    border: 0; }

  table#tbl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  table#tbl tr {
    display: block;
    padding-left: 10px; }

  table#tbl td {
    display: table-row;
    border: 0; }

  table#tbl td:before {
    left: 5px;
    padding-right: 10px;
    color: black;
    font-weight: bold; }

  table#tbl tbody td {
    border-right: 1px dotted #7f7f7f;
    border: 0; }

  table#tbl td:before {
    display: table-row;
    content: attr(data-th) "\A"; }

  table#tbl tr:nth-of-type(odd) {
    background: #a8b3a8;
        /*
     * e0ffa0;
     */ } }

@media screen and (min-width:320px) {
  table#tbl td:before {
    display: table-cell; } }

div#res {
  padding-top: 10px;
  display: inline-block; }

#slidingDiv {
  height: auto;
  padding-bottom: 20px;
  margin-top: 0px;
  border-bottom: 5px solid #104040;
  display: none; }

.vertical-text {
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;
  background: #104040;
  color: white;
  margin-left: 0px;
  padding: 10px;
  text-transform: uppercase;
  border: 1px solid #104040;
  text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);
  float: left; }

input.make,
input.view,
#dialog,
input.delete,
input.close {
  display: none; }

.placeholder {
  color: #444444; }

input,
select,
textarea {
  background-color: white;
  border: 1px solid #a8b3a8 /*ACC668;*/;
  border-radius: 4px;
  color: black;
  font-size: 14px;
  font-size: 1rem;
  vertical-align: middle;
  display: inine-block;
  outline-color: #104040;
    /*
   * #6B852A
   */ }

input {
  padding: 0 10px;
  height: 30px; }

select {
  height: 32px;
  background: rgba(0, 0, 0, 0);
  appearance: none;
  -moz-appearance: none;
    /*
   * Firefox
   */
  -webkit-appearance: none;
    /*
   * Safari and Chrome
   */ }

input[type="button"],
input[type="submit"] {
  height: 32px;
  display: inine-block;
  vertical-align: middle;
  padding-bottom: 1px;
  color: white;
  font-size: 14px;
  font-size: 1rem;
  font-weight: normal;
  text-shadow: 0px -1px 0px #5b6ddc;
  outline: none;
  border: 1px solid #104040;
    /*
   * #6B852A
   */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  background-color: #a8b3a8 /*ACC668;*/;
    /*
   * #5466da  #768ee4
   */
    /*
   * #9ab1ec
   */
  -webkit-box-shadow: inset 0px 1px 0px #0;
  box-shadow: inset 0px 1px 0px #0;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #104040;
    /*
   * #6B852A
   */
    /*
   * #5f73e9 #859bef
   */
    /*
   * #aab9f4
   */
  -webkit-box-shadow: inset 0px 1px 0px #0;
  box-shadow: inset 0px 1px 0px #0; }

input[type="button"]:active,
input[type="submit"]:active {
  background-color: #306060;
    /*
   * 11D061;
   */
    /*
   * #7588e1  #7184df
   */
    /*
   * 93a9e9
   */
  -webkit-box-shadow: inset 0px 1px 0px #0;
  box-shadow: inset 0px 1px 0px #0; }

.div-left {
  float: left;
  padding-bottom: 10px; }

.div-right {
  float: right;
  padding-bottom: 10px; }

/*
 * ---------------------------------
 */
table#menu01,
table#menu02,
table#menu03,
table#menu04,
table#menu {
  border-collapse: collapse;
  margin-bottom: 15px; }

table#menu02 td:last-child,
table#menu04 td:last-child {
  display: block;
  padding-right: 1.4em; }

table#menu01 td:last-child,
table#menu td:last-child,
table#menu03 td:last-child {
  display: block;
  padding-right: 0.1em; }

table#menu01 thead th,
table#menu01 tbody td,
table#menu02 thead th,
table#menu02 tbody td,
table#menu03 thead th,
table#menu03 tbody td,
table#menu04 thead th,
table#menu04 tbody td,
table#menu thead th,
table#menu tbody td {
  border-collapse: collapse;
  text-align: left;
  font-weight: normal;
    /*
   * padding-right:0em;
   */ }

table#menu1 {
  border-collapse: collapse; }

table#menu1 td:last-child {
  display: block;
  padding-right: 1.4em; }

table#menu1 thead th,
table#menu1 tbody td {
  border-collapse: collapse;
  text-align: left;
  font-weight: normal;
    /*
   * padding-right:0em;
   */ }

table#menu2 {
  border-collapse: collapse; }

table#menu2 thead th,
table#menu2 tbody td {
  border-collapse: collapse;
  text-align: left;
  font-weight: normal;
    /*
   * padding-right:0em;
   */ }

@media screen and (max-width: 400px) {
  table#menu01 thead,
  table#menu02 thead,
  table#menu03 thead,
  table#menu04 thead,
  table#menu thead {
    display: none; }

  table#menu02 td:last-child,
  table#menu04 td:last-child {
    display: block;
    padding-bottom: 0.8em;
    padding-right: 2em; }

  table#menu01 td:last-child,
  table#menu td:last-child,
  table#menu03 td:last-child {
    display: block;
    padding-bottom: 0.8em;
    padding-right: 0.8em; }

  table#menu01 tbody td,
  table#menu02 tbody td,
  table#menu03 tbody td,
  table#menu04 tbody td,
  table#menu tbody td {
    display: block;
    padding-bottom: 0.8em; }

  table#menu01 tbody td:before,
  table#menu02 tbody td:before,
  table#menu03 tbody td:before,
  table#menu04 tbody td:before,
  table#menu tbody td:before {
    content: attr(menu-th);
    display: block; }

  table#menu1 thead {
    display: none; }

  table#menu1 td:last-child {
    display: block;
    padding-bottom: 0.8em;
    padding-right: 2em; }

  table#menu1 tbody td {
    display: block;
    padding-bottom: 0.8em; }

  table#menu1 tbody td:before {
    content: attr(menu1-th);
    display: block; } }

@media screen and (max-width: 500px) {
  table#menu2 thead {
    display: none; }

  table#menu2 tbody td {
    display: block;
    padding-bottom: 0.8em; }

  .div-right {
    float: left;
    padding-bottom: 10px; } }

/*
 * ---------------------------------
 */