/* FORMULAR items */ :focus { outline: 0; } /* TYPO3 CSS by ALX --------------------------------------------- */ form { /*max-width: 600px;*/ margin:0 auto; } fieldset { padding:0; margin: 0.250em 0; border: none; } legend { font-size:1.2em; font-weight: bold; } /* TYPO3 CSS by ALX --------------------------------------------- */ /* Labels */ label { display: inline-block; } label{ margin: .2em 0; } /* remove standard-styles */ form input, form button, form select, form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em; font-family: inherit; } form input[type='text'], form input[type='email'], form input[type='search'], form input[type='password'], form select, textarea { width: 100%; } /* Input & Textarea */ form input, form button, form textarea { background-color:white; border: 1px solid #bbb; padding:.75em 1em .5em 1em; } textarea { resize:vertical; } form input:hover, form input:active, form button:hover, form button:active, form textarea:hover, form textarea:active { border:1px solid #666; } /* Select */ form select { width:100%; border: 1px solid #bbb; padding:.75em 1em .5em 1em; /*box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);*/ background-color:white; background-image: url('../Icons/Form/select-arrow.png'); background-size: 1.50em; background-position: 97.25% 50.00% ; background-repeat: no-repeat; } form select:hover { /*box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);*/ } /* Hide browser-styling in IE10 */ select::-ms-expand { display:none; } /* Hide custom-icons in lower versions of Internet Explorer (< IE10). */ .lt-ie10 select { background-image: none; } /* graceful degradation for ie8 */ form input[type='checkbox'], form input[type='radio'] { width:auto; float:left; margin-right: .75em; background:transparent; border:none; } /* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */ /* hide standard inputs */ form input[type='checkbox']:checked, form input[type='checkbox']:not(:checked), form input[type='radio']:checked, form input[type='radio']:not(:checked) { background: transparent; position: relative; visibility: hidden; margin:0; padding:0; } form input[type='checkbox'] + label, form input[type='radio'] + label { cursor: pointer; } /* add custom inputs with ::before */ form input[type='checkbox']:checked + label::before, form input[type='checkbox']:not(:checked) + label::before, form input[type='radio']:checked + label::before, form input[type='radio']:not(:checked) + label::before { content:' '; display:inline-block; width: 17px; height:17px; position: relative; top:4px; border: 1px solid #bbb; background: white; margin-right: 1em; /*box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);*/ } form input[type=radio]:checked + label::before, form input[type=radio]:not(:checked) + label::before { border-radius: 30px; } form input[type='checkbox']:hover + label::before, form input[type='radio']:hover + label::before { background:#ddd; /*box-shadow: inset 0 0 0 2px white;*/ } form input[type='checkbox']:checked + label::before, form input[type='radio']:checked + label::before { background-color: rgb(200,0,0); } /* TYPO3 CSS by ALX --------------------------------------------- */ /* TYPO3 CSS by ALX --------------------------------------------- */ /* TYPO3 CSS by ALX --------------------------------------------- */ .tx-powermail div.powermail_fieldwrap { margin: 0.50em 0; } .tx-powermail label.hide-label { display: none; } .tx-powermail input, .tx-powermail textarea, .tx-powermail div.checkbox { background-color: white; border: 1px solid #bbb; padding: 0.50em; } .tx-powermail input.powermail_submit { color: rgb(238,232,222); background-color: rgba(200,0,0,1.00); border-color: rgba(200,0,0,1.00); border-radius: 0.50rem; font-size: 1.25em; } /* TYPO3 CSS by ALX --------------------------------------------- */ .tx-powermail ul.powermail-errors-list { list-style-type: none; padding: 0 0 0 1.00em; } .tx-powermail ul.powermail-errors-list li /*,.tx-powermail ul.parsley-errors-list li.parsley-custom-error-message */ { border-style: none none solid solid; border-width: 0 0 1px 1px; border-color: rgb(200,0,0); color: rgb(200,0,0); padding: 0.25em 1.00em; margin: 0.50em 0 0.50em 1.00em; position: relative; font-size: 0.80em; } .tx-powermail ul.powermail-errors-list li:before /*,.tx-powermail ul.parsley-errors-list li.parsley-custom-error-message:before*/ { content: ''; position: absolute; left: -0.25em; top: 0; border-style: none solid solid solid; border-width: 0 0.250em 0.50em 0.250em; border-color: rgb(200,0,0) transparent; } /* TYPO3 CSS by ALX --------------------------------------------- */ .tx-powermail .powermail_progressbar { border: 1px solid rgba(200,0,0,0.50); border-radius: 0.25em; margin: 1.00em 0; overflow: hidden; } .tx-powermail .powermail_progressbar, .tx-powermail .powermail_progressbar .powermail_progress, .tx-powermail .powermail_progressbar .powermail_progress .powermail_progess_inner { height: 20px; } .tx-powermail .powermail_progressbar .powermail_progress { background-color: rgba(200,0,0,0.50); width: 0%; max-width: 100%; -webkit-animation:progress 2s 1 forwards; -moz-animation:progress 2s 1 forwards; -ms-animation:progress 2s 1 forwards; animation:progress 2s 1 forwards } .tx-powermail .powermail_progressbar .powermail_progress .powermail_progess_inner { background-image: url("../../../../powermail/Resources/Public/Image/icon_loading.gif"); } .tx-powermail .powermail_confirmation .powermail_progressbar{ width: 100% } @-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%}} /* TYPO3 CSS by ALX --------------------------------------------- */ .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}