.tx-powermail { margin:0 0 1.5em 0; }
.tx-powermail .powermail_label { display:block; padding:0 0 .25em 0; }
.tx-powermail .powermail_field .checkbox, .tx-powermail .powermail_field .radio { margin:0 0 .625em 0; }

.tx-powermail .btn { padding:.625em 1.25em; border:none; color:#fff; text-align:left; }
.tx-powermail .btn-group { margin:0; }
.tx-powermail .btn-group .btn { margin:0 0 .125em 0; width:100%; cursor:pointer; }
.tx-powermail .btn-group .btn:last-child { margin:0; }
.tx-powermail .btn-default { background:#b7c9db; transition:background .35s; }
.tx-powermail .btn-default:hover, .tx-powermail .btn-primary { background:#cc0000; }

.tx-powermail a.btn.btn-primary,
.tx-powermail a.btn.btn-warning {
  padding:.625em 1.5em;
  margin:0;
  color:#fff;
  border:0 none;
  border-radius:.25em;
  outline:none;
  cursor:pointer;
}
.tx-powermail a.btn.btn-primary.pull-right { margin:0 0 0 .625em; }
.tx-powermail a.btn.btn-primary { background:#cc0000; transition:background .35s; }
.tx-powermail a.btn.btn-warning { background:pink; transition:background .35s; }
.tx-powermail a.btn.btn-primary:hover,
.tx-powermail a.btn.btn-warning:hover { background:#222; }

.tx-powermail .powermail_field { margin:0; }
.tx-powermail .powermail_fieldwrap { clear:both; }
.tx-powermail .powermail_fieldwrap_type_text .powermail_field { width:100%; margin:0; }

.tx-powermail .powermail_fieldwrap_type_check .powermail_field,
.tx-powermail .powermail_fieldwrap_type_radio .powermail_field { margin:0; }

.tx-powermail .checkbox label, .tx-powermail .radio label { display:inline; padding:0; }

.tx-powermail .checkbox label .table-cell-input, .tx-powermail .radio label .table-cell-input,
.tx-powermail .checkbox label .table-cell-text, .tx-powermail .radio label .table-cell-text { display:table-cell; vertical-align:text-top; }

.tx-powermail .checkbox label .table-cell-input, .tx-powermail .radio label .table-cell-input { padding-right:8px; }

.tx-powermail .powermail_confirmation { padding:1em; background:#f2f3f3; font-size:1rem; margin:0 0 50px 0; border:none; }
.tx-powermail .powermail_confirmation h1 { font-size:1.25rem; margin:.5em 0; }
.tx-powermail .powermail_confirmation .table { background:transparent; }
.tx-powermail .powermail_confirmation .powermail_all_label { white-space:nowrap; }

.tx-powermail .powermail_confirmation input[type="submit"] { width:auto; padding:12px 24px; text-align:center; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-danger { font-size:87.5%; background:#ccc; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-danger:hover { background: #999; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-primary { margin:20px 0; font-size:1.125rem; }

.tx-powermail .powermail_create { background:rgba(204,0,0,0.25); margin:20px 0; padding:25px 15px 1px 15px; }
.tx-powermail .powermail_create p { font-size:1rem; }

/* max 768px (mobile) */
@media only screen and (max-width : 767px) {

    .tx-powermail fieldset { padding:2em 1em 1em 1em; }
    .tx-powermail .checkbox label .table-cell-input, .tx-powermail .radio label .table-cell-input { padding-right:4px; }

}

/* powermail basics */
.tx-powermail .powermail_fieldset .checkbox.powermail-error label,.tx-powermail .powermail_fieldset .input-field.powermail-error,.tx-powermail .powermail_fieldset .radio.powermail-error label{border:1px solid rgb(230,30,30);}
.tx-powermail .powermail_fieldset .powermail-errors-list{background-color:none;border:none;clear:left;display:none;float:right;list-style-type:none;margin:0 0 .25rem;padding:0;text-indent:0;width:100%}
.tx-powermail .powermail_fieldset .powermail-errors-list.filled{display:block}
.tx-powermail .powermail_fieldset .powermail-errors-list>li{background:rgba(230,30,30,.75);color:#fff;display:inline-block;font-size:80%;line-height:1.3;list-style:none;margin:0 0 .75rem;padding:.25rem .75rem;border-radius:.25rem}
.tx-powermail .powermail_fieldset .powermail-errors-list>li:before{content:"";padding:0}
.tx-powermail .powermail_fieldset .powermail-error,.tx-powermail .powermail_fieldset .powermail_field_error,.tx-powermail .powermail_fieldset .powermail_form .powermail-error:focus,.tx-powermail .powermail_fieldset div.error{--tw-ring-opacity:0;background-color:rgba(230,30,30,0.1);color:rgba(230,30,30)}
.tx-powermail .powermail_fieldset .powermail_field_error_container .powermail-errors-list{background-color:none;border:none;margin-bottom:0;width:100%}

.tx-powermail .powermail_progressbar {
    width: 100%;
    height: 5px;
    float: right;
    border: 1px solid #eeeeee;
    clear: both;
}
.tx-powermail .powermail_progressbar.disable {
    display: none;
}
.tx-powermail .powermail_progressbar > .powermail_progress {
    background: #1e5799;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards;
}
.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progress_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    background: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}
.tx-powermail ul.powermail_fieldwrap_file_list {
    background-color: white;
    border: 1px solid #bbb;
    float: right;
    padding: 3px;
    width: 100%;
    list-style: none;
    border-radius: 4px;
    margin: 0;
}
.tx-powermail ul.powermail_fieldwrap_file_list > li {
    margin: 5px;
}
.tx-powermail ul.powermail_fieldwrap_file_list > li .deleteAllFiles {
    color: #bbb;
    cursor: pointer;
}
.tx-powermail ul.powermail_fieldwrap_file_list > li .deleteAllFiles:hover {
    text-decoration: underline;
}
.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%;
}
.tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #ebccd1;
    border: 1px solid #a94442;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle;
}
.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0;
    border: none;
    background: none;
}
.tx-powermail .powermail_message.powermail_message_ok {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #cdeaca;
    border: 1px solid #3b7826;
}
.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3b7826;
}
.tx-powermail .powermail_message.powermail_message_error {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png");
}
.tx-powermail .powermail_message.powermail_message_error li {
    color: #a94442;
}
.tx-powermail .powermail_message.powermail_message_note {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #fcf8e3;
    border: 1px solid #ffca4b;
}
.tx-powermail .powermail_message.powermail_message_note li {
    color: #ffca4b;
}
.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em;
}
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbb;
    font-weight: bold;
}
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1e5799;
    float: right;
}
.tx-powermail .powermail_form.nolabel > h3 {
    display: none;
}
.tx-powermail .powermail_fieldset.nolabel > legend {
    display: none;
}
.tx-powermail .powermail_fieldwrap.nolabel > label {
    display: none;
}
.tx-powermail .powermail_fieldwrap.nolabel > fieldset > legend {
    display: none;
}
@-webkit-keyframes progress {
    from {
    }
    to {
        width: 100%;
    }
}
@-moz-keyframes progress {
    from {
    }
    to {
        width: 100%;
    }
}
@-ms-keyframes progress {
    to {
        width: 100%;
    }
}
@keyframes progress {
    from {
    }
    to {
        width: 100%;
    }
}