.pfd-alert {
  background: #ccc;
  padding: 1em;
  margin-bottom: 1em;
  max-width: 700px;
}
.pfd-alert-info{
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.pfd-alert-warning{
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.pfd-alert-danger{
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.pfd-alert-success{
  color: #155724;
  background-color: #d4edda;
  border-left: 30px solid #01A3Ad;
}


.activationcode-state{
  display: inline-block;
  background: #01A3Ad;
  color: white;
  padding: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 1em;
  text-align: center;
}

.activationcode-state.activated{
  display: inline-block;
  background: #444;
}


#create-coupon-form .pfd-button{
  margin-right: 1em;
}

.pfd-button{
  font-family: inherit;
  font-size: 15px;
  color: #fff;
  background-color: #007cff;
  border-radius: 100px;
  padding: 10px 20px;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
  border: 1px solid transparent;
  outline: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  background: #01A3Ad;
}

button.pfd-button{
  font-family: inherit;
  font-size: 15px;
  color: #fff;
  background-color: #007cff;
  border-radius: 100px;
  padding: 10px 20px;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
  border: 1px solid transparent;
  outline: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
  background: #01A3Ad;
}

.pfd-button:hover,
button.pfd-button:hover{
  outline: 0;
  text-decoration: none;
  color: #fff;
  box-shadow: inset 0 0 0 99999px rgba(0,0,0,.1);
}

.pfd-button-info{
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.pfd-button-warning{
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.pfd-button-danger{
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.pfd-button-success{
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.pdf-button.edit{
  background: #444;
  padding: 5px 10px;
  border:none;
}
.pdf-button.edit:hover{
  background: #333;
}

.pfd-button-info:hover{
  color: #0c5460;
}
.pfd-button-warning:hover{
  color: #856404;
}
.pfd-button-danger:hover{
  color: #721c24;
}
.pfd-button-success:hover{
  color: #155724;
}

.pfd-button-card{
  padding: 0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  background: #ccc;
  margin-bottom: 1em;
  border-color: #aaa;
}
.pfd-button-card:hover{
  background: #333;
  border-color: #555;
}

.pdf-current-state{
  margin-right: 1em;
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 0.5em;
}

.pdf-current-state.publish{
  background: #155724;
  color: white;
}
.pdf-current-state.trash{
  background: #721c24;
  color: white;
}
.pdf-current-state.pending{
  background: #856404;
  color: white;
}

.pdf-current-state.expired{
  background: #856404;
  color: white;
}

.pfd-qr-code-container img#qrcode{
  border: 1px solid #ccc;
  padding: 1em;
  border-radius:1em;
}


.item-meta.activationCodes button{
  font-size: 1em;
  padding: 0.8em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin-right: 1em;
}

#menu-item-upload{
  background: #444;
}
#menu-item-upload:hover{
  background: #222;
  color: white;
}

.pfd-qr-code-container img.avatar{
  max-width: 30px !important;
}



#create-coupon-form label{
  display: block;
}
#create-coupon-form input[type=text],
#create-coupon-form input[type=number],
#create-coupon-form select,
#create-coupon-form textarea{
  width: 100%;
  max-width: 600px;
  margin-bottom:1em;
}

#create-coupon-form .hasDatepicker{
  cursor: pointer;
}

#create-coupon-form #coupon-create-body{
  background: white;
  border-radius: 1em;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  -moz-box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  padding: 1em;
  border: 1px solid #eee;
}
#create-coupon-form #coupon-image-wrapper{
  padding: 1em;
  background: #ddd;
  max-width: 350px;
  border-radius: 1em;
}

#create-coupon-form #coupon-template-wrapper{
  padding: 1em;
  padding-bottom: 0.5em;
  background: #01aeb9;
  color: white !important;
  border-radius: 1em;
  max-width: 350px;
}

.pdf_template_link{
  display: inline-block;
  width: auto;
  background: #525656;
  color: white;
  border: 1px solid #444;
  padding: 0.2em 0.5em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.pdf_template_link:hover{
  border: 1px solid #fff;
  color: white;
}

#activationCodeRestrictions a.button{
  padding: 0.2em;
  background: #01A3Ad;
  font-size: 0.9em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}

