html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.clear {
  clear: both;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.nodisplay {
  display: none;
}
.hideContent span {
  display: none;
}
.plainlist {
  margin: 10px 0;
  list-style: none;
}
.formContainer {
  border: none;
}
.formField {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
.text-bold {
  font-weight: bold;
}
.w-50 {
  width: 50%;
}
.w-100 {
  width: 100%;
}
.h-5 {
  height: 5rem;
}
.spriteElement {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
}
.spriteBtnEntrar {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 201px;
  height: 70px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
}
.spriteBtnBuscar {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 161px;
  height: 70px;
  background-position: 0 -150px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
}
.button-small {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
}
.checked {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
}
.unchecked {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
}
.add {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -90px;
}
.remove {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -45px;
}
.btnBack {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  width: 32px;
  height: 32px;
  background-position: -165px -150px;
}
.working {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -180px;
}
.btnNote {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -250px -45px;
}
.bell {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  width: auto;
  min-width: 40px;
  background-position: -165px -185px;
}
.spriteListElement {
  padding-left: 30px;
  background-image: url(style1/spriteListIcons.png);
  background-repeat: no-repeat;
  background-size: 20px 70px;
  background-position: 8px 11px;
}
.spriteListItemPackage {
  padding-left: 30px;
  background-image: url(style1/spriteListIcons.png);
  background-repeat: no-repeat;
  background-size: 20px 70px;
  background-position: 8px 11px;
}
.spriteListItemBatch {
  padding-left: 30px;
  background-image: url(style1/spriteListIcons.png);
  background-repeat: no-repeat;
  background-size: 20px 70px;
  background-position: 8px 11px;
  background-position: 8px -37px;
}
.indications {
  padding: 0 10px;
  text-align: center;
}
.ribbon-element {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
}
.ribbon-title {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
}
.ribbon-button {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-radius: 0;
}
.details-view .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.details-view input[type=checkbox] + label,
.details-view input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.list-button {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.list-button:hover {
  border-color: #F0800F;
}
.hidden-labels label {
  display: none;
}
.element-form #dvListContainer .element-item {
  padding: 10px 0;
}
.element-form #dvListContainer input {
  float: left;
  display: block;
  margin-right: 2px;
}
.element-form #dvForm .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.element-form #dvForm input[type=checkbox] + label,
.element-form #dvForm input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.element-form #dvForm input[type="number"] {
  width: 50px;
}
.element-form #dvForm button {
  float: left;
  width: 58%;
  line-height: 40px;
  background: #F0800F;
  color: #FFF;
  border-radius: 8px;
  border: none;
  text-align: left;
}
.element-form #dvForm .stepper-button {
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 3px;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 10px;
  text-align: center;
}
.element-form #dvForm .stepper-button:hover {
  border-color: #F0800F;
}
.element-form #dvForm .stepper-button.disabled {
  opacity: 0.7;
}
.element-form #dvForm .remove {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -45px;
  margin-right: 0;
}
.element-form #dvForm .note {
  width: 95%;
  margin-top: 4px;
}
.element-form #dvForm #btnAddRow {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -90px;
  margin: 10px 0 20px;
}
.element-form #dvForm h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.element-form #unibox-invisible {
  display: none;
}
.element-form #unibox-suggest-box {
  position: fixed;
  left: auto !important;
  right: 0;
  top: 70px !important;
  bottom: 0;
  width: 320px !important;
  max-width: 320px !important;
  background-color: transparent;
}
.element-form #unibox-suggest-box h4 {
  display: none;
}
.element-form #unibox-suggest-box img {
  display: none;
}
.element-form #unibox-suggest-box .controls.bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 320px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
}
.element-form .controls.bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 320px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
}
#dvElementSelector {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  z-index: 200;
  padding-bottom: 98px;
  background-color: #2C69AA;
  border-left: 1px solid #CCC;
}
#dvElementSelector .checkbox-element {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
#dvElementSelector label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
  margin-bottom: 4px;
}
#dvElementSelector label.validation .number {
  font-weight: bold;
}
#dvElementSelector input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
#dvElementSelector .validation .content {
  display: inline-block;
  width: 100%;
  line-height: 1.25;
  padding: 0 5px;
  background-color: #F0800F;
  border-radius: 10px;
}
#dvElementSelector input[type=checkbox] {
  visibility: hidden;
  float: right;
}
#dvElementSelector #btnCloseElementSelector {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  width: 32px;
  height: 32px;
  background-position: -165px -150px;
}
#dvElementSelector .selector-toolbar-button {
  width: 100%;
  line-height: 1;
  margin: 0;
  padding: 10px 5px;
  box-sizing: border-box;
  background-color: #F0800F;
  color: #FFF;
  border-radius: 0;
  border: none;
}
#dvElementSelector #btnNewElement {
  width: 100%;
  line-height: 1;
  margin: 0;
  padding: 10px 5px;
  box-sizing: border-box;
  background-color: #F0800F;
  color: #FFF;
  border-radius: 0;
  border: none;
  text-align: left;
}
#dvElementSelector #btnAddElements {
  width: 100%;
  line-height: 1;
  margin: 0;
  padding: 10px 5px;
  box-sizing: border-box;
  background-color: #F0800F;
  color: #FFF;
  border-radius: 0;
  border: none;
}
#dvElementSelector input {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
#dvElementSelector input[type=checkbox] {
  display: none;
}
#dvElementSelector input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -90px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
#dvElementSelector ul {
  height: 100%;
  padding: 5px 10px;
  margin: 0 0 50px;
  overflow-y: scroll;
}
#dvElementSelector .validation .content {
  padding: 9px 5px;
}
#dvElementSelector .controls {
  margin: 0;
  padding: 10px;
  background: #FFF;
}
#dvElementSelector .controls.bottom {
  padding: 0;
}
#orderOptionsMenu li a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
#orderOptionsMenu li a:hover {
  border-color: #F0800F;
}
body {
  padding: 0;
  margin: 0;
}
body,
input,
textarea {
  font: medium / 1.1em 'Archivo Narrow', Tahoma, Helvetica, Arial, sans-serif;
}
#dvAmxMensajes .amx_messages .message {
  width: 60%;
  min-height: 20px;
  margin: 2px auto;
  padding: 5px;
  text-align: center;
  color: #400000;
  border-radius: 4px;
}
#dvAmxMensajes .amx_messages .info {
  background: #06A60A;
}
#dvAmxMensajes .amx_messages .warning {
  background: #F0B70A;
}
#dvAmxMensajes .amx_messages .error {
  background: #CB2A05;
}
.stepper-button {
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 3px;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 10px;
  text-align: center;
}
.stepper-button:hover {
  border-color: #F0800F;
}
.stepper-button.disabled {
  opacity: 0.7;
}
#page {
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 0 auto 60px;
  text-align: center;
}
#page header {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#page header h1 {
  display: none;
}
#page h2 {
  text-align: center;
  font-size: 2em;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
}
#page h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
}
#page section {
  width: 100%;
  padding: 10px 0;
  text-align: left;
  background-color: #2C69AA;
  color: #FFF;
}
#page a.button.back {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  width: 32px;
  height: 32px;
  background-position: -165px -150px;
  position: absolute;
  left: 10px;
  top: 20px;
}
#page .formContainer {
  width: 94%;
  padding: 10px;
  max-width: 100%;
}
#page .formContainer .note {
  display: block;
  margin: 0.3em 0;
  text-indent: 1em;
  font-size: 0.8em;
  letter-spacing: 0.03em;
  font-weight: normal;
}
#page form input[type=checkbox],
#page form input[type=radio],
#page form input[type=checkbox] + label,
#page form input[type=radio] + label {
  display: inline-block;
  width: auto;
}
#page form input[type=text] {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
#page form input[type=password] {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
#page form input[type=number] {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
  width: 70px;
  height: 100%;
}
#page form input[type=email] {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
#page form input[type=tel] {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
#page form textarea {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
  line-height: 1.2;
}
#page form .notes-container.editable {
  line-height: 40px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
  padding: 0 5px;
  position: relative;
  top: 3px;
}
#page form .notes-list {
  line-height: 1.2;
  font-size: 0.9em;
  margin: 0 0 0 25px;
}
#page form span.field {
  display: inline-block;
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
#page form .toggle-note {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -250px -45px;
  position: absolute;
  right: 0;
  top: 25px;
}
#page form .controls {
  margin: 20px 0;
  padding: 5px;
  background: transparent;
}
#page form .controls input[type=submit] {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 5px;
  margin: 0 5px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  border: none;
  border-radius: 0;
  color: inherit;
  text-transform: uppercase;
}
.detail-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.65);
  text-align: center;
  box-shadow: 0px 0px 5px 0px #555;
}
.detail-toolbar .next {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  border-color: #F0800F;
}
.detail-toolbar .next:hover {
  border-color: #F0800F;
}
.login .indications {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  padding: 0;
  margin-left: -10px;
}
.login #dvLogin label {
  display: none;
}
.login #dvLogin ul {
  text-align: center;
}
.login #dvLogin li input {
  text-align: center;
  font-size: 1.2em;
}
.login #dvLogin .controls {
  margin: 10px 0 -60px;
}
.login #dvLogin #btnEntrar {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 201px;
  height: 70px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
}
#dvMenus {
  position: absolute;
  top: 20px;
  width: 100%;
  text-align: right;
}
#dvMenus .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  cursor: pointer;
}
#dvMenus .userIcon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  cursor: pointer;
  font-size: 2em;
  color: #2C69AA;
}
#dvMenus .notificationsIcon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  cursor: pointer;
  position: relative;
  top: 9px;
  width: auto;
}
#dvMenus .notificationsIcon label {
  display: inline-block;
  text-indent: 22px;
  text-align: left;
}
#dvMenus .notificationsIcon .counter {
  background: #d71212;
  border-radius: 3px;
  padding: 2px;
  color: white;
}
#dvMenus .menu {
  position: absolute;
  right: 0;
  top: 40px;
  width: 240px;
}
#dvMenus .menu a {
  display: block;
  padding: 10px;
}
#dvMenus .menu a:hover,
#dvMenus .menu a:active {
  background: #F0800F;
  color: #FFF;
}
#dvMenus .menu input[type=checkbox] {
  display: none;
}
#dvMenus .menu input[type=checkbox] + .menuContent {
  display: none;
}
#dvMenus .menu input[type=checkbox]:checked + .menuContent {
  display: block;
}
#dvMenus .menu .menuContent {
  margin-top: 10px;
  background: #FFF;
  border: 1px solid #2C69AA;
  text-align: left;
}
#dvMenus .menu .menuContent .userInfo {
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #2C69AA;
}
#dvMenus .menu .menuContent .name {
  font-weight: bold;
}
#dvMenus .menu .menuContent .email {
  font-size: 0.8em;
}
#dvTaskList,
#dvModulesList {
  text-align: left;
}
#dvTaskList li a,
#dvModulesList li a {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  margin: 20px 0;
  text-decoration: none;
}
#dvTaskList li a:visited,
#dvModulesList li a:visited {
  color: #FFF;
}
.code-image {
  text-align: center;
  margin-top: 5px;
}
.code-image img {
  border-radius: 5px;
}
.searchbar {
  width: 95%;
  max-width: 300px;
  margin: 0 auto;
}
.searchbar input[type=text] {
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
  float: none;
  display: inline-block;
  width: 40%;
}
.searchbar input[type=submit] {
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  margin: 0 auto;
  width: 161px;
  height: 70px;
  background-position: 0 -150px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  float: none;
  display: inline-block;
  border-radius: 10px;
}
.orden form li input {
  width: 100%;
}
.orden .qr_code {
  text-align: center;
}
.orden .searchbar input[type=text] {
  width: 100%;
}
.orden .bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
  background: FFF;
  background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
  text-align: center;
}
.orden #dvToolbar input[type=text] {
  width: 100%;
}
.orden #customerSelector {
  position: relative;
}
.orden #customerSelector .label {
  width: 100%;
}
.orden #customerSelector .searchbar {
  width: 100%;
  max-width: none;
}
.orden #customerListContainer {
  position: absolute;
  width: 100%;
}
.orden #customerListContainer .header .label {
  width: 100%;
}
.orden #customerListContainer .plainlist li {
  padding: 0;
  margin: 0;
}
.orden #customerListContainer .plainlist a {
  margin: 0;
  padding: 5px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0;
  width: 100%;
}
.orden #customerListContainer .plainlist a:hover {
  background: #CCC;
}
.orden #dvForm {
  max-width: 500px;
  padding: 0;
}
.orden #dvForm .toolbar {
  text-align: right;
}
.orden #dvForm .toolbar .button {
  float: none;
}
.orden #dvForm label {
  display: inline-block;
}
.orden #dvForm select {
  width: 390px;
}
.orden #dvForm a.add {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-radius: 0;
  float: right;
}
.orden #dvForm a.edit {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-radius: 0;
  float: right;
}
.orden #dvDetail #dvListContainer .element-item {
  padding: 10px 0;
}
.orden #dvDetail #dvListContainer input {
  float: left;
  display: block;
  margin-right: 2px;
}
.orden #dvDetail #dvForm .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.orden #dvDetail #dvForm input[type=checkbox] + label,
.orden #dvDetail #dvForm input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.orden #dvDetail #dvForm input[type="number"] {
  width: 50px;
}
.orden #dvDetail #dvForm button {
  float: left;
  width: 58%;
  line-height: 40px;
  background: #F0800F;
  color: #FFF;
  border-radius: 8px;
  border: none;
  text-align: left;
}
.orden #dvDetail #dvForm .stepper-button {
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 3px;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 10px;
  text-align: center;
}
.orden #dvDetail #dvForm .stepper-button:hover {
  border-color: #F0800F;
}
.orden #dvDetail #dvForm .stepper-button.disabled {
  opacity: 0.7;
}
.orden #dvDetail #dvForm .remove {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -45px;
  margin-right: 0;
}
.orden #dvDetail #dvForm .note {
  width: 95%;
  margin-top: 4px;
}
.orden #dvDetail #dvForm #btnAddRow {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -90px;
  margin: 10px 0 20px;
}
.orden #dvDetail #dvForm h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.orden #dvDetail #unibox-invisible {
  display: none;
}
.orden #dvDetail #unibox-suggest-box {
  position: fixed;
  left: auto !important;
  right: 0;
  top: 70px !important;
  bottom: 0;
  width: 320px !important;
  max-width: 320px !important;
  background-color: transparent;
}
.orden #dvDetail #unibox-suggest-box h4 {
  display: none;
}
.orden #dvDetail #unibox-suggest-box img {
  display: none;
}
.orden #dvDetail #unibox-suggest-box .controls.bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 320px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
}
.orden #dvDetail .controls.bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 320px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
}
.orden #dvDetail .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.orden #dvDetail input[type=checkbox] + label,
.orden #dvDetail input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.orden #dvDetail h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.orden #dvDetail #dvListProcedures a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.orden #dvDetail #dvListProcedures a:hover {
  border-color: #F0800F;
}
.orden #dvDetail .controls a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.orden #dvDetail .controls a:hover {
  border-color: #F0800F;
}
.orden #dvDetail #dvListBatches {
  position: relative;
  display: flex;
}
.orden #dvDetail #dvListBatches .section {
  display: inline-block;
  width: 30%;
  padding: 5px;
  margin: 5px;
  background-color: #F0800F;
}
.orden #dvDetail #dvListBatches p {
  margin: 0;
  margin-top: 10px;
}
.orden #dvDetail #dvListBatches ul {
  padding: 0;
  margin: 0;
  margin-left: 10px;
}
.orden #dvDetail #dvListBatches ul li {
  margin: 0;
}
.orden #dvDetail #dvListBatches .label {
  font-weight: bold;
}
.orden #dvDetail #dvListBatches a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  display: block;
}
.orden #dvDetail #dvListBatches a:hover {
  border-color: #F0800F;
}
.orden #dvDetail #dvListBatches .controls ul.plainlist {
  margin: 0;
}
.orden #dvDetail #dvListBatches .controls ul.plainlist li {
  padding: 0;
}
.orden #dvDetail #dvListBatches .controls ul.plainlist a {
  margin: 2px 0;
}
.orden #dvDetail input[type="checkbox"] + label,
.orden #dvDetail .orden #dvDetail input[type="radio"] + label {
  width: 100%;
}
.orden #dvDetail #dvForm button {
  float: none;
}
.orden #dvDetail #dvListContainer input {
  float: none;
  display: inline-block;
}
.orden #dvProcedures a {
  text-decoration: none;
}
.orden #dvList {
  padding-left: 10px;
  text-align: left;
}
.orden #dvList h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.orden #dvList ul {
  margin: 10px 0;
  list-style: none;
}
.orden #dvList ul .package a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  padding-left: 30px;
  background-image: url(style1/spriteListIcons.png);
  background-repeat: no-repeat;
  background-size: 20px 70px;
  background-position: 8px 11px;
}
.orden #dvList ul .package a:hover {
  border-color: #F0800F;
}
.orden #dvList ul .batch a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  padding-left: 30px;
  background-image: url(style1/spriteListIcons.png);
  background-repeat: no-repeat;
  background-size: 20px 70px;
  background-position: 8px 11px;
  background-position: 8px -37px;
}
.orden #dvList ul .batch a:hover {
  border-color: #F0800F;
}
.orden #dvList ul .batch a .description {
  font-size: 0.8em;
}
.lote #dvDetail h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.lote #dvDetail a {
  text-decoration: none;
}
.lote #dvDetail .information .plainlist .label {
  width: 160px;
}
#bulletLooper.looper.slide div.looper-inner {
  max-width: 500px;
  margin-left: 50px;
}
#bulletLooper.looper.slide div.looper-inner div.item ul.plainlist li.notas .text {
  position: relative;
  top: -1em;
  left: 110px;
}
#bulletLooper.looper.slide nav a.looper-control {
  background-image: url(style1/spriteSlider.png);
  background-repeat: no-repeat;
  background-size: 20px 85px;
  background-position: 8px 5px;
}
#bulletLooper.looper.slide nav a.looper-control span {
  display: none;
}
#bulletLooper.looper.slide nav a.looper-control.right {
  background-position: 10px -44px;
}
#dvNote {
  margin-top: 60px;
}
#dvNote .label {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
#dvNote textarea {
  width: 100%;
  height: 10em;
}
.recoleccion .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.recoleccion input[type=checkbox] + label,
.recoleccion input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.recoleccion #dvListContainer .element-item {
  padding: 10px 0;
}
.recoleccion #dvListContainer input {
  float: left;
  display: block;
  margin-right: 2px;
}
.recoleccion #dvForm .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.recoleccion #dvForm input[type=checkbox] + label,
.recoleccion #dvForm input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.recoleccion #dvForm input[type="number"] {
  width: 50px;
}
.recoleccion #dvForm button {
  float: left;
  width: 58%;
  line-height: 40px;
  background: #F0800F;
  color: #FFF;
  border-radius: 8px;
  border: none;
  text-align: left;
}
.recoleccion #dvForm .stepper-button {
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 3px;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 10px;
  text-align: center;
}
.recoleccion #dvForm .stepper-button:hover {
  border-color: #F0800F;
}
.recoleccion #dvForm .stepper-button.disabled {
  opacity: 0.7;
}
.recoleccion #dvForm .remove {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -45px;
  margin-right: 0;
}
.recoleccion #dvForm .note {
  width: 95%;
  margin-top: 4px;
}
.recoleccion #dvForm #btnAddRow {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -90px;
  margin: 10px 0 20px;
}
.recoleccion #dvForm h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.recoleccion #unibox-invisible {
  display: none;
}
.recoleccion #unibox-suggest-box {
  position: fixed;
  left: auto !important;
  right: 0;
  top: 70px !important;
  bottom: 0;
  width: 320px !important;
  max-width: 320px !important;
  background-color: transparent;
}
.recoleccion #unibox-suggest-box h4 {
  display: none;
}
.recoleccion #unibox-suggest-box img {
  display: none;
}
.recoleccion #unibox-suggest-box .controls.bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 320px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
}
.recoleccion .controls.bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 320px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #FFF;
  border-left: none;
  border-right: none;
}
.recoleccion .checkbox-element {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.recoleccion label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
  margin-bottom: 4px;
}
.recoleccion label.validation .number {
  font-weight: bold;
}
.recoleccion input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.recoleccion .validation .content {
  display: inline-block;
  width: 100%;
  line-height: 1.25;
  padding: 0 5px;
  background-color: #F0800F;
  border-radius: 10px;
}
.recoleccion input[type=checkbox] {
  visibility: hidden;
  float: right;
}
.recoleccion .right-button {
  position: absolute;
  right: 0;
  top: 15px;
  width: auto;
  font-size: 1em;
}
.recoleccion #dvListContainer .element-item {
  position: relative;
}
.recoleccion #dvListContainer .element-item label.validation {
  width: 100%;
  padding-right: 50px;
}
.recoleccion #dvListContainer .element-item input.field.note {
  width: 86%;
}
.recoleccion #dvListContainer .element-item button {
  font-weight: bold;
}
.recoleccion #dvListContainer .element-item button.editar {
  position: absolute;
  right: 50px;
  top: 30px;
}
.recoleccion #dvListContainer .element-item button.toggle-note {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -250px -45px;
  top: 30px;
  float: none;
}
.recoleccion #dvListContainer .element-item .field.name {
  width: 480px;
  margin: 0 5px;
}
.recoleccion #dvForm .controls {
  position: relative;
}
.recoleccion #dvForm #btnAgregarQuitarMateriales {
  position: absolute;
  right: 0;
  top: 15px;
  width: auto;
  font-size: 1em;
}
.recoleccion #dvForm #btnConfirmarInventario {
  position: absolute;
  right: 0;
  top: 15px;
  width: auto;
  font-size: 1em;
}
.recoleccion .validation .content {
  padding: 9px 5px;
}
.validation-list .checkbox-element {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.validation-list label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
  margin-bottom: 4px;
}
.validation-list label.validation .number {
  font-weight: bold;
}
.validation-list input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.validation-list .validation .content {
  display: inline-block;
  width: 100%;
  line-height: 1.25;
  padding: 0 5px;
  background-color: #F0800F;
  border-radius: 10px;
}
.validation-list input[type=checkbox] {
  visibility: hidden;
  float: right;
}
.numeric-selection-list li {
  display: flex;
}
.recepcion .formContainer .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.recepcion .formContainer input[type=checkbox] + label,
.recepcion .formContainer input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.recepcion .checkbox-mask {
  float: left;
  width: 42px;
  height: 42px;
  border: none;
  background: transparent url(style1/spriteRecepcion.png) no-repeat;
  background-size: 50px 200px;
  background-position: 0 -50px;
}
.recepcion .checkbox-mask.recibido {
  background-position: 0 -100px;
}
.recepcion .validation {
  display: inline-block;
  margin: 0.4em 0 0;
}
/* # Selección de paquetes */
.seleccionPaquetes .formContainer .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.seleccionPaquetes .formContainer input[type=checkbox] + label,
.seleccionPaquetes .formContainer input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.seleccionPaquetes h3 {
  margin-top: 2em;
}
.seleccionPaquetes #dvBatchList .batchContainer {
  margin: 10px 0;
  padding: 10px;
  background: #F0800F;
}
.seleccionPaquetes #dvBatchList .batchContainer label {
  width: auto;
}
.seleccionPaquetes #dvBatchList .batchContainer button.add {
  display: block;
  width: 97%;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 0;
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -90px;
  width: auto;
  padding-left: 45px;
  text-indent: 0;
}
.seleccionPaquetes #dvBatchList .disabled {
  background-color: #CCC;
}
.seleccionPaquetes #dvListContainer {
  position: fixed;
  top: 150px;
  right: 0;
  bottom: 150px;
  width: 300px;
  overflow: auto;
  background-color: #2C69AA;
  border: 1px solid #CCC;
}
.seleccionPaquetes #dvListContainer h3 {
  margin-top: 10px;
}
.seleccionPaquetes #dvListContainer ul {
  margin: 10px;
}
.seleccionPaquetes #dvListContainer .error {
  display: inline-block;
  margin: 0 5px;
  padding: 5px;
  background: #CB2A05;
}
.esterilizacion .formContainer .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.esterilizacion .formContainer input[type=checkbox] + label,
.esterilizacion .formContainer input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.esterilizacion .formContainer .plainlist .label {
  width: 150px;
}
.esterilizacion .controls a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.esterilizacion .controls a:hover {
  border-color: #F0800F;
}
.esterilizacion h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.esterilizacion #chIdentifierConfirmation {
  margin: 10px 0 0 155px;
}
.esterilizacion #dvBatchContainer .checkbox-element {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.esterilizacion #dvBatchContainer label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
  margin-bottom: 4px;
}
.esterilizacion #dvBatchContainer label.validation .number {
  font-weight: bold;
}
.esterilizacion #dvBatchContainer input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.esterilizacion #dvBatchContainer .validation .content {
  display: inline-block;
  width: 100%;
  line-height: 1.25;
  padding: 0 5px;
  background-color: #F0800F;
  border-radius: 10px;
}
.esterilizacion #dvBatchContainer input[type=checkbox] {
  visibility: hidden;
  float: right;
}
.esterilizacion #dvBatchContainer .batchContainer {
  padding: 5px;
  margin: 10px 0;
  background-color: #F0800F;
}
.esterilizacion #dvBatchContainer .batchContainer input:checked + label.validation,
.esterilizacion #dvBatchContainer .batchContainer label.validation {
  width: 100%;
  padding-top: 3px;
}
.esterilizacion #dvBatchContainer .batchContainer input:checked + label.validation .content,
.esterilizacion #dvBatchContainer .batchContainer label.validation .content {
  line-height: 1;
}
.esterilizacion #dvBatchContainer .batchContainer input:checked + label.validation .batch,
.esterilizacion #dvBatchContainer .batchContainer label.validation .batch {
  display: block;
}
.esterilizacion #dvBatchContainer .batchContainer .batchContent {
  display: block;
  clear: both;
}
.esterilizacion #dvBatchContainer .batchContainer .batchContent p {
  margin: 0;
}
.esterilizacion #dvBatchContainer .batchContainer .batchContent ul {
  margin: 0;
  margin-left: 1em;
}
.esterilizacion #dvBatchContainer .batchContainer .batchContent ul li .number {
  font-weight: bold;
}
.esterilizacion #dvBatchContainer .batchContainer .batchContent ul li .label {
  font-weight: normal;
}
.liberacion #dvSelectorList li a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.liberacion #dvSelectorList li a:hover {
  border-color: #F0800F;
}
.notificacion .formContainer .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.notificacion .formContainer input[type=checkbox] + label,
.notificacion .formContainer input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.notificacion .formContainer .plainlist .label {
  width: 150px;
}
.notificacion .formContainer label {
  float: none;
}
.notificacion h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.notificacion #dvListContainer .checkbox-element {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.notificacion #dvListContainer label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
  margin-bottom: 4px;
}
.notificacion #dvListContainer label.validation .number {
  font-weight: bold;
}
.notificacion #dvListContainer input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.notificacion #dvListContainer .validation .content {
  display: inline-block;
  width: 100%;
  line-height: 1.25;
  padding: 0 5px;
  background-color: #F0800F;
  border-radius: 10px;
}
.notificacion #dvListContainer input[type=checkbox] {
  visibility: hidden;
  float: right;
}
.entrega .formContainer .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.entrega .formContainer input[type=checkbox] + label,
.entrega .formContainer input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.entrega h3 {
  margin-left: -10px;
}
.entrega #dvListContainer .checkbox-element {
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.entrega #dvListContainer label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -135px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
  margin-bottom: 4px;
}
.entrega #dvListContainer label.validation .number {
  font-weight: bold;
}
.entrega #dvListContainer input:checked + label.validation {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  width: 40px;
  min-height: 40px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -1000px;
  background-position: -205px -285px;
  float: left;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: normal;
  text-indent: 0;
}
.entrega #dvListContainer .validation .content {
  display: inline-block;
  width: 100%;
  line-height: 1.25;
  padding: 0 5px;
  background-color: #F0800F;
  border-radius: 10px;
}
.entrega #dvListContainer input[type=checkbox] {
  visibility: hidden;
  float: right;
}
.entrega #dvListContainer label {
  display: none;
}
.entrega #dvListContainer label.validation {
  height: auto;
}
.entrega #dvListContainer label.validation .content {
  min-height: 40px;
  padding: 8px;
}
.entrega #dvListContainer input:checked + label.validation {
  height: auto;
}
.entrega #dvListContainer ul li {
  position: relative;
}
.entrega #dvSignature {
  text-align: left;
}
.entrega #dvSignature #dd_objSaveButtonWrapper {
  display: none;
}
.seguimiento #dvForm {
  width: 95%;
  max-width: 500px;
  text-align: center;
}
.seguimiento #dvForm .controls {
  margin: 10px 0 -60px;
}
.seguimiento #dvForm #btnBuscar {
  display: inline-block;
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 201px;
  height: 70px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
}
.seguimiento #dvDetail .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.seguimiento #dvDetail input[type=checkbox] + label,
.seguimiento #dvDetail input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.seguimiento #dvDetail h3 {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: -10px;
}
.seguimiento #dvDetail #dvListProcedures a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.seguimiento #dvDetail #dvListProcedures a:hover {
  border-color: #F0800F;
}
.seguimiento #dvDetail #dvListBatches {
  position: relative;
}
.seguimiento #dvDetail #dvListBatches .section {
  display: inline-block;
  padding: 5px;
  margin: 5px;
  background-color: #F0800F;
}
.seguimiento #dvDetail #dvListBatches p {
  margin: 0;
  margin-top: 10px;
}
.seguimiento #dvDetail #dvListBatches ul {
  padding: 0;
  margin: 0;
  margin-left: 10px;
}
.seguimiento #dvDetail #dvListBatches ul li {
  margin: 0;
}
.seguimiento #dvDetail #dvListBatches .label {
  font-weight: bold;
}
.seguimiento #dvDetail #dvListBatches a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
}
.seguimiento #dvDetail #dvListBatches a:hover {
  border-color: #F0800F;
}
.modulo #dvToolbar {
  width: 80%;
}
.modulo #dvToolbar form {
  text-align: right;
}
.modulo #dvToolbar input {
  display: inline-block;
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
.modulo #dvToolbar input[type="submit"] {
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 161px;
  height: 70px;
  background-position: 0 -150px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  display: inline-block;
}
.modulo #dvList ul {
  position: relative;
}
.modulo #dvList li {
  float: left;
  width: 300px;
  margin-left: 10px;
}
.modulo #dvList li a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  width: 280px;
}
.modulo #dvList li a:hover {
  border-color: #F0800F;
}
.modulo #dvDetail .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.modulo #dvDetail input[type=checkbox] + label,
.modulo #dvDetail input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.modulo #dvDetail .controls {
  text-align: right;
}
.modulo #dvDetail .controls .button {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-radius: 0;
}
.modulo .controls {
  margin-left: 10px;
  margin-top: 10px;
}
.modulo .controls a.add {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  width: 300px;
}
.modulo .controls input {
  float: none;
}
.historial table {
  margin: 10px 20px;
  color: #000;
}
.historial table td {
  padding: 5px 10px;
}
.empresa #dvToolbar {
  width: 80%;
}
.empresa #dvToolbar form {
  text-align: right;
}
.empresa #dvToolbar input {
  display: inline-block;
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
.empresa #dvToolbar input[type="submit"] {
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 161px;
  height: 70px;
  background-position: 0 -150px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  display: inline-block;
}
.empresa #dvList ul {
  position: relative;
}
.empresa #dvList li {
  float: left;
  width: 300px;
  margin-left: 10px;
}
.empresa #dvList li a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  width: 280px;
}
.empresa #dvList li a:hover {
  border-color: #F0800F;
}
.empresa #dvDetail .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.empresa #dvDetail input[type=checkbox] + label,
.empresa #dvDetail input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.empresa #dvDetail .controls {
  text-align: right;
}
.empresa #dvDetail .controls .button {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-radius: 0;
}
.empresa .controls {
  margin-left: 10px;
  margin-top: 10px;
}
.empresa .controls a.add {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  width: 300px;
}
.empresa .controls input {
  float: none;
}
.usuario #dvToolbar {
  width: 80%;
}
.usuario #dvToolbar form {
  text-align: right;
}
.usuario #dvToolbar input {
  display: inline-block;
  line-height: 40px;
  padding: 0 5px;
  background: #FFF;
  color: #111;
  border: 1px solid #DDD;
  border-radius: 8px;
}
.usuario #dvToolbar input[type="submit"] {
  padding: 0;
  background: transparent url(style1/spriteButtons.png?200122) 0 0 no-repeat;
  background-size: 300px 325px;
  border: none;
  display: block;
  float: none;
  margin: 0 auto;
  width: 161px;
  height: 70px;
  background-position: 0 -150px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  display: inline-block;
}
.usuario #dvList ul {
  position: relative;
}
.usuario #dvList li {
  float: left;
  width: 300px;
  margin-left: 10px;
}
.usuario #dvList li a {
  display: inline-block;
  margin: 5px 0;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
  background: none repeat scroll 0 0 #fff;
  color: #000;
  text-decoration: none;
  width: 280px;
}
.usuario #dvList li a:hover {
  border-color: #F0800F;
}
.usuario #dvDetail .plainlist .label {
  display: inline-block;
  width: 110px;
  font-weight: bold;
}
.usuario #dvDetail input[type=checkbox] + label,
.usuario #dvDetail input[type=radio] + label {
  display: inline-block;
  width: auto;
}
.usuario #dvDetail .controls {
  text-align: right;
}
.usuario #dvDetail .controls .button {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-radius: 0;
}
.usuario .controls {
  margin-left: 10px;
  margin-top: 10px;
}
.usuario .controls a.add {
  display: block;
  width: 97%;
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  text-indent: 10px;
  background: #F0800F url(style1/ribbon1.png) right top no-repeat;
  background-size: 16px 40px;
  color: #FFF;
  width: 300px;
}
.usuario .controls input {
  float: none;
}
.usuario #dvList li {
  float: none;
  width: auto;
}
.usuario #dvPassword label.list-button {
  margin-left: 100px;
}
.usuario #dvPassword #chPassword {
  display: none;
}
.usuario #dvPassword #chPassword + ul {
  display: none;
}
.usuario #dvPassword #chPassword:checked + ul {
  display: block;
}
.ajustes dt {
  display: inline-block;
  font-weight: bold;
}
.ajustes dd.value {
  display: inline-block;
}
.ajustes dd.description {
  margin-bottom: 10px;
}
/* Components */
#unibox-invisible {
  text-align: left;
  background: #FFF;
  color: #000;
}
#unibox-invisible span {
  color: inherit;
}
#unibox-suggest-box .unibox-selectable span {
  color: #000;
}