body {
  background: #fff;
  font-family: 'Roboto', sans-serif;
}
.cont-buttons-home .btn-app {
  padding: 20px 15px;
  font-size: 14px;
  height: 80px;
  color: #666;
}
.cont-buttons-home .btn-app .fa {
  margin-bottom: 5px;
  color: #222;
  font-size: 24px !important;
}
.btn-department {
  padding: 25px;
  height: 150px;
  width: 150px;
  color: #000;
}
.btn-department i {
  margin-bottom: 10px;
  font-size: 50px !important;
}
.btn-department:hover {
  color: #ddd;
}
.btn-department:hover i {
  color: #fff;
}
.cashbox {
  background: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
  box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
  margin: 15px;
  padding: 10px;
}
.cashbox .cashbox-header {
  background: rgba(0,0,0,0.035);
  margin: -10px -10px 40px -10px;
  padding: 10px;
  position: relative;
}
.cashbox .cashbox-header .btn-back {
  position: absolute;
  right: 10px;
  top: 10px;
}
.cashbox .cashbox-header h2 {
  margin: 0;
  color: #555;
  padding: 6px 0;
}
.cashbox .cashbox-header h2 .label {
  font-size: 50%;
}
.cashbox .cashbox-header h2 .fa {
  color: #ccc;
}
.cashbox .cashbox-body {
  margin-top: 15px;
}
.cashbox .cashbox-body .customer-info {
  background: rgba(0,0,0,0.035);
  padding: 10px;
  width: 100%;
  position: relative;
  padding-bottom: 15px;
}
.cashbox .cashbox-body .customer-info p {
  margin: 0;
}
.cashbox .cashbox-body .customer-info .iconuser {
  font-size: 80px;
  color: #ccc;
}
.cashbox .cashbox-body .customer-info .table {
  color: #333;
  text-transform: uppercase;
  font-size: 12px;
  background: #fff;
}
.cashbox .cashbox-body .customer-info .table td:nth-child(odd) {
  color: #999;
}
.cashbox .cashbox-body .customer-info .btn-edit {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 55px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #999;
  text-align: center;
  padding: 0;
}
.cashbox .sumary {
  background: #333;
  margin-bottom: 15px;
  color: #00b16a;
  width: 100%;
  padding: 30px;
  font-size: 25px;
  text-transform: uppercase;
}
.cashbox .sumary table td:nth-child(even) {
  text-align: right;
}
.cashbox .sumary table .total {
  font-size: 35px;
}
.cashbox .details {
  background: #ecf0f1;
  padding: 15px;
  margin: 15px 0 0 0;
}
.cashbox .table-products {
  margin-top: 15px;
}
.cashbox .table-products thead th {
  text-align: center;
  text-transform: uppercase;
}
.cashbox .table-payments {
  text-align: center;
  text-transform: uppercase;
  color: #555;
}
.cashbox .table-payments span {
  font-weight: bold;
  color: #000;
}
.cashbox .table-payments th.title,
.cashbox .table-payments td.title {
  background: #22313f;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  font-size: 12px;
}
.alertg {
  margin: 10px 15px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.form-control-static {
  padding: 0;
}
.box {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
  box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
  border: none;
  margin-top: 10px;
  padding: 10px;
}
.box .box-header {
  background: rgba(0,0,0,0.035);
  margin: -10px -10px 15px -10px;
  padding: 15px 15px 40px 15px;
  position: relative;
}
.box .box-header h1 {
  position: absolute;
  left: 10px;
  top: 10px;
  margin: 0;
  font-size: 26px;
}
.box .box-header .box-title {
  height: 0;
}
.box .box-header .btn-circle-cu {
  position: absolute;
  right: 10px;
  bottom: -25px;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 40px;
  font-size: 30px;
  font-weight: normal;
}
.btn {
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
  box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
  text-transform: uppercase;
}
.btn.btn-default {
  background: #fff;
}
.btn.btn-default:hover,
.btn.btn-default:focus {
  background: rgba(0,0,0,0.035);
}
.btn.btn-primary {
  background: #2196f3;
  color: #fff;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #1e88e5;
}
.btn.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-link:focus,
.btn.btn-link:hover {
  text-decoration: none;
}
.input-group-btn .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0,0,0,0.15);
}
.box.select-company {
  margin-top: 50px;
}
.box.select-company .box-header {
  height: 30px;
  background: rgba(0,0,0,0.035);
}
.photos-container {
  background: rgba(0,0,0,0.035);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.photos-container .add {
  padding: 20px;
  background: rgba(0,0,0,0.055);
  border: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 50px;
  color: #fff;
}
.photos-container .add:hover {
  background: rgba(0,0,0,0.1);
}
.photos-container .cont-photo {
  float: left;
  background: #000;
  margin: 0 30px 15px 0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}
.photos-container .cont-photo img {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;
  height: 120px;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.photos-container .cont-photo img:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.photos-container .cont-photo .remove {
  position: absolute;
  right: -25px;
  top: 15px;
  background: #dd4b39;
  color: #fff;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
}
#modalPhoto .modal-body {
  min-height: 400px;
  position: relative;
}
#modalPhoto .modal-body .preview {
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 200px;
  background: #fff;
  display: none;
}
#modalPhoto .modal-body .video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#modalPhoto .modal-body .canvas {
  display: none;
}
.pawn-buttons-container {
  margin: 0;
}
.pawn-buttons-container>div {
  margin: 0;
  padding: 0;
}
.pawn-buttons-container>div .btn {
  margin: 0;
}
.table-notifications {
  margin-top: 30px;
}
.table-notifications th {
  text-transform: uppercase;
}
.table-notifications small {
  color: #999;
}