#coupon-form-main{
  max-width: 900px !important;
}

#coupon-form-main .weekday{
  display: inline-block !important;
  margin-right: 1em;
  min-width: 90px;
}

#coupon-form-main aside{
  padding: 0.7em;
  font-size: 0.7em;
  border: 1px solid #eee;
  background: white;
  border-radius: 1em;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  -moz-box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
}
#coupon-form-main aside small{
  line-height: 1.7em;
  display: block;
}


#message-container{
  margin-top:2.5em;
  background: white;
  padding: 0.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-left:5px solid #01A3Ad;
  -webkit-box-shadow: 5px 5px 3px 0px rgba(221,221,221,1);
  -moz-box-shadow: 5px 5px 3px 0px rgba(221,221,221,1);
  box-shadow: 5px 5px 3px 0px rgba(221,221,221,1);
}
#message-container h1{
  margin-top:0.8em;
  font-size: 22px;
  margin-bottom: 0em;
}
#message-container h2{
  font-style:  italic;
  font-size: 17px;
}

.pfd-button.profile{
  background: white;
  border-color: #ccc;
  color: #444;
}
.pfd-button.profile:hover{
  border-color: #aaa;
  color: #444;
}


#pfd-coupon-dir-list .item-avatar a.group-avatar-wrap{
  background-size: cover !important;
  background-position: center !important;
}

.pfd-coupon-type-navs .count{
  margin-right: 1em;
}


#perfectday-plugin-shortcode-container #pfd-coupon-dir-list #groups-list.bp-list:not(.grid) .item-entry {
  width: 100%;
}


#perfectday-plugin-shortcode-container #pfd-coupon-dir-list #groups-list.bp-list:not(.grid) {
  flex-flow: row wrap;
}

#perfectday-plugin-shortcode-container #pfd-coupon-dir-list #groups-list.bp-list li .item .item-block {
  flex: unset;
}

#perfectday-plugin-shortcode-container #pfd-coupon-dir-list .item-desc{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#perfectday-plugin-shortcode-container #pfd-coupon-dir-list .list-wrap{
  width: 100%;
}
#perfectday-plugin-shortcode-container #pfd-coupon-dir-list .item-desc img{
  max-height: 100px;
}





/*** SWITCH -BUTTON **/
.switch-group-container{
  padding-top:0.5em;
  margin-left: 0em;
  background: #e3e3e3;
  padding: 0.5em;
  border-radius:0.5em;
  margin-bottom:1em;
}
.switch-group{
  height: 40px;
}
.switch-group span.label{
  display: inline-block;
  margin-right:0.5em;
  vertical-align:  top !important;
  margin-top:0.6em;
}
.switch-group label{
  float: right;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/*** SWITCH -BUTTON **/



/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.pfd-activationcodes-page .avatar {
  max-width: 50px;
}
.coupon-detail-container .avatar {
  max-width: 50px;
}

#pfd-statistics-table td{
  padding: 0.5em !important;
  padding-bottom: 0.2em !important;
  padding-top: 0 !important;
}

#pfd-statistics-table th{
  padding: 0.5em !important;
  background:#434646;
  color: white;
}

#pfd-statistics-table tr:nth-child(2) td{
  padding-top: 1em !important;;
}

.coupon-detail-container .generic-button{
  display: inline-block;
  margin-right: 0.5em;
}
.coupon-detail-container .generic-button button{
  font-size: 1em;
  padding: 0.5em;
  padding-left: 0.8em;
  padding-right:0.8em;
  background: #333;
}
.coupon-detail-container .generic-button button:hover{
  background: #555;
}

#pfd-activationcodes-table{
  margin-top:1em;
}
#pfd-activationcodes-table tr td{
  vertical-align: middle;
  padding: 0;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center;
}
#pfd-activationcodes-table tr:nth-child(even) td{
  background: #f1f1f1;
}

#pfd-activationcodes-table tr th{
  text-align: center;
  background: #ccc;
}

#pfd-activationcodes-table tr th:last-child,
#pfd-activationcodes-table tr td:last-child{
  /*! text-align: center; */
  /*! padding-right: 1em; */
  /*! margin: 0; */
  padding: 0.5em !important;
  background: #ccc;
  vertical-align: middle;
}

#pfd-activationcodes-table tr td:nth-child(2){
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.activationcode-number .qr-button{
  margin-right: 0.5em;
  font-size:1.5em;
  border: 2px solid #ccc;
  padding: 0.2em;
  padding-top: 0.2em;
  padding-bottom: 0.1em;
  margin-bottom: 0.1em;
  border-radius: 0.2em;
}
.activationcode-number .qr-button:hover{
  border: 2px solid #01A3Ad;
}
.activationcode-number{
  background: #fff;
  border: 3px solid #f1f1f1;
  border-radius: 1em;
  color: #444;
  padding: 0.4em;
  margin: 0px auto;
  display: inline-block;
  text-align:center;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 2px;
  vertical-align: middle;
  margin: 0px auto;
}

.stampinfobox{
  /*! background:#bee5eb; */
  padding:0.5em;
  padding-bottom:0em;

}
.stampedCountLabel{
  color: #444;
  padding: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  float: right;
  margin-left: 0.5em;
  margin-bottom:0em;
}
.stampedCount{
  border-right: 5px solid #bee5eb;
  color: #444;
  padding: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  float: right;
  margin-left: 0.5em;
  margin-bottom:0em;
}


#logo-line {
  padding-top:1em;
}
#logo-line #user-avatar{
  float: left;
}
#logo-line #perfectday-logo{
  float: right;
}
#logo-line #user-avatar img{
  max-width: 80px;
  max-height: 80px;
}

#pfd-coupon-dir-list #groups-list.grid  .item-avatar .group-avatar-wrap {
  margin-top: -15px !important;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  -moz-box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
  box-shadow: 3px 3px 5px 0px rgba(217,217,217,1);
}
#pfd-coupon-dir-list #groups-list.bp-list.grid.bb-cover-enabled .list-title {
  margin-top: 1em;
}
/*
#pfd-coupon-dir-list .group-button{
  color: #666 !important;
}
#pfd-coupon-dir-list .group-button:hover{
  color: #333 !important;
}
*/


#couponSelectionNavi #couponSelectionNavi-own h3{
  margin-top: 1em;
  border-bottom: 3px solid #ddd;
}

#couponSelectionNavi #couponSelectionNavi-external h3{
  margin-top: 1em;
  border-bottom: 3px solid #ddd;
}

#couponSelectionNavi li.selected{
  background: yellow;
}

#pfd-statistics-table img.avatar{
  max-width: 30px;
  max-height: 30px;
}

#time-selection-container #dateSelectionNavi{
  display: inline-block;
  width: auto;
  min-width: 150px;
}

#couponSelectionNavi h2 {
  margin: 0;
  margin-bottom: 0.5em;

}
#couponSelectionNavi h3 {
  margin: 0;
  margin-bottom: 0.5em;
}

#couponSelectionNavi ul {
  margin: 0;
}
#couponSelectionNavi li {
  list-style-type: none;
  margin-bottom: 0.5em;
  padding: 0.5em;
  background: #f1f1f1;
  border-radius: 1em;

}

#pfd-statistics-table th{
  background: #fff;
  color: #444;
  white-space:  nowrap;
  font-weight: normal;
}

#couponSelectionNavi  a li{
  color: #333;
}
#couponSelectionNavi li:hover {
  background: #ddd !important;
}
#couponSelectionNavi  a li:hover{
  color: #333;
}
#couponSelectionNavi li.selected {
  background: #333 !important;
}
#couponSelectionNavi li.selected:hover {
  background: #555 !important;
}
#couponSelectionNavi  a li.selected{
  background: #01A3Ad !important;
  color: white;
}

#couponSelectionNavi li:before {
  font-family: FontAwesome;
  content: "\f096";
}
#couponSelectionNavi li.selected:before {
  font-family: FontAwesome;
  content: "\f058";
}



#couponSelectionNavi #message-container{
  background: #fdfdfd;
  border-radius: 1em;
  padding: 1.5em;
  margin-top: 0;
  font-size: 0.8em;
}

#couponSelectionNavi #message-container h2{
  line-height: 1.2em;
  font-weight: bold;
  font-style:  normal;
  color: #01A3Ad;
}
#couponSelectionNavi #message-container p{
  margin-bottom: 1em;
}

.pfd-activationcodes-page h2{
  margin-bottom: 0.5em !important;
}

.pfd-activationcodes-page .bp-profile-search-widget{
  border: 1px solid #ddd;
}



#pfdpage-debugtool .debug-container{
  background: #f1f1f1;
  padding: 1em;
  margin-bottom: 1em;
  max-width: 600px;
  box-shadow: 2px 2px #ccc;
  border: 1px solid #fefefe;
  background: #f1f1f1;
}
#pfdpage-debugtool .debug-container form{
  margin: 0;
}
#pfdpage-debugtool .debug-container label{
  min-width: 150px;
  display:inline-block;
}
#pfdpage-debugtool .debug-container input[type=text],
#pfdpage-debugtool .debug-container select{
  width: 100%;
  display:inline-block;
}



/* Shortcode: Einlösetool */
#perfectday-coupon-tool .widget img{
  max-width: 50px;
  border-radius: 100em;
  display: inline-block;
  margin-right: 1em;
}
#perfectday-coupon-tool #coupon-activate button{
  margin-top: 1em;
}
#perfectday-coupon-tool #coupon-activate input{
  text-align: center;
  font-size: 1.7em;
  width: 100%;
}
#perfectday-coupon-tool .widget img#qrcode{
  width: 100%;
  max-width: 190px;
  border-radius: 1em;
  border: 3px solid #3A3A3A;
}
#perfectday-coupon-tool #pruefzeichen-container{
  margin-top: 1em;
}
#perfectday-coupon-tool #qrcodeinput{
  font-size: 1.8em;
  text-transform: uppercase;
  padding: 1em;
  letter-spacing: 2px;
  text-align: center;
  width: 100%;
}
#perfectday-coupon-tool table.pruefnummer{
  width: auto;
}
#perfectday-coupon-tool table.pruefnummer tr td{
  text-align: center;
  font-size: 0.8em;
}
#perfectday-coupon-tool table.pruefnummer tr:first-child td{
  font-size: 1.3em;
  letter-spacing: 2px;
  font-weight: bold;
}
#perfectday-tool-submenu {
  width: 100%;
  text-align: center;
}
#perfectday-tool-submenu a{
  padding: 0.5em !important;
  padding-left: 0.8em !important;
  padding-right: 0.8em !important;
  margin-right: 0.5em;
  background: #ddd;
}
#perfectday-tool-submenu a.selected{
  background: #32373c;
}
#perfectday-tool-submenu a:hover{
  background: #32373c;
}


#pfd-coupon-dir-list #groups-list.bp-list.grid .list-wrap .item {
  padding-bottom: 0px !important;
}

#pfd-coupon-dir-list #groups-list.bp-list .item-entry .list-wrap {
  padding: 0.8em 1em;
}

.pfd-coupon-type-navs .component-navigation li{
  padding-right: 1em;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button .group-button {
  color: #01A3Ad !important;
}

#groups-list.bp-list.grid.bb-cover-enabled .item-avatar .generic-button .group-button:hover {
  color: #00A2Aa !important;
}


#perfectday-coupon-tool input[type="file"] {
  display: block;
  margin-bottom: 16px;
}
/*div {
    margin-bottom: 16px;
}*/
#perfectday-coupon-tool #flash-toggle {
  display: none;
}
#perfectday-coupon-tool video#qr-video,
#perfectday-coupon-tool #qr-capture-block canvas{
  max-width:400px;
  width:100%;
}

@media print {
  #perfectday-coupon-tool  #secondary,
  #perfectday-coupon-tool  #pruefzeichen-container,
  #perfectday-coupon-tool  #pfd-statistics-table img{
    display: none !important;
  }
}