input:focus {
  outline: 0;
  border-color: #64ac15;
}
input:focus + .input-icon i {
  color: #29931b;
}
input:focus + .input-icon:after {
  border-right-color: #29931b;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label,
select { 
  font-size: 1em; 
  display: inline-block;
  width: 100%;
  height: 30px;
  padding-top: 10px;
  text-align: center;
  float: left;
  border-radius: 0;
  background-color: #000;
}
input[type="radio"] + label:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
input[type="radio"] + label:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
input[type="radio"] + label i {
  padding-right: 0.4em;
}
input[type="radio"]:checked + label,
input:checked + label:before,
select:focus,select:active {
  background-color: #29931b;
  color: #fff;
  border-color: #64ac15;
}


select {
  height: 3.4em;
  line-height: 2;
}
select:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
select:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
select:focus,
select:active {  
  outline: 0;
}
select option {
  font-size: 1.2em;   
  background-color: #f9f9f9;
  color: #777;  
}

select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}



.little-table { 
  font-family:Arial, Helvetica, sans-serif; 
  color:#777; 
  font-size:14px; 
  text-shadow: 1px 1px 0px #000; 
  background:#121212; 
  margin:10px; 
  border:#212121 1px solid; 
  border-collapse:separate; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  border-radius:3px; 
  -moz-box-shadow: 0 1px 2px #343434; 
  -webkit-box-shadow: 0 1px 2px #343434; 
  box-shadow: 0 1px 2px #343434; 
 } 
 
 .dltable { 
  display: inline-block;
  float: none;
  vertical-align: middle;
  vertical-align: center;
  font-family:Arial, Helvetica, sans-serif; 
  color:#777; 
  font-size:13px; 
  text-shadow: 1px 1px 0px #000; 
  background:#121212; 
  margin:10px; 
  border:#212121 1px solid; 
  border-collapse:separate; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  border-radius:3px; 
  -moz-box-shadow: 0 1px 2px #343434; 
  -webkit-box-shadow: 0 1px 2px #343434; 
  box-shadow: 0 1px 2px #343434; 
 } 
  .ddfont { 
  text-align: center; 
  font-family:Arial, Helvetica, sans-serif; 
  color:#777; 
  font-size:13px; 
  text-shadow: 1px 1px 0px #000; 
   }    
  .left { 
  text-align: left; 
 } 
 
 
  .strelka {
 text-align: center;
 padding: 5px;
 
}


.little-table th { 
  font-size:13px; 
  color:#e79535; 
  font-weight:normal;
  text-transform: uppercase;  
  padding:21px 25px 22px 25px; 
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 
 .dltable dt { 
 text-align: center; 
  font-size:15px; 
  color:#e79535; 
  font-weight:normal;
text-transform: uppercase;  
  padding:21px 25px 22px 25px; 
  border-top:1px solid #333; 
  border-bottom:1px solid #111; 
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 
  
 .little-table th:first-child{ 
  text-align: left; 
  padding-left:20px;
  border-top:1px solid #333; 
  border-bottom:1px solid #111;  
  
 } 
 .little-table tr:first-child th:first-child{ 
  -moz-border-radius-topleft:3px; 
  -webkit-border-top-left-radius:3px; 
  border-top-left-radius:3px; 
 } 
 .little-table tr:first-child th:last-child{ 
 border-top:1px solid #333; 
  border-bottom:1px solid #111;
  -moz-border-radius-topright:3px; 
  -webkit-border-top-right-radius:3px; 
  border-top-right-radius:3px; 
 } 
 .little-table tr{ 
  text-align: center; 
  padding-left:20px; 
 } 
 
 .little-table tr td:first-child{
  border-top:1px solid #333; 
  border-bottom:1px solid #111; 
  text-align: left; 
  padding-left:20px; 
  border-left: 0; 
 } 
 
 .little-table tr td { 
  padding:5px 18px; 
  border-top: 1px solid #333; 
  border-bottom:1px solid #000; 
  border-left: 1px solid #333; 
  border-right: 1px solid #000; 
  vertical-align: middle;
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 .dltable dd{ 
  font-size: 15px; 
  margin-left: 0px; 
  padding: 7px 18px; 
  border-top: 1px solid #333; 
  border-bottom:1px solid #000; 
  border-left: 1px solid #333; 
  border-right: 1px solid #000; 
  vertical-align: middle;
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 
 .panel{ 
  padding: 3px 3px; 
  border-top: 1px solid #333; 
  border-bottom:1px solid #000; 
  border-left: 1px solid #333; 
  border-right: 1px solid #000; 
  margin: 3px;
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 
 .panel:hover {
  color: #989898; 
  background: #272727; 
  background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#272727)); 
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);  
 } 
 
 .panel img {
  display: inline-block;
  height: 50px;
  width: 50px;
  float:left;
  padding-right: 20px;
  border-radius: 3px;
}
.panel p {
  font-size: 15px; 
  color:#eee;
  padding-top: 10px;
  padding-right: 10px;
}

.panelus{ 
  padding: 3px 3px; 
  border-top: 1px solid #333; 
  border-bottom:1px solid #000; 
  border-left: 1px solid #333; 
  border-right: 1px solid #000; 
  margin: 3px;
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 
 .panelus:hover {
  color: #989898; 
  background: #272727; 
  background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#272727)); 
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);  
 } 
 
 .panelus img {
  display: inline-block;  
  height: 50px;
  width: 55px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  float:left;  
  margin-left: -10px;
  margin-top: -20px; 
}
.panelus p {
  font-size: 15px; 
  color:#eee;
  padding-top: 10px;
  padding-left: 70px;
}
.mute {
  font-size: 15px; 
  color:#676767;
  padding-top: 10px; 
}
 
 .little-table tr.even td{ 
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 
 
  
 .little-table tr:last-child td{ 
  border-bottom:0; 
 } 
 .little-table tr:last-child td:first-child{ 
  -moz-border-radius-bottomleft:3px; 
  -webkit-border-bottom-left-radius:3px; 
  border-bottom-left-radius:3px; 
 } 
 .little-table tr:last-child td:last-child{ 
  -moz-border-radius-bottomright:3px; 
  -webkit-border-bottom-right-radius:3px; 
  border-bottom-right-radius:3px; 
 } 
 .little-table tr:hover td{
  color: #989898; 
  background: #272727; 
  background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#272727)); 
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);  
 } 
 
 .dltable dd:hover {
  color: #989898; 
  background: #272727; 
  background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#272727)); 
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);  
 } 

 .little-table a:link { 
 text-transform: uppercase;
  color: #a48766; 
  font-weight: normal; 
  text-decoration:none; 
 } 
 .little-table a:visited { 
  color: #a48766; 
  text-transform: uppercase;
  font-weight:normal; 
  text-decoration:none; 
 } 
 .little-table a:active, 
 .little-table a:hover { 
  color: #e79535; 
  text-decoration:underline; 
 }
 
 .text-center { text-align: left; }
 .table {
  width: 100%; 
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 14px 16px 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top:1px solid #333; 
  border-bottom:1px solid #111;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-top:1px solid #333; 
  border-bottom:1px solid #111;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}