/**
 * @version 2026-05-29
 *
 * mobile/revocation/styles.css
 *
 * Skin "mobile"
 */

/** Wizard Progress Bar **/
div.wizardRevocation.info {
   margin: 0 0 1em;
}


div.step-info {
   margin: 0 0 1em;
}

/** buttons-template **/
div.buttons-template .col-2 {
  text-align: right;
}

/** zend_form **/
dl.zend_form dt {
  width: 140px;
}

dl.zend_form dd {
  left: 140px;
}

dl.zend_form ul.errors {
    width: 400px;
}

dl.zend_form input.required {
    border: 1px solid #f00;
}

textarea#description {
    /*width: 410px;*/
    height: 140px;
}

dl.zend_form input.hasDatepicker {
    width: 70px;
    text-align: center;
}

#formRevocation dl.zend_form dd {
  width: 420px;
}

/** checkbox "firm only data" **/
dt#isFirmOnly-label {
  left: 32px;
  width: 530px;
}

dd#isFirmOnly-element {
  left: 0;
  margin-bottom: 10px;
  top: 2px;
  width: 15px !important;
}

/** button "send revocation"  **/
button[name="buttonSubmitNow"] {
    background: none repeat scroll 0 0 #0000AA;
    background: linear-gradient(#0000FF, #0000AA) repeat scroll 0 0 #0000AA;
    background: -webkit-linear-gradient(#0000FF, #0000AA) repeat scroll 0 0 #0000AA;
    background: -o-linear-gradient(#0000FF, #0000AA) repeat scroll 0 0 #0000AA;
    border: 1px solid #f5c500;

    border: 1px solid #0000AA;
    color: white;
    font-weight: 600;
    /*text-transform: uppercase;*/
}

button[name="buttonSubmitNow"] span {
    color: #fff;
}

/** revocation preview **/
div.data-revocation > div.content {
    background: #fff;
    border-top: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    margin: 0px 0px 10px 0px;
    padding: 4px 0px 4px 4px;
}

div.data-revocation #captcha-element {
    left: 146px;
}

table.label-content  td {
    padding: 4px 0px;
}
table.label-content td.col-1 {
    font-weight: 600;
    width: 140px;
}
table.label-content td.col-2 {
    width: 410px;
}

/** fieldsets-step-1 revocation **/
ul.fieldsets-step-1.revocation {
    display: none;
}

ul.fieldsets-step-1.revocation form {
    display: none;
}

ul.fieldsets-step-1.revocation li.fieldsets-step-1 {
    margin-left: 1%;
    margin-right: 2%;
    width: 47%;
}

ul.fieldsets-step-1.revocation li.fieldsets-step-1 table.label-content {
    margin-top: 2em;
}


/** fieldsets-step-2 revocation **/
ul.fieldsets-step-2.revocation {
    display: none;
}

ul.fieldsets-step-2.revocation li.fieldsets-step-2 {
    margin-left: 1%;
    margin-right: 2%;
    width: 47%;
}

ul.fieldsets-step-2.revocation > li > ul.table-2-cols  {
    margin-top: 0.5em;
}

ul.fieldsets-step-2.revocation > li > ul.table-2-cols li.label {
    text-align: left;
    width: 31%;
}

ul.fieldsets-step-2.revocation > li > ul.table-2-cols.dataprotection li.label {
	display: none;
}

ul.fieldsets-step-2.revocation > li > ul.table-2-cols.dataprotection li.value {
	width: 100%;
}

ul.fieldsets-step-2.revocation label[for="captcha-input"] {
  float: left;
  width: 31%;
  height: 83px;
  display: block;
}

/*
ul.fieldsets-step-2.revocation div.field-captcha .ym-error .ym-message {

}
*/

ul.fieldsets-step-2.revocation > li > ul.table-2-cols li.value {
    text-align: left;
    width: 68%;
}

ul.fieldsets-step-2.revocation table.revocation-positions th.col-3 {
   padding-right: 8px !important;
}


/** Field "Revocation type" (radio buttons set) **/
div.field-radio.revocationType > label {
    display: none;
}
div.field-radio.revocationType > .buttonset {
    display: flex;

    width: 100%;
}

div.field-radio.revocationType > .buttonset.ui-controlgroup-horizontal > label {
    flex-grow: 1;
}


/** div.field-ajax-fields.positions ul.form-elements **/
#positions-label label {
    position: relative;
    top: 20px;
}
/*
div.field-ajax-fields.positions {

}
*/
div.field-ajax-fields.positions ul.form-elements {
    margin-right: -10px;
    margin-bottom: 10px;
}
/*
div.field-ajax-fields.positions li {

}
*/

div.field-ajax-fields.positions li.position_number {
    /*max-width: 100px;*/
    width: 24%;
}
/*
#position_number {

}
*/


div.field-ajax-fields.positions li.position_name {
    /*max-width: 234px;*/
    width: 54%;
    margin: 0px 5px;
}
/*
#position_name {

}
*/

div.field-ajax-fields.positions li.position_quantity {
    /*max-width: 46px;*/
    width: 13%;

}
#position_quantity {
    /*width: 40px;*/
    text-align: center;
}
/*
div.field-ajax-fields.positions li.doCommand {

}
*/

div.field-ajax-fields.positions li.doCommand div.element {
    position: relative;
}

div.field-ajax-fields.positions li.doCommand div.element div.control.other {
    /*margin-top: 18px;*/
    margin-top: 1.5em;
}

div.field-ajax-fields.positions li.doCommand div.element div.control.other i[class^="fa"] {
    font-size: 2em;
}

div.field-ajax-fields.positions li.doCommand div.element div.control.other img {
    cursor: pointer;
}
div.field-ajax-fields.positions li.doCommand.addPosition {
    width: 20px;
    margin-left: 5px;
}

div.field-ajax-fields.positions div.answer {
    margin-top: -4px;
}

/** table.revocation-positions **/
table.revocation-positions {
    /*width: 415px;*/
    margin-bottom: 0.1em;
}
table.revocation-positions th {
    color: #000000;
    font-size: 8pt;
    padding: 2px 0px 2px 8px;
}

div.data-revocation.preview table.revocation-positions {
    border-bottom: 1px solid #ededed;
}
div.data-revocation.preview table.revocation-positions th {
    background-color: #EDEDED;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

div.data-revocation.preview table.revocation-positions .even {
    background-color: #f0f0f0;
}

table.revocation-positions td {
    padding: 2px 0px 2px 8px !important;
    font-weight: normal !important;
}

table.revocation-positions .col-1 {
    width: 86px !important;
}

table.revocation-positions .col-2 {
    width: auto !important;
}

table.revocation-positions .col-3 {
    width: 46px;
    text-align: center;
}

table.revocation-positions .col-4 {
    width: 36px;
    text-align: center;
}

table.revocation-positions .col-4 img {
    cursor: pointer;
}

html.touch-mode-off table.revocation-positions tr:hover i[class^="fa"],
table.revocation-positions i[class^="fa"] {
    color: #a00;
}



/** section.buttons-template navigations buttons at the bottom **/
section.buttons-template {
    width: 98%;
}

section.buttons-template button {
    margin-top: 1em;
}