.admin-back{
  border-bottom: 1px solid #d6d6d6;
  padding: 0 0 10px;
}
.admin-back:before{
  content: '« ';
}
.admin-account{
  float: right;
  font-size: 2.4rem;
}
.admin-account:after{
  content: ' »';
}
.admin-edit{
  font-size: 1.3rem;
}

table.standard{
  margin: .5em 0 1em;
  width: 100%;
}
ul.standard{
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}
table.standard th,
table.standard td,
ul.standard li{
  padding: 10px;
  text-align: left;
}
table.standard th{
  background: #79B022;
  color: #fff;
}
table.standard td,
ul.standard li{
  background: #fff;
  border-top: 2px solid #F5F5F5;
  vertical-align: top;
}
table.standard tr:hover td,
ul.standard li:hover{
  background: #eee;
}
table.standard th.id{
  width: 40px;
}
table.standard th.vskz{
  width: 80px;
}
table.standard th.date,
table.standard th.stars{
  width: 160px;
}
table.standard tr.clickable td{
  cursor: pointer;
}
table.standard th.status{
  width: 200px;
}
.status-80{
  color: #b20000;
}
.status-60{
  color: #006600;
}
.status-50{
  color: #d89000;
}
table.standard tr.action-required td{
  background: #ffccff;
}
table.standard .status-9 td,
table.standard .status-9 td a{
  color: #888;
}
table.standard .price{
  text-align: right;
}
table.standard .price-changed{
  color: #ff0000;
}
table.standard .price-editable{
  padding: 1px 2px;
}
table.standard .price-editable input{
  padding: 7px 10px;
  text-align: right;
}
table.standard .subtotal td{
  border-top:1px solid #333;
}
table.standard .total td{
  border-top:2px solid #333;
  font-weight: 700;
}

table.autowidth{
  width: auto;
}

.statusinfo{
  background: #cce0ff;
  font-size: 1.6rem;
  font-weight:  bold;
  margin: 1em 0;
  padding: 10px;
}

.adminblock{
  background: #fff;
  margin: 0 0 20px;
  padding: 20px;
}
.adminblock-heading{
  font-size: 1.6rem;
  font-weight: 700;
}
.adminblock-fields{
  overflow: hidden;
}
.adminblock-field{
  float: left;
  margin: 0 30px 0 0;
  width: 40%;
}
.adminblock-fields-3,
.adminblock-fields-4,
.adminblock-fields-5{
  margin: 20px 0 0;
}
.adminblock-fields-3 .adminblock-field{
  width: 27%;
}
.adminblock-fields-3 .adminblock-field-s{
  max-width: 200px;
  width: 15%;
}
.adminblock-fields-4 .adminblock-field{
  width: 20%;
}
.adminblock-fields-5 .adminblock-field{
  width: 15%;
}
.adminblock-fields-3 .adminblock-field-radio,
.adminblock-fields-4 .adminblock-field-radio,
.adminblock-fields-5 .adminblock-field-radio{
  margin: 0;
  max-width: 50px;
  width: 10%;
}
.adminblock-fields-4 .adminblock-field-radio,
.adminblock-fields-5 .adminblock-field-radio{
  max-width: 80px;
  width: 15%;
}
.adminblock-field-radio-heading{
  position: absolute;
}
.adminblock-field-radio input{
  margin-top: 15px;
}
.adminblock-field.contactform-cb{
  float: none;
  margin: 0;
  width: auto;
}
#piclist-units li{
  cursor: move;
 }
.adminblock-piclist,
.adminblock-videolist{
  list-style-type: none;
  margin: 10px 0 0;
  overflow: hidden;
  padding: 0;
}
.adminblock-piclist-item,
.adminblock-videolist-item{
  background: #eee;
  float: left;
  height: 150px;
  margin: 0 20px 20px 0;
  position: relative;
  width: 200px;
}
.adminblock-piclist-item-delete,
.adminblock-videolist-item-delete{
  background: rgba(0,0,0,.7);
  color: #fff;
  cursor: pointer;
  display: none;
  padding: 4px 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.adminblock-piclist-item:hover .adminblock-piclist-item-delete,
.adminblock-videolist-item:hover .adminblock-videolist-item-delete{
  display: block;
}
.adminblock-videolist-item{
  padding: 30px 10px 20px;
  text-align: center;
}
.adminblock-videolist-item-heading{
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 1em;
}
.adminblock-videolist-item-video{
  font-size: 11px;
}

#upload-dropzone{
  border: 2px dotted #ccc;
  margin: 0 0 10px;
  min-height: 100px;
  padding: 20px;
}
#upload-filelist{
  background: #ddd;
  margin: 0 0 20px;
  padding: 10px;
}
#upload-filelist:empty{
  display: none;
}

.closeddates{
  margin: 30px 0 0;
}
.closeddateslist-item-delete{
  cursor: pointer;
  float: right;
}
.closeddateslist-item-delete:hover{
  text-decoration: underline;
}

.emailtemplate{
  background: #F5F5F5;
  margin: 0 0 20px;
  padding: 10px 20px 20px;
}

.rate-me{
  background: #79B022;
  color: #fff;
  display: inline-block;
  margin: 5px 0 0;
  padding: 2px 10px;
}

.tablefilter{
  display: table;
}
.tablefilter-field{
  display: table-cell;
  font-size: 1.4rem;
  min-width: 140px;
}
.tablefilter-field input{
  float: left;
  margin: 3px 5px 0 0;
  width: auto;
}
.tablefilter-field label{
  padding: 0;
}

.autocomplete-suggestions{
  background: #fff;
  border: 1px solid #ccc;
  min-width: 200px;
  overflow: auto;
}
.autocomplete-suggestion{
  cursor: pointer;
  padding: 4px 10px;
}
.autocomplete-suggestion:hover{
  background: #ffffcc;
}

.loading{
  background: #eee;
  margin: 10px 0 20px;
  min-height: 150px;
  position: relative;
}
.loading:before{
  content: 'Loading...';
  display: block;
  padding: 20px;
}
.loading:after {
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;z-index:1;
  background-color: #333;
  border-radius: 100%;
  content: 'x';
  height: 40px;
  left: 25px;
  position: absolute;
  top: 10px;
  width: 40px;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.bs{
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
  z-index: 200;
}

.dialog{
  position: absolute;
  width: 600px;
  margin: -50px 0 0 50px;
  padding: 20px;
  background: #fff;
  z-index: 220;
  overflow: hidden;
}

.dialog-heading{
  font-size: 2rem;
  font-weight: bold;
}

.dialog-close{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  line-height: 1;
  font-size: 2rem;
}

.dialog-field{
  float: left;
  margin: 0 20px 0 0;
  width: 200px;
}
.dialog button{
  margin: 31px 0 0;
}

.dataTables_wrapper .top{
  margin: 20px 0 0;
}
.dataTables_filter{
  position: absolute;
  right: 0;
  top: -10px;
}
.dataTables_filter input{
  box-sizing: border-box;
  margin: 0 0 4px;
  padding: 2px 7px;
  width: 98%;
}
.dataTables_wrapper .bottom label{
  display: inline-block;
}
.dataTables_wrapper .bottom select{
  width: auto;
}
.dataTables_wrapper .dataTables_paginate {
  padding-top: 1.15em;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover{
  background: #b4b4b4;
  border-radius: 4px;
  border: 0;
  color: #fff !important;
  display: inline-block;
  font-size: 1.8rem;
  padding: 6px 14px;
  text-decoration: none;
  text-transform: none;
  transition: background .2s linear;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover{
  background: #000;
}
table.dataTable thead th:not(:first-child) {
  border-left: 1px solid #fff;
}

table.data-hidden{
  display: none;
}
.dt-print-view table.data-hidden{
  display: table;
}
.table-hidden .top{
  margin: 0 0 10px;
  overflow: hidden;
}

a.dt-button{
  font-size: 1.4rem;
  padding: 4px 10px;
}

/*.cp-spinner{
  box-sizing: border-box;
  display: inline-block;
  height: 48px;
  position: relative;
  width: 48px;
}
.cp-meter{
  border-radius: 50%;
  border-bottom: solid 6px #0fd6ff;
  border-left: solid 6px #0fd6ff;
  border-right: solid 6px #0fd6ff;
  border-top: solid 6px #0fd6ff;
  box-sizing: border-box;
  display: inline-block;
  height: 48px;
  width: 48px;
}
.cp-meter:before{
  animation: cp-meter-animate-before 1s linear infinite;
  background-color: #0fd6ff;
  border-radius: 3px;
  box-sizing: border-box;
  content: " ";
  display: inline-block;
  height: 12px;
  left: 16px;
  position: absolute;
  top: 5px;
  transform-origin: center bottom;
  width: 6px;
}
@keyframes cp-meter-animate-before{
  0%{
    transform: rotate(-45deg);
  }
  100%{
    transform:rotate(315deg);
  }
}*/