/*
TODO:
When flash.less is fixed these two can be removed.
Waiting for jaclyne feedback

./branding/flash.less:90:      background-color:@red;
./branding/flash.less:96:      background-color:@red-secondary;
*/
/* TODO: The colors below should be removed */
/* Signview header */
.icon.initiated {
  background-color: #d2793a;
}
.icon.sent {
  background-color: #eca74d;
}
.icon.delivered {
  background-color: #e7d875;
}
.icon.opened {
  background-color: #62c3de;
}
.icon.read {
  background-color: #54b588;
}
.icon.signed {
  background-color: #4c4c4c;
}
.icon.approved {
  background-color: #4c4c4c;
}
.icon.rejected {
  background-color: #d64845;
}
.icon.cancelled {
  background-color: #d64845;
}
.icon.timeouted {
  background-color: #d64845;
}
.icon.prolonged {
  background-color: #54b588;
}
.icon.problem,
.icon.deliveryproblem {
  background-color: #d64845;
}
.icon.draft {
  background-color: #b2b2b2;
}
.icon.template {
  background-color: #b2b2b2;
}
.icon.sealed {
  background-color: #4c4c4c;
}
.icon.extended {
  background-color: #4c4c4c;
}
.icon.authenticationview {
  background-color: #62c3de;
}
.icon.authenticated {
  background-color: #62c3de;
}
.icon.confirmationdeliveryproblem {
  background-color: #4c4c4c;
}
.design-view-action-participant-info-color.participant-1 {
  background-color: #ff3377;
}
.design-view-action-participant-info-color.participant-2 {
  background-color: #009999;
}
.design-view-action-participant-info-color.participant-3 {
  background-color: #ffd700;
}
.design-view-action-participant-info-color.participant-4 {
  background-color: #7908aa;
}
.design-view-action-participant-info-color.participant-5 {
  background-color: #53df00;
}
.design-view-action-participant-info-color.participant-6 {
  background-color: #990000;
}
.signatureBox.ui-draggable-dragging {
  border: 2px solid #ff3377;
}
/* Default for checkbox can't be inlined in SVG*/
.placedcheckbox .full-color {
  fill: #000000;
}
.placedcheckbox .transparent-color {
  fill: #ffffff;
  stroke: #000000;
}
.signatory-field-1.placedfieldvalue.value {
  border-color: #ff3377;
}
.signatory-field-1.signatureBox {
  border: 2px solid #ff3377;
}
.signatory-field-1.placedcheckbox .full-color {
  fill: #ff3377;
}
.signatory-field-1.placedcheckbox .transparent-color {
  fill: rgba(255, 255, 255, 0);
  stroke: #ff3377;
}
.signatory-field-1.placedcheckbox.needs-sender-action .transparent-color {
  fill: rgba(255, 51, 119, 0.4);
}
.signatory-field-1.placedcheckbox .checkbox-wrapper {
  background-color: #ff3377;
}
.signatory-field-1.radiogroup .background {
  border-color: #ff3377;
}
.signatory-field-1.radiogroup .control .radiobutton {
  background-color: #ff3377;
}
.signatory-field-1.radiogroup .control.highlighted .radiobutton-wrapper .radiobutton,
.signatory-field-1.radiogroup .control:hover .radiobutton-wrapper .radiobutton,
.signatory-field-1.radiogroup .control.ui-draggable-dragging .radiobutton-wrapper .radiobutton {
  box-shadow: 0px 0px 10px 0px rgba(255, 51, 119, 0.4);
}
.signatory-field-1.radiogroup .control.add-button > svg.icon {
  box-shadow: 0px 0px 10px 0px rgba(255, 51, 119, 0.4);
}
.signatory-field-1.radiogroup .control.add-button > svg.icon #border {
  stroke: #ff3377;
}
.signatory-field-1.radiogroup .control.add-button > svg.icon #plus {
  fill: #ff3377;
}
.signatory-field-1.text-field-placement-setter-field-editor {
  border: 2px solid #ff3377;
}
.signatory-field-1.text-field-placement-setter-field-editor:hover {
  border: 2px solid #ff6699;
}
.signatory-field-1.text-field-placement-setter-field-name .info-text-input {
  border: 2px solid #ff3377;
}
.signatory-field-1.text-field-placement-setter-field-name .info-text-input:hover {
  border: 2px solid #ff6699;
}
.signatory-field-1.text-field-placement-setter-field-field-selector {
  border: 2px solid #ff3377;
}
.signatory-field-2.placedfieldvalue.value {
  border-color: #009999;
}
.signatory-field-2.signatureBox {
  border: 2px solid #009999;
}
.signatory-field-2.placedcheckbox .full-color {
  fill: #009999;
}
.signatory-field-2.placedcheckbox .transparent-color {
  fill: rgba(255, 255, 255, 0);
  stroke: #009999;
}
.signatory-field-2.placedcheckbox.needs-sender-action .transparent-color {
  fill: rgba(0, 153, 153, 0.4);
}
.signatory-field-2.placedcheckbox .checkbox-wrapper {
  background-color: #009999;
}
.signatory-field-2.radiogroup .background {
  border-color: #009999;
}
.signatory-field-2.radiogroup .control .radiobutton {
  background-color: #009999;
}
.signatory-field-2.radiogroup .control.highlighted .radiobutton-wrapper .radiobutton,
.signatory-field-2.radiogroup .control:hover .radiobutton-wrapper .radiobutton,
.signatory-field-2.radiogroup .control.ui-draggable-dragging .radiobutton-wrapper .radiobutton {
  box-shadow: 0px 0px 10px 0px rgba(0, 153, 153, 0.4);
}
.signatory-field-2.radiogroup .control.add-button > svg.icon {
  box-shadow: 0px 0px 10px 0px rgba(0, 153, 153, 0.4);
}
.signatory-field-2.radiogroup .control.add-button > svg.icon #border {
  stroke: #009999;
}
.signatory-field-2.radiogroup .control.add-button > svg.icon #plus {
  fill: #009999;
}
.signatory-field-2.text-field-placement-setter-field-editor {
  border: 2px solid #009999;
}
.signatory-field-2.text-field-placement-setter-field-editor:hover {
  border: 2px solid #00cccc;
}
.signatory-field-2.text-field-placement-setter-field-name .info-text-input {
  border: 2px solid #009999;
}
.signatory-field-2.text-field-placement-setter-field-name .info-text-input:hover {
  border: 2px solid #00cccc;
}
.signatory-field-2.text-field-placement-setter-field-field-selector {
  border: 2px solid #009999;
}
.signatory-field-3.placedfieldvalue.value {
  border-color: #ffd700;
}
.signatory-field-3.signatureBox {
  border: 2px solid #ffd700;
}
.signatory-field-3.placedcheckbox .full-color {
  fill: #ffd700;
}
.signatory-field-3.placedcheckbox .transparent-color {
  fill: rgba(255, 255, 255, 0);
  stroke: #ffd700;
}
.signatory-field-3.placedcheckbox.needs-sender-action .transparent-color {
  fill: rgba(255, 215, 0, 0.4);
}
.signatory-field-3.placedcheckbox .checkbox-wrapper {
  background-color: #ffd700;
}
.signatory-field-3.radiogroup .background {
  border-color: #ffd700;
}
.signatory-field-3.radiogroup .control .radiobutton {
  background-color: #ffd700;
}
.signatory-field-3.radiogroup .control.highlighted .radiobutton-wrapper .radiobutton,
.signatory-field-3.radiogroup .control:hover .radiobutton-wrapper .radiobutton,
.signatory-field-3.radiogroup .control.ui-draggable-dragging .radiobutton-wrapper .radiobutton {
  box-shadow: 0px 0px 10px 0px rgba(255, 215, 0, 0.4);
}
.signatory-field-3.radiogroup .control.add-button > svg.icon {
  box-shadow: 0px 0px 10px 0px rgba(255, 215, 0, 0.4);
}
.signatory-field-3.radiogroup .control.add-button > svg.icon #border {
  stroke: #ffd700;
}
.signatory-field-3.radiogroup .control.add-button > svg.icon #plus {
  fill: #ffd700;
}
.signatory-field-3.text-field-placement-setter-field-editor {
  border: 2px solid #ffd700;
}
.signatory-field-3.text-field-placement-setter-field-editor:hover {
  border: 2px solid #ffdf33;
}
.signatory-field-3.text-field-placement-setter-field-name .info-text-input {
  border: 2px solid #ffd700;
}
.signatory-field-3.text-field-placement-setter-field-name .info-text-input:hover {
  border: 2px solid #ffdf33;
}
.signatory-field-3.text-field-placement-setter-field-field-selector {
  border: 2px solid #ffd700;
}
.signatory-field-4.placedfieldvalue.value {
  border-color: #7908aa;
}
.signatory-field-4.signatureBox {
  border: 2px solid #7908aa;
}
.signatory-field-4.placedcheckbox .full-color {
  fill: #7908aa;
}
.signatory-field-4.placedcheckbox .transparent-color {
  fill: rgba(255, 255, 255, 0);
  stroke: #7908aa;
}
.signatory-field-4.placedcheckbox.needs-sender-action .transparent-color {
  fill: rgba(121, 8, 170, 0.4);
}
.signatory-field-4.placedcheckbox .checkbox-wrapper {
  background-color: #7908aa;
}
.signatory-field-4.radiogroup .background {
  border-color: #7908aa;
}
.signatory-field-4.radiogroup .control .radiobutton {
  background-color: #7908aa;
}
.signatory-field-4.radiogroup .control.highlighted .radiobutton-wrapper .radiobutton,
.signatory-field-4.radiogroup .control:hover .radiobutton-wrapper .radiobutton,
.signatory-field-4.radiogroup .control.ui-draggable-dragging .radiobutton-wrapper .radiobutton {
  box-shadow: 0px 0px 10px 0px rgba(121, 8, 170, 0.4);
}
.signatory-field-4.radiogroup .control.add-button > svg.icon {
  box-shadow: 0px 0px 10px 0px rgba(121, 8, 170, 0.4);
}
.signatory-field-4.radiogroup .control.add-button > svg.icon #border {
  stroke: #7908aa;
}
.signatory-field-4.radiogroup .control.add-button > svg.icon #plus {
  fill: #7908aa;
}
.signatory-field-4.text-field-placement-setter-field-editor {
  border: 2px solid #7908aa;
}
.signatory-field-4.text-field-placement-setter-field-editor:hover {
  border: 2px solid #9c0adb;
}
.signatory-field-4.text-field-placement-setter-field-name .info-text-input {
  border: 2px solid #7908aa;
}
.signatory-field-4.text-field-placement-setter-field-name .info-text-input:hover {
  border: 2px solid #9c0adb;
}
.signatory-field-4.text-field-placement-setter-field-field-selector {
  border: 2px solid #7908aa;
}
.signatory-field-5.placedfieldvalue.value {
  border-color: #53df00;
}
.signatory-field-5.signatureBox {
  border: 2px solid #53df00;
}
.signatory-field-5.placedcheckbox .full-color {
  fill: #53df00;
}
.signatory-field-5.placedcheckbox .transparent-color {
  fill: rgba(255, 255, 255, 0);
  stroke: #53df00;
}
.signatory-field-5.placedcheckbox.needs-sender-action .transparent-color {
  fill: rgba(83, 223, 0, 0.4);
}
.signatory-field-5.placedcheckbox .checkbox-wrapper {
  background-color: #53df00;
}
.signatory-field-5.radiogroup .background {
  border-color: #53df00;
}
.signatory-field-5.radiogroup .control .radiobutton {
  background-color: #53df00;
}
.signatory-field-5.radiogroup .control.highlighted .radiobutton-wrapper .radiobutton,
.signatory-field-5.radiogroup .control:hover .radiobutton-wrapper .radiobutton,
.signatory-field-5.radiogroup .control.ui-draggable-dragging .radiobutton-wrapper .radiobutton {
  box-shadow: 0px 0px 10px 0px rgba(83, 223, 0, 0.4);
}
.signatory-field-5.radiogroup .control.add-button > svg.icon {
  box-shadow: 0px 0px 10px 0px rgba(83, 223, 0, 0.4);
}
.signatory-field-5.radiogroup .control.add-button > svg.icon #border {
  stroke: #53df00;
}
.signatory-field-5.radiogroup .control.add-button > svg.icon #plus {
  fill: #53df00;
}
.signatory-field-5.text-field-placement-setter-field-editor {
  border: 2px solid #53df00;
}
.signatory-field-5.text-field-placement-setter-field-editor:hover {
  border: 2px solid #6bff13;
}
.signatory-field-5.text-field-placement-setter-field-name .info-text-input {
  border: 2px solid #53df00;
}
.signatory-field-5.text-field-placement-setter-field-name .info-text-input:hover {
  border: 2px solid #6bff13;
}
.signatory-field-5.text-field-placement-setter-field-field-selector {
  border: 2px solid #53df00;
}
.signatory-field-6.placedfieldvalue.value {
  border-color: #990000;
}
.signatory-field-6.signatureBox {
  border: 2px solid #990000;
}
.signatory-field-6.placedcheckbox .full-color {
  fill: #990000;
}
.signatory-field-6.placedcheckbox .transparent-color {
  fill: rgba(255, 255, 255, 0);
  stroke: #990000;
}
.signatory-field-6.placedcheckbox.needs-sender-action .transparent-color {
  fill: rgba(153, 0, 0, 0.4);
}
.signatory-field-6.placedcheckbox .checkbox-wrapper {
  background-color: #990000;
}
.signatory-field-6.radiogroup .background {
  border-color: #990000;
}
.signatory-field-6.radiogroup .control .radiobutton {
  background-color: #990000;
}
.signatory-field-6.radiogroup .control.highlighted .radiobutton-wrapper .radiobutton,
.signatory-field-6.radiogroup .control:hover .radiobutton-wrapper .radiobutton,
.signatory-field-6.radiogroup .control.ui-draggable-dragging .radiobutton-wrapper .radiobutton {
  box-shadow: 0px 0px 10px 0px rgba(153, 0, 0, 0.4);
}
.signatory-field-6.radiogroup .control.add-button > svg.icon {
  box-shadow: 0px 0px 10px 0px rgba(153, 0, 0, 0.4);
}
.signatory-field-6.radiogroup .control.add-button > svg.icon #border {
  stroke: #990000;
}
.signatory-field-6.radiogroup .control.add-button > svg.icon #plus {
  fill: #990000;
}
.signatory-field-6.text-field-placement-setter-field-editor {
  border: 2px solid #990000;
}
.signatory-field-6.text-field-placement-setter-field-editor:hover {
  border: 2px solid #cc0000;
}
.signatory-field-6.text-field-placement-setter-field-name .info-text-input {
  border: 2px solid #990000;
}
.signatory-field-6.text-field-placement-setter-field-name .info-text-input:hover {
  border: 2px solid #cc0000;
}
.signatory-field-6.text-field-placement-setter-field-field-selector {
  border: 2px solid #990000;
}