.tx-powermail form { margin:0 0 25px 0; }
.tx-powermail .powermail_fieldset { margin:0; padding:25px 25px 0 25px; background:#eee; }

.tx-powermail h3, .tx-powermail legend { display:none; }

.tx-powermail .powermail_field { margin:0 0 25px 0; }
.tx-powermail .powermail_fieldwrap { clear:both; }
.tx-powermail .powermail_fieldwrap_type_text .powermail_field { width:100%; float:none; margin:0 0 20px 0; }

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

.tx-powermail .checkbox label, .tx-powermail .radio label { font-weight: 400; }
.tx-powermail .checkbox label .table-cell-input, .tx-powermail .checkbox label .table-cell-text,
.tx-powermail .radio label .table-cell-input, .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 input[type="text"], .tx-powermail input[type="email"], 
.tx-powermail input[type="tel"], .tx-powermail input[type="date"], .tx-powermail textarea { width:calc(100% - 8px); }

.tx-powermail .powermail_fieldwrap_type_submit { margin-left:0; text-align:right; }

.tx-powermail .powermail_confirmation h1 { font-size:120%; margin:20px 0; color:#565649; }
.tx-powermail .powermail_confirmation > div { font-size:1em; margin:0 0 30px 0; padding:0; border:none; }
.tx-powermail .powermail_confirmation div.powermail_all_label { margin:15px 0 0 0; }
.tx-powermail .powermail_confirmation div.powermail_all_label strong { font-weight:500; }
.tx-powermail .powermail_confirmation div.powermail_all_value { font-weight:600; }

.tx-powermail .powermail_confirmation input[type="submit"] { width:calc(50% - 48px); margin:0; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-danger { background: #ccc; font-size:110%; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-danger:hover { background: #999; }
.tx-powermail .powermail_confirmation input[type="submit"].btn-primary { }

.tx-powermail .powermail_create { background:#eee; margin:0 0 25px 0; padding:25px 15px 1px 15px; }
.tx-powermail .powermail_create p { font-size:1.125em; }

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

    .tx-powermail input[type="submit"] { width:100%; margin:40px 0; }
    .tx-powermail .checkbox label .table-cell-input, .tx-powermail .radio label .table-cell-input { padding-right:4px; }

}

/* powermail basics */
.tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
    background-color:none;
    border:none;
    width: 100%;
    float: right;
    clear: left;
    text-indent: 0;
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li {
    color: #cb003c;
    padding: 5px 0;
    list-style: none;
    background: none;
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li:before {
   content:""; padding:0;
}


.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #EBCCD1;
    color: #cb003c
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color:none;
    border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list>li {
    padding-left: 5px
}

.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_progess_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_tabmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_tabmenu>li {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    background: #eee;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #aaa
}

.tx-powermail .powermail_tabmenu>li.act {
    color: #444
}

.tx-powermail .powermail_tabmenu>li.parsley-error {
    background-color: #EBCCD1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top:50px;
}

.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%
    }
}

.xdsoft_datetimepicker {
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: white;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #333333;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: white;
    border-top: 1px solid #eee;
    color: #444;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0px;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0px
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #A94442
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1E5799;
    box-shadow: #1E5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1E5799
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1E5799;
    box-shadow: #1E5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #A94442 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}