﻿/* WŁAŚCIWOŚCI STAŁE, DZIEDZICZONE */
/* zastępuje boxowy model, aby paddingi liczone 
były do środka, a nie na zewnątrz */
.sizing {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hidden,
.hide {
  display: none !important;
}
.block {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
}
.views-block {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.padding-block {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background: #eee;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #aaa;
}
.inlined-popup {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin: 0 auto;
  float: none;
}
.inlined-popup .nav {
  margin-top: 20px;
  padding-bottom: 0;
}
.inlined-popup .padding-block {
  margin-top: 40px;
  padding-top: 15px;
}
.inlined-popup .title .name {
  color: #444444;
  font-size: 28px;
  line-height: 30px;
  width: auto;
  display: inline;
}
.inlined-popup .padding-block .content {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 34px;
}
.inlined-popup .icons {
  height: 34px;
  margin-right: 20px;
  width: 39px;
  position: absolute;
  left: 0;
  top: 0;
}
.inlined-popup.warning .padding-block .content {
  padding-left: 59px;
}
.inlined-popup.warning .icons {
  background-position: -41px -33px;
  height: 34px;
  width: 39px;
}
.inlined-popup.success .padding-block .content {
  padding-left: 54px;
}
.inlined-popup.success .icons {
  background-position: -1px -33px;
  height: 34px;
  width: 34px;
}
.inlined-popup .title {
  border-bottom-width: 0;
}
.row {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.row.half {
  padding-right: 20px;
  width: 50%;
}
.row.half:nth-child(2n) {
  padding-left: 20px;
  width: 50%;
}
.row.display-row {
  margin-bottom: 5px;
}
.transition {
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
.nav {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.nav .side-float {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: auto;
}
body {
  font-family: 'Open Sans', Arial, Verdana, Helvetica;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 1;
  padding: 0;
}
code {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 20px;
  margin-top: 20px;
}
form {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
input:disabled {
  background: #eee !important;
  color: #888 !important;
}
.ShipLimitEnabled-options.disabled {
  color: #ccc;
}
p,
input,
button,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', Arial, Verdana, Helvetica;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 0;
}
textarea {
  min-height: 100px;
}
input[type="checkbox"] {
  clear: both;
  float: left;
  margin: 3px;
}
label {
  float: left;
}
input,
button,
textarea,
select {
  padding: 5px 10px;
  border-width: 0;
}
h1 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
}
h2 {
  font-size: 26px;
  line-height: 37px;
  font-weight: 400;
  color: #007CC2;
}
h3 {
  font-size: 24px;
  line-height: 34px;
}
h4 {
  font-size: 22px;
  line-height: 31px;
}
h5 {
  font-size: 20px;
  line-height: 28px;
}
h6 {
  font-size: 18px;
  line-height: 25px;
}
h2 {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
.title {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 8.8px;
  color: #007CC2;
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.title.with-nav {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.title span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #444;
  word-wrap: break-word;
}
.main-column > .title span.name {
  display: inline;
  width: auto;
  line-height: 30px;
  font-size: 28px;
}
.title span.buttons {
  color: #fff;
}
.title span.side-float {
  float: right;
  margin-top: -3px;
}
a:link,
a:visited,
a:hover {
  color: #007CC2;
}
a img {
  border-width: 0;
}
/* ELEMENTY FORMULARZA */
/* STYLE DOMYŚLNE TABEL */
/* PASSWORD LOGIN FORM */
.inlined-popup.password-popup {
  width: 100%;
  max-width: 500px;
}
.inlined-popup.password-popup .logo {
  margin-left: 0;
}
.inlined-popup.password-popup .panel-name,
.inlined-popup.registration-fields .panel-name {
  border-left: 1px solid #888888;
  display: block;
  float: left;
  height: 46px;
  margin-top: 16px;
  padding-left: 20px;
  width: 291px;
  font-size: 24px;
  color: #007cc2;
}
.inlined-popup.password-popup .title {
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.inlined-popup.password-popup .title .name {
  clear: both;
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-top: 7px;
}
.password-left {
  display: block;
  float: left;
  width: 220px;
  height: 145px;
  background: url("../images/login.png") no-repeat 0 0;
}
.password-right {
  display: block;
  float: left;
  width: 238px;
}
.buttons.iconed.Login:after {
  background-position: -761px -5px;
  height: 18px;
  width: 8px;
}
.buttons.iconed.Register:after {
  background-position: -368px -81px;
  height: 18px;
  width: 14px;
}
.buttons.iconed.NewShipment:after {
  background-position: -811px -3px;
  width: 16px;
}
.login-name.logged-in {
  display: block;
  float: right;
  margin-top: 5px;
  text-align: right;
  clear: right;
}
.buttons.iconed.details:after {
  background-position: -733px -5px;
  height: 16px;
  margin-top: 1px;
  width: 14px;
}
.buttons.iconed.threads-setup:after {
  background-position: -919px -5px;
  height: 15px;
  margin-top: 1px;
  width: 16px;
}
.buttons.iconed.refresh:after {
  background-position: -1427px -41px;
  height: 15px;
  margin-top: 1px;
  width: 16px;
}
.buttons.iconed.xlsx:after {
  background-position: -1229px -85px;
  height: 15px;
  margin-top: 1px;
  width: 17px;
}
.buttons.iconed.fileselector:after {
  background-position: -888px -4px;
  width: 22px;
  margin-top: 2px;
}
.buttons.iconed.simple-api-test:after,
.buttons.iconed.normalize-number-test:after {
  background-position: -238px -85px;
  width: 17px;
  height: 15px;
  margin-top: 1px;
}
/* END PASSWORD LOGIN FORM */
table:not(.ui-datepicker-calendar) {
  table-layout: fixed;
  border-spacing: 0;
  *border-collapse: collapse;
  padding: 0;
  margin: 0 0 20px;
  border: 1px solid #ddd;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  width: 100%;
}
table:not(.ui-datepicker-calendar) td,
table:not(.ui-datepicker-calendar) th {
  text-align: left;
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans', Arial, Verdana, Helvetica;
  padding: 5px 10px;
  word-wrap: break-word;
  vertical-align: top;
  cursor: pointer;
}
table:not(.ui-datepicker-calendar) td.id,
table:not(.ui-datepicker-calendar) th.id,
table:not(.ui-datepicker-calendar) td.Id,
table:not(.ui-datepicker-calendar) th.Id {
  word-break: break-all;
}
table:not(.ui-datepicker-calendar) thead td,
table:not(.ui-datepicker-calendar) thead th {
  background: #007CC2;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #007CC2;
  border-bottom: 1px solid #007CC2;
}
table:not(.ui-datepicker-calendar) thead th:first-child,
table:not(.ui-datepicker-calendar) thead td:first-child {
  border-left: 1px solid #007CC2;
}
table:not(.ui-datepicker-calendar) thead th:last-child,
table:not(.ui-datepicker-calendar) thead td:last-child {
  border-right: 1px solid #007CC2;
}
table:not(.ui-datepicker-calendar) tbody tr td {
  background: url("../images/table_tbody_td.png") repeat-x scroll 0 bottom #f2f2f2;
  color: #000;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}
table:not(.ui-datepicker-calendar) tbody tr td:first-child {
  border-left: 1px solid #f8f8f8;
}
table:not(.ui-datepicker-calendar) tbody tr td:last-child {
  border-right: 1px solid #f8f8f8;
}
table:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td {
  background: url("../images/table_tbody_td.png") repeat-x scroll 0 bottom #f2f2f2;
  color: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
table:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td:first-child {
  border-left: 1px solid #fff;
}
table:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td:last-child {
  border-right: 1px solid #fff;
}
table:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1):hover td,
table:not(.ui-datepicker-calendar) tbody tr:hover td {
  background: #ddd;
  color: #000;
  padding: 5px 10px;
  border-top: 1px solid #007CC2 !important;
  border-bottom: 1px solid #007CC2 !important;
}
table:not(.ui-datepicker-calendar) tbody tr:hover td:first-child {
  border-left: 1px solid #007CC2;
}
table:not(.ui-datepicker-calendar) tbody tr:hover td:last-child {
  border-right: 1px solid #007CC2;
}
.responsive-table {
  display: none;
}
/* KONIEC STYLE DOMYŚLNE TABEL */
/* STYLE FORMULARZA*/
.editor-label {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-weight: 600;
}
.editor-field {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 5px;
  position: relative;
}
.editor-break {
  clear: both;
}
.editor-field.with-tooltip {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 5px;
  position: relative;
  padding-right: 40px;
}
.editor-label + .editor-field.with-tooltip.checkbox-toolitp {
  padding-top: 0;
}
.editor-field.with-tooltip.checkbox-toolitp .icons.tooltip {
  top: -2px;
}
.display-label {
  font-weight: 600;
  display: inline;
}
.display-field {
  display: inline;
  position: relative;
}
.txt,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="datetime"],
input[type="email"],
input[type="tel"],
input[type="url"],
select,
textarea {
  display: block;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  background: #fafafa;
  color: #000;
  border: 1px solid #ccc;
  padding: 5px;
  min-width: 92px;
  width: 100%;
  max-width: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
}
.txt.input-validation-error,
input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
input[type="date"].input-validation-error,
input[type="number"].input-validation-error,
input[type="datetime"].input-validation-error,
input[type="email"].input-validation-error,
input[type="tel"].input-validation-error,
input[type="url"].input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
  border-color: red;
}
.txt {
  min-height: 33px;
}
.txt.disabled {
  min-height: 33px;
  background: #ddd;
  color: #666;
}
input::-ms-clear {
  display: none;
}
.field-validation-error,
.field-validation-error * {
  margin-top: 2px;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #ff0000;
  line-height: 20px;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}
.validation-summary-valid {
  display: none;
}
/* END STYLE FORMULARZA */
/* START TABLESORTER STYLES */
table.tablesorter thead td .tablesorter-header-inner:after,
table.tablesorter thead th .tablesorter-header-inner:after {
  display: inline-block;
  margin-right: 6px;
  margin-top: -5px;
  position: absolute;
  left: 0;
  top: 50%;
  height: 12px;
  width: 9px;
  content: " ";
  background: url("../images/icons_sprites.png") no-repeat scroll -418px -8px transparent;
}
table tbody tr:nth-child(2n+1) td.primary {
  background: url("../images/table_tbody_td_primary.png") repeat-x scroll 0 bottom #e8e8e8;
  border-color: transparent;
}
table tbody tr td.primary {
  background: url("../images/table_tbody_td_primary.png") repeat-x scroll 0 bottom #e8e8e8;
  border-color: transparent;
}
table.tablesorter thead td.tablesorter-headerDesc .tablesorter-header-inner:after,
table.tablesorter thead th.tablesorter-headerDesc .tablesorter-header-inner:after,
table.tablesorter thead td.tablesorter-headerAsc .tablesorter-header-inner:after,
table.tablesorter thead th.tablesorter-headerAsc .tablesorter-header-inner:after {
  background: url("../images/icons_sprites.png") no-repeat scroll -210px -8px transparent;
}
table.tablesorter thead td.tablesorter-headerAsc .tablesorter-header-inner:after,
table.tablesorter thead th.tablesorter-headerAsc .tablesorter-header-inner:after {
  background-position: -236px -8px;
}
table.tablesorter thead .tablesorter-header {
  cursor: pointer;
}
table.tablesorter thead .tablesorter-header-inner {
  display: block;
  padding-left: 12px;
  position: relative;
}
.tablesorter.Report.ComplaintReport,
.tablesorter.Report.BillingReport {
  margin-top: 20px;
  float: left;
}
/* PAGER TABLESORTER*/
.tablesorter-pager,
.pager {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.tablesorter-pager .current,
.pager .current {
  background: #007CC2;
}
.tablesorter-pager .left,
.pager .left {
  float: left;
}
.tablesorter-pager .right,
.pager .right {
  float: right;
}
.tablesorter-pager .prev.icons,
.pager .prev.icons {
  background-position: -515px -36px;
  height: 26px;
  width: 26px;
}
.tablesorter-pager .prev.icons.disabled,
.pager .prev.icons.disabled,
.tablesorter-pager .prev.icons.disabled:hover,
.pager .prev.icons.disabled:hover {
  background-position: -582px -36px;
}
.tablesorter-pager .prev.icons:hover,
.pager .prev.icons:hover {
  background-position: -548px -36px;
}
.tablesorter-pager .next.icons,
.pager .next.icons {
  background-position: -616px -36px;
  height: 26px;
  width: 26px;
}
.tablesorter-pager .next.icons.disabled,
.pager .next.icons.disabled,
.tablesorter-pager .next.icons.disabled:hover,
.pager .next.icons.disabled:hover {
  background-position: -682px -36px;
}
.tablesorter-pager .next.icons:hover,
.pager .next.icons:hover {
  background-position: -649px -36px;
}
.tablesorter-pager .page,
.pager .page {
  margin: 0 10px 10px 0;
}
.tablesorter-pager .pagecount,
.pager .pagecount {
  display: block;
  float: left;
  margin: 0 10px;
}
.tablesorter-pager .pagecount span,
.pager .pagecount span {
  display: none;
}
.tablesorter-pager a,
.pager a {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  padding: 0 12px;
  background: #888;
  color: #fff;
  text-decoration: none;
  line-height: 26px;
  margin: 0 5px 10px;
}
.tablesorter-pager .count-number,
.pager .count-number {
  float: left;
  display: block;
  line-height: 26px;
  margin-right: 10px;
  margin-bottom: 10px;
}
/*end PAGER TABLESORTER*/
/*END TABLESORTER*/
.Report.BillingReport,
.Report.ComplaintReport tr td {
  cursor: inherit !important;
}
.Account.ListUsers .Id {
  width: 200px;
  word-break: break-all;
}
.Account.ListUsers .UserName {
  width: 180px;
}
.Account.ListUsers .actions {
  min-width: 90px;
}
.Setup.Senders .Actions {
  width: 54px;
}
.Account.Index.tablesorter .actions {
  min-width: 90px;
  width: 90px;
}
/* END TABLESORTER STYLES */
.filters {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.filters .editor-label,
.filters .editor-field {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  padding-right: 10px;
  line-height: 32px;
}
.client-list.filters .editor-label {
  width: 120px;
}
.filters .editor-field {
  width: 188px;
}
.filters .editor-field.without-time,
.filters.without-time .editor-field {
  width: 128px;
}
.criteria-visibility label input[type="checkbox"] {
  clear: none;
}
.criteria-visibility label {
  margin-right: 20px;
  width: auto;
}
/* GŁÓWNE STYLE PRZYCISKÓW */
.buttons,
a.buttons,
a.buttons:link,
a.buttons:visited,
a.buttons:hover {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  background: #007CC2;
  padding: 5px 20px;
  color: #fff;
  margin: 0 20px 0 0;
  border-radius: 0px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  border: 1px solid #fff;
}
.buttons:hover,
a.buttons:hover {
  background: #888;
  border-color: #444;
}
.buttons:last-child,
a.buttons:last-child {
  margin-right: 0;
}
.buttons.iconed:after {
  background: url('../images/icons_sprites.png');
  content: " ";
  display: block;
  float: left;
  height: 17px;
  width: 14px;
  margin-right: 5px;
}
.buttons.iconed.Back:after {
  background-position: -552px -5px;
}
.buttons.iconed.NewCustomer.Account:after {
  background-position: -449px -5px;
}
.buttons.iconed.Account.ListUsers.NewUser:after {
  background-position: -579px -5px;
  height: 17px;
  margin-top: 1px;
}
.buttons.iconed.ResetPassword:after {
  background-position: -605px -5px;
  height: 18px;
}
.buttons.iconed.Save:after,
.buttons.iconed.save:after {
  background-position: -631px -6px;
  height: 18px;
}
.buttons.iconed.Delete:after {
  background-position: -657px -6px;
}
.buttons.iconed.senders:after {
  background-position: -707px -6px;
}
.buttons.iconed.Search:after {
  background-position: -733px -4px;
}
.buttons.iconed.fileselector:after {
  background-position: -888px -4px;
  width: 22px;
}
.buttons.iconed.new-list:after {
  background-position: -784px -3px;
  width: 18px;
}
.buttons.iconed.new-template:after {
  background-position: -864px -4px;
  width: 13px;
}
.buttons.iconed.newsletter-test:after {
  background-position: -314px -83px;
  height: 18px;
  width: 16px;
}
.buttons.iconed.newsletter-configure:after {
  background-position: -340px -83px;
  height: 18px;
  width: 16px;
}
.buttons.iconed.sms-router:after {
  background-position: -2px -81px;
  height: 19px;
  width: 24px;
}
.buttons.iconed.new-input-number:after {
  background-position: -419px -83px;
  height: 19px;
  width: 14px;
}
.icons.assign-input-number {
  background-position: -445px -83px;
  height: 19px;
  margin-left: 4px;
  margin-top: 11px !important;
  width: 19px;
}
.icons.hold {
  background-position: -430px -35px;
}
.icons.unhold {
  background-position: -462px -35px;
}
.icons.send-again {
  background-position: -485px -35px;
}
.manual-write-phones textarea {
  height: 130px;
}
.icons.tooltip.warning,
.icons.warning {
  background-position: -289px -86px;
  height: 14px;
  margin-right: 5px;
  margin-top: 2px;
  position: relative;
  width: 17px;
  right: 0;
  top: 0;
}
/* IKONY AKCJI  NA SPRITACH */
.actions {
  width: 86px;
}
.icons.action {
  overflow: visible;
  padding-left: 25px;
  text-indent: 0;
  width: auto;
  background-image: none;
  position: relative;
}
.icons.error {
  background-position: -396px -84px;
  height: 15px;
  width: 17px;
}
.icons.action:before {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url('../images/icons_sprites.png') -317px -37px;
  width: 26px;
  height: 26px;
  text-indent: -200px;
  overflow: hidden;
  cursor: pointer;
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
}
.actions-menu {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  z-index: 100;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 1px 1px 0;
  top: -13px;
  right: 0;
}
table.List.List .actions {
  width: 100px;
}
.actions-menu ul,
.actions-menu ul li {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  clear: both;
}
.actions-menu ul li a {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px 0 34px;
  line-height: 38px;
  color: #fff;
  background: none repeat scroll 0 0 #007CC2;
  margin-bottom: 1px;
  text-decoration: none;
  white-space: nowrap;
}
.actions-menu ul li a:hover {
  background: #009df5;
}
.actions-menu ul li a .icons {
  left: 6px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
}
.relative-actions {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1px;
  height: 1px;
  position: relative;
  clear: both;
}
.icons {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url('../images/icons_sprites.png');
  width: 26px;
  height: 26px;
  text-indent: -200px;
  overflow: hidden;
  cursor: pointer;
}
.icons.delete,
.icons.cancel {
  background-position: -104px 0;
  width: 26px;
  height: 26px;
}
.icons.delete:hover {
  background-position: -130px 0;
}
.icons.settings,
.icons.options {
  background-position: 0 0;
}
.icons.settings:hover,
.icons.options:hover {
  background-position: -26px 0;
}
.icons.details {
  background-position: -156px 0;
}
.icons.details:hover {
  background-position: -182px 0;
}
.icons.edit {
  background-position: -52px 0;
}
.icons.edit:hover {
  background-position: -78px 0;
}
.icons.change-senders {
  background-position: -523px -75px;
}
.icons.change-senders:hover {
  background-position: -523px -75px;
}
.icons.set-user-cost-centers {
  background-position: -614px -75px;
}
.icons.set-user-cost-centers:hover {
  background-position: -614px -75px;
}
.icons.email-2-sms {
  background-position: -551px -76px;
}
.icons.email-2-sms:hover {
  background-position: -551px -76px;
}
.icons.bool.true {
  background-position: -474px -8px;
  width: 11px;
  height: 13px;
  margin: 0 auto;
  float: none;
}
.icons.bool.false {
  display: none;
}
.icons.True {
  background-position: -30px -83px;
  height: 17px;
  width: 17px;
}
.icons.False {
  background-position: -57px -83px;
  height: 17px;
  width: 17px;
}
.icons.password-reset {
  background-position: -494px 0;
}
.icons.password-reset:hover {
  background-position: -520px 0;
}
.icons.menu-query {
  display: none;
  background-position: -271px -33px;
  float: left;
  height: 40px;
  margin-top: 15px;
  margin-left: 20px;
  width: 40px;
  margin-right: 0;
}
.icons.add-user-big {
  background-position: -833px 0;
}
.icons.tooltip {
  background-position: -402px -38px;
  height: 22px;
  width: 22px;
  position: absolute;
  right: 8px;
  top: 7px;
  overflow: visible;
}
.icons.tooltip.relative {
  left: 5px;
  position: relative;
  top: 0;
}
.tablesorter .icons.tooltip {
  background-position: -84px -84px;
  height: 16px;
  width: 16px;
  margin-top: -5px;
}
th .icons.tooltip {
  position: relative;
  float: none;
  display: inline-block;
  right: 0;
  top: 3px;
  margin-top: -7px;
}
tbody th .icons.tooltip {
  top: 6px;
}
.inlined-popup .icons.tooltip {
  position: relative;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  margin-top: -2px;
}
.tooltiped ul {
  padding: 0 0 0 18px;
}
.icons.edit-numbers-list {
  background-position: -940px 0;
}
.tooltiped {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 500px;
  padding: 5px;
  position: absolute;
  z-index: 200;
  top: 0;
  right: 0;
  background: #ffffaa;
  border: 1px solid #ffff66;
  color: #000;
  text-indent: 0;
  font-size: 12px;
  line-height: 17px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.icons.tooltip .tooltiped {
  top: 20px;
  right: 30px;
}
.icons.tooltip:hover .tooltiped {
  display: block;
}
/* END IKONY AKCJI */
/* GŁÓWNA STRUKTURA LAYOUTU */
.document {
  display: block;
  float: left;
  width: 100%;
}
.document-center {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  max-width: 1200px;
  margin: 0 auto;
}
.document-center .content {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.small-top {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none repeat scroll 0 0 #EEEEEE;
  min-height: 100px;
  width: 100%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}
.logo {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 0;
  margin: 14px 20px 14px 20px;
}
.logo img {
  border-width: 0;
}
.header-title {
  color: #0066FF;
  float: left;
  font-size: 18px;
  height: 100px;
  line-height: 100px;
  margin-right: 20px;
}
nav {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
}
nav ul {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
}
nav ul li {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0 1px 0 0;
  width: auto;
  position: relative;
}
nav ul li a,
nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  color: #fff;
  background: #007CC2;
  text-decoration: none;
  font-size: 16.8px;
  line-height: 36.8px;
  height: 36.8px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
nav ul li:hover ul li a,
nav ul li ul li:hover ul li a {
  background: #007CC2;
  text-shadow: none;
}
nav ul li a.active,
nav ul li:hover a,
nav ul li ul li:hover a,
nav ul li ul li ul li:hover a {
  background: #29b2ff;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
nav ul li ul {
  background: #005b8f;
  position: absolute;
  width: 200px;
  border-radius: 0px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  left: 4px;
  top: 37px;
  padding: 1px 1px 0px 1px;
}
nav ul li ul,
nav ul li:hover ul li ul,
nav ul li ul li ul {
  display: none;
}
nav ul li:hover ul,
nav ul li ul li:hover ul {
  display: block;
}
nav ul li ul li {
  width: 100%;
  height: 34px;
  margin-bottom: 1px;
}
nav ul li ul li a,
nav ul li ul li a:link,
nav ul li ul li a:visited,
nav ul li ul li a:hover {
  width: 100%;
  height: 34px;
}
nav ul li ul li ul {
  left: 196px;
  top: 4px;
  z-index: 10;
}
nav ul li ul li a:before {
  background: url("../images/icons_sprites.png") repeat scroll -405px -7px transparent;
  content: " ";
  display: block;
  height: 8px;
  left: 6px;
  position: absolute;
  width: 8px;
  z-index: 100;
  top: 15px;
}
nav ul li ul li a:after {
  background: url("../images/icons_sprites.png") repeat scroll -376px -7px transparent;
  content: " ";
  display: block;
  height: 8px;
  right: 6px;
  position: absolute;
  width: 8px;
  z-index: 100;
  top: 15px;
}
nav ul li ul li a:only-child:after {
  display: none;
}
.menu {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #eee;
  padding: 10px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  border: 2px solid #fff;
}
.menu ul {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.menu ul li {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0 0 1px;
  width: 100%;
}
.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited,
.menu ul li a:hover {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  line-height: 34px;
  color: #000;
  border-bottom: 1px solid #cbcbcb;
  /*color: @maincolornegative;
    background: @maincolor; */
  position: relative;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}
.menu ul li a:before {
  background: url("../images/icons_sprites.png") repeat scroll -349px -4px transparent;
  content: " ";
  display: none;
  height: 14px;
  left: 0;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  width: 7px;
}
.menu ul li.active > a,
.menu ul li a:hover {
  color: #007CC2;
}
.menu ul li.active > a {
  font-weight: 700;
}
.menu ul li ul a,
.menu ul li ul a:link,
.menu ul li ul a:visited,
.menu ul li ul a:hover {
  background: none repeat scroll 0 0 #eee;
  border-left: 18px solid #CBCBCB;
  padding-left: 10px;
}
.menu ul li ul li a:before {
  background-position: -684px 0;
  display: block;
  margin-left: -13px;
}
.menu ul li ul a:hover,
.menu ul li ul li.active a {
  background: none repeat scroll 0 0 #dbdbdb;
  border-left: 18px solid #999999;
  padding-left: 10px;
}
.menu ul li ul,
.menu ul li:hover ul {
  display: none !important;
}
.menu ul li.active ul,
.menu ul li.active:hover ul {
  display: block !important;
}
.column-layout-1,
.column-layout-2,
.column-layout-3 {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.column-layout-1 .main-column {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* UKŁAD 2 KOLUMNOWY */
.column-layout-2 .side-column {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding-right: 20px;
  padding-left: 20px;
}
.column-layout-2 .main-column {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding-right: 20px;
}
/* END UKŁAD 2 KOLUMNOWY */
/* UKŁAD 3 KOLUMNOWY */
.column-layout-3 .side-column {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding-right: 20px;
}
.column-layout-3 .main-column {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
}
/* END UKŁAD 3 KOLUMNOWY */
/* stopka */
footer {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #888;
  text-align: right;
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
}
footer:before {
  border-top: 1px solid #aaa;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  content: " ";
  width: 100%;
  margin-bottom: 20px;
}
footer .content {
  border-top: 1px solid #ccc;
  border-color: #007CC2;
  padding: 20px 0;
  margin-top: 20px;
}
footer .powered img {
  margin-bottom: -5px;
}
footer .contact-data {
  float: left;
  padding-right: 15px;
  text-align: left;
}
/* KRĘCIOŁEK DO CZEKANIA PRZED ZACZYTANIEM AJAXA/OBRAZKÓW */
.spinner-inline {
  line-height: 40px;
  margin: 0 0 20px;
  float: left;
}
.spinner-inline img {
  float: left;
  margin: 0 10px 0 0;
}
.spinner-inline .text-loading {
  display: block;
  float: left;
  line-height: 30px;
}
.spinner {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
}
.lb-background {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  position: absolute;
}
.spinnerDownload .spinner-center,
.spinner .spinner-center {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  z-index: 2;
  margin: 0 auto;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.spinnerDownload .spinner-center .spinner-content,
.spinner .spinner-center .spinner-content {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  background: url('../images/spinner.gif') #fff center 100px no-repeat;
}
.spinnerDownload .spinner-center .spinner-content {
  background-position: center 120px;
}
.spinnerDownload .spinner-center .spinner-content .text,
.spinner .spinner-center .spinner-content .text {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  width: 100%;
  font-weight: bold;
  margin-top: 70px;
  animation: spinner_anim 2s;
  -webkit-animation: spinner_anim 2s;
  /* Safari and Chrome */
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.spinnerDownload .spinner-center .spinner-content .text {
  margin-top: 20px;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
}
@keyframes spinner_anim {
  0% {
    color: #000;
  }
  20% {
    color: #888;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #888;
  }
  80% {
    color: #000;
  }
  100% {
    color: #000;
  }
}
@-webkit-keyframes spinner_anim {
  /* Safari and Chrome */
  0% {
    color: #000;
  }
  20% {
    color: #888;
  }
  40% {
    color: #fff;
  }
  60% {
    color: #888;
  }
  80% {
    color: #000;
  }
  100% {
    color: #000;
  }
}
/* END GŁÓWNA STRUKTURA LAYOUTU*/
/* DODATKI JAVASCRIPTOWE */
/* DODATKI JAVASCRIPTOWE */
/* DODATKI JAVASCRIPTOWE */
/* DATEPICKER */
body .ui-datepicker {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 0;
  width: 300px;
  font-family: 'Open Sans', Arial, Verdana, Helvetica;
  font-size: 14px;
  /* nagłówek z wyborem daty */
  /* wygląd tabelki z datami */
}
body .ui-datepicker .ui-datepicker-header {
  background: #007CC2;
  color: #fff;
  border-width: 0;
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  cursor: pointer;
  top: 3px;
}
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
  height: 9px;
  width: 11px;
  margin-top: -4px;
  margin-left: -6px;
  background: url("../images/icons_sprites.png") repeat scroll -267px -17px transparent;
}
body .ui-datepicker .ui-datepicker-prev.ui-state-hover,
body .ui-datepicker .ui-datepicker-next.ui-state-hover {
  border-radius: 0;
  border-color: transparent;
  border-width: 0;
  top: 3px;
  background: transparent;
  box-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.15);
}
body .ui-datepicker .ui-datepicker-next span {
  background-position: -293px -17px;
}
body .ui-datepicker .ui-datepicker-next.ui-state-hover {
  right: 2px;
}
body .ui-datepicker .ui-datepicker-next.ui-state-hover span {
  background-position: -293px -3px;
}
body .ui-datepicker .ui-datepicker-prev span {
  background-position: -267px -17px;
}
body .ui-datepicker .ui-datepicker-prev.ui-state-hover {
  left: 2px;
}
body .ui-datepicker .ui-datepicker-prev.ui-state-hover span {
  background-position: -267px -3px;
}
body .ui-datepicker table {
  margin: 0;
  float: left;
  /* oznaczenia dat */
}
body .ui-datepicker table td,
body .ui-datepicker table th {
  padding: 2px;
}
body .ui-datepicker table td .ui-state-default,
body .ui-datepicker table th .ui-state-default {
  background: #EEEEEE;
  border-color: transparent;
  border-radius: 0px;
  /* dzień dzisiejszy */
  /* dzień wybrany*/
}
body .ui-datepicker table td .ui-state-default.ui-state-highlight,
body .ui-datepicker table th .ui-state-default.ui-state-highlight {
  background: #c2e9ff;
}
body .ui-datepicker table td .ui-state-default.ui-state-active,
body .ui-datepicker table th .ui-state-default.ui-state-active {
  box-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.15);
  background: #007CC2;
  color: #fff;
}
body .ui-datepicker table td .ui-state-default:hover,
body .ui-datepicker table th .ui-state-default:hover {
  background: #007CC2;
  color: #fff;
}
body .ui-datepicker table th {
  background: #ddd;
}
.ui-timepicker-div {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 3px;
  /*
    dt.ui_tpicker_hour_label {
        border-top: 1px solid #ddd;
        margin-top: 3px;
        padding-top: 10px;
    } */
}
.ui-timepicker-div dl {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 10px;
  width: 100%;
  background: #eee;
}
.ui-timepicker-div dd,
.ui-timepicker-div dt {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui-timepicker-div .ui_tpicker_time_label,
.ui-timepicker-div .ui_tpicker_time {
  font-size: 20px;
  width: auto;
  padding: 5px 5px 15px 0;
}
.ui-timepicker-div .ui_tpicker_time {
  font-weight: 100;
}
.ui-timepicker-div .ui_tpicker_hour_label,
.ui-timepicker-div .ui_tpicker_minute_label,
.ui-timepicker-div .ui_tpicker_second_label {
  width: 70px;
  clear: both;
}
.ui-timepicker-div .ui_tpicker_hour,
.ui-timepicker-div .ui_tpicker_minute,
.ui-timepicker-div .ui_tpicker_second {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  margin-top: 4px;
  margin-bottom: 10px;
}
.ui-timepicker-div .ui-slider {
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  cursor: pointer;
}
.ui-timepicker-div .ui-slider .ui-slider-handle {
  border-radius: 3px;
  background: #007CC2;
  cursor: pointer;
  border: 1px solid #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
body .ui-datepicker .ui-datepicker-buttonpane button {
  background: #007CC2;
  color: #fff;
  border-radius: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'Open Sans', Arial, Verdana, Helvetica;
  font-weight: normal;
}
.row.date-row .editor-field {
  width: 120px;
}
.row.date-row .editor-field .date-field {
  left: 0;
  position: absolute;
  right: 28px;
  width: auto;
}
.row.date-row .editor-field .date-field input {
  position: absolute;
  right: 28px;
  left: 0;
  top: 0;
}
.row.date-row .editor-field .icons.calendar {
  background-position: -312px 2px;
  float: right;
  height: 32px;
}
.datepicker-icon {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  max-width: 178px;
  min-height: 32px;
}
.datepicker-icon.without-time {
  max-width: 114px;
}
.input-date-pick {
  left: 0;
  position: absolute;
  right: 0px;
}
.datepicker-icon input[type="text"] {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 32px;
}
.icons.calendar,
.inlined-popup .icons.calendar {
  background-position: -311px -2px;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 3px;
  width: 30px;
  left: auto;
  margin-right: 0;
}
/* END DATEPICKER*/
/* KOMUNIKATY */
.message {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  background: #ccc;
  position: relative;
  margin-bottom: 20px;
}
.message.info,
.message {
  background: #8dc4e3;
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.message.warning {
  background: #efb732;
}
.message.error {
  background: #Ff6666;
}
.message .icons {
  background-position: -124px -112px;
  height: 41px;
  width: 44px;
  position: absolute;
  left: 17px;
  top: 20px;
}
.message.warning .icons {
  background-position: -169px -136px;
}
.message.error .icons {
  background-position: -215px -136px;
}
.message.info .icons {
  background-position: -124px -136px;
}
.message .content {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 54px;
  min-height: 33px;
  padding-top: 7px;
}
.message.warning .content {
  padding-left: 59px;
}
.message .content .nav {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 15px;
}
/* END DODATKI JAVASCRIPTOWE */
/* END DODATKI JAVASCRIPTOWE */
/* END DODATKI JAVASCRIPTOWE */
/* IE8HACK */
/* NOWA WYSYŁKA */
.row.ship-limits {
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0;
  width: auto;
}
.row.ship-limits .editor-field {
  margin-bottom: 0;
}
.hours-from-label,
.hours-to-label {
  display: block;
  float: left;
  width: auto;
  line-height: 31px;
}
.hours-from,
.hours-to {
  display: block;
  float: left;
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
}
.hours-from input,
.hours-to input {
  min-width: 1px;
}
.row.no-more {
  margin-top: 10px;
  margin-bottom: 13.33333333px;
}
.advanced .separator {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #DDDDDD;
  display: block;
  float: left;
  width: 100%;
}
.not-more-than-label,
.not-more-than-sms-label,
.not-more-than-sms-minutes-label {
  display: block;
  float: left;
  width: auto;
  line-height: 31px;
}
.not-more-than-field,
.not-more-than-sms-field {
  display: block;
  float: left;
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
}
.not-more-than-field input,
.not-more-than-sms-field input {
  min-width: 1px;
}
.advanced-text {
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
}
.advanced-text:before {
  display: block;
  float: left;
  width: 12px;
  height: 8px;
  margin-right: 5px;
  margin-top: 7px;
  background: url("../images/icons_sprites.png") no-repeat scroll -215px -88px;
  content: " ";
}
.advanced {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #eee;
  padding: 0 10px;
}
.labeled-block {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0;
  background: #eee;
}
.notifications-layer {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
}
.inline-notification {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 20px 15px 70px;
  background: #d2e4ee;
  border: 1px solid #bad7e8;
  position: relative;
  min-height: 72px;
  margin-bottom: 20px;
}
.inline-notification.statusERROR {
  background: #f0cccc;
  border-color: #eb9c9c;
}
.inline-notification .icons {
  background-position: -124px -33px;
  height: 40px;
  width: 42px;
  left: 10px;
  top: 20px;
  position: absolute;
}
.inline-notification .icons.notification-ok {
  background-position: -124px -33px;
}
.inline-notification .icons.notification-error {
  background-position: -215px -33px;
}
table.details-div,
table.details-div:not(.ui-datepicker-calendar) {
  max-width: 600px;
  margin: 20px auto;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
table.details-div tbody tr td,
table.details-div:not(.ui-datepicker-calendar) tbody tr td,
table.details-div tbody tr:hover td,
table.details-div:not(.ui-datepicker-calendar) tbody tr:hover td,
table.details-div tbody tr:nth-child(2n+1) td,
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td,
table.details-div tbody tr td:nth-child(2n),
table.details-div:not(.ui-datepicker-calendar) tbody tr td:nth-child(2n),
table.details-div tbody tr:hover td:nth-child(2n),
table.details-div:not(.ui-datepicker-calendar) tbody tr:hover td:nth-child(2n),
table.details-div tbody tr:nth-child(2n+1) td:nth-child(2n),
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td:nth-child(2n),
table.details-div tbody tr th,
table.details-div:not(.ui-datepicker-calendar) tbody tr th,
table.details-div tbody tr:hover th,
table.details-div:not(.ui-datepicker-calendar) tbody tr:hover th,
table.details-div tbody tr:nth-child(2n+1) th,
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) th {
  cursor: default;
  border: 1px solid #ccc !important;
}
table.details-div tbody tr th,
table.details-div:not(.ui-datepicker-calendar) tbody tr th,
table.details-div tbody tr:hover th,
table.details-div:not(.ui-datepicker-calendar) tbody tr:hover th,
table.details-div tbody tr:nth-child(2n+1) th,
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) th {
  width: 30%;
  background: #fff;
}
table.details-div tbody tr td,
table.details-div:not(.ui-datepicker-calendar) tbody tr td,
table.details-div tbody tr:hover td,
table.details-div:not(.ui-datepicker-calendar) tbody tr:hover td,
table.details-div tbody tr:nth-child(2n+1) td,
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td {
  width: 70%;
  background: #fff;
}
table.details-div tbody tr:nth-child(2n+1) th,
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) th {
  width: 30%;
  background: #eee;
}
table.details-div tbody tr:nth-child(2n+1) td,
table.details-div:not(.ui-datepicker-calendar) tbody tr:nth-child(2n+1) td {
  width: 70%;
  background: #eee;
}
#fileselector {
  float: left;
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
  width: 1px;
}
.personalization-headers {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  background: none repeat scroll 0 0 #C4F0FF;
  border: 1px solid red;
  margin-top: 10px;
}
.invalid-phones-inline {
  background: none repeat scroll 0 0 #FF9999;
  border: 1px solid red;
}
.valid-phones-inline {
  background: none repeat scroll 0 0 #d0ffd0;
  border: 1px solid green;
}
.invalid-phones {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  background: none repeat scroll 0 0 #FF9999;
  border: 1px solid red;
  margin-top: 10px;
}
.valid-phones {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  background: none repeat scroll 0 0 #d0ffd0;
  border: 1px solid green;
  margin-top: 10px;
}
.new-file {
  margin-top: 20px;
}
option.file-select {
  color: lightblue;
  font-weight: bold;
}
.graphic-radio {
  display: none;
}
label + input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  float: left;
  position: relative;
  margin-right: 20px;
  font-weight: normal;
}
input[type="radio"] + label:before {
  content: " ";
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url("../images/icons_sprites.png") no-repeat scroll -349px -38px rgba(0, 0, 0, 0);
  margin-right: 4px;
}
input[type="radio"]:checked + label:before {
  background-position: -375px -38px;
}
.row-phones {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}
.manual-input-phones {
  margin-left: 10px;
}
.with-tooltip .relative-tooltiped {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 2px;
  height: 2px;
}
.editor-field.with-tooltip.date-time-field {
  width: 220px;
}
.with-tooltip:hover .relative-tooltiped .tooltiped {
  display: block;
}
td.with-tooltip {
  cursor: help;
}
.bookmarked-radio {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 20px;
  font-size: 16px;
  height: auto;
  background: #888;
  color: #fff;
  margin-right: 1px;
}
.bookmarked {
  display: none;
}
.bookmarked:checked + .bookmarked-radio {
  background: #007CC2;
}
.bookmarked + .bookmarked-radio:before {
  display: none;
}
.bookmarked-border {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  border: 1px solid #007CC2;
}
.bookmarked-border label[for="Phones"] {
  display: none;
}
.bookmarked-border .manual-input-phones {
  margin-left: 0;
}
.icons.add-number {
  background-position: -916px -40px;
  height: 21px;
  margin-bottom: -1px;
  margin-right: 10px;
  position: relative;
  width: 21px;
}
.icons.remove-number {
  background-position: -108px -4px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  position: relative;
}
/* PAGINACJA NUMERÓW TELEFONU */
.phone-number {
  display: inline-block;
  padding-right: 10px;
}
/* POPUPY */
.lightbox-bg {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 200000;
}
.popup .popup-center {
  left: 0;
  top: 0;
  z-index: 200000;
  display: block;
  position: fixed;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}
.popup .popup-center .popup-block {
  margin: 0 auto;
  max-width: 480px;
  position: relative;
  top: 50%;
}
.popup .popup-center .popup-block .title {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.popup .popup-center .popup-block .title span {
  display: inline;
  font-size: 30px;
  line-height: 30px;
}
.popup .popup-center .popup-block .popup-content {
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 20px 0;
  position: relative;
}
.popup .popup-center .popup-block .popup-content .content {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 15px 20px 0 60px;
  min-height: 54px;
}
.popup .popup-center .popup-block .popup-content .icon {
  display: block;
  position: absolute;
  left: 0;
  top: 20px;
  margin-top: 0px;
  width: 39px;
  height: 34px;
  background: url("../images/icons_sprites.png") no-repeat scroll -41px -33px;
}
.error-div {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.error-div .error-left {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  text-align: center;
}
.error-div .error-right {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70%;
}
.error-div .error-right ul {
  padding: 0;
  margin: 10px 0;
}
.error-div .error-right ul li {
  margin-left: 14px;
  list-style-image: url("../images/ul_li.png");
}
.offline-div {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 800px;
  float: none;
  margin: 40px auto;
}
.offline-div .offline-left {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  text-align: center;
}
.offline-div .offline-right {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
  padding-top: 160px;
}
.offline-div .offline-right h2.title {
  border-bottom: none;
  font-weight: 700;
  font-size: 40px;
}
.offline-div .offline-right .blue-offline {
  font-size: 20px;
  line-height: 26px;
  color: #007CC2;
}
.offline-div .offline-right .gray-offline {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.offline-div .offline-right ul {
  padding: 0;
  margin: 10px 0;
}
.offline-div .offline-right ul li {
  margin-left: 14px;
  list-style-image: url("../images/ul_li.png");
}
/* NIEWSPIERANA PRZEGLĄDARKA - SPLASH */
.unsupported-browser-info {
  background: #FFFFFF;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200000;
}
.unsupporterd-browser-center {
  display: block;
  margin: 40px auto;
  max-width: 800px;
}
.unsupporterd-browser-center .title {
  font-size: 50px;
  line-height: 60px;
  border-bottom: medium none;
}
.unsupporterd-browser-center .title .unsupported-warning-icon {
  float: left;
  margin-right: 20px;
  margin-top: 16px;
}
.using-info {
  font-size: 20px;
  font-weight: 300;
  margin-left: 133px;
}
.unsupporterd-browser-center ul,
.unsupporterd-browser-center ul li {
  list-style: none;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.unsupporterd-browser-center ul {
  padding-left: 133px;
  margin: 30px 0;
}
.unsupporterd-browser-center ul li {
  font-size: 20px;
  font-weight: 300;
  padding: 0 0 18px 0;
  background: url("../images/browsers_sepparator.png") center bottom no-repeat;
}
.unsupporterd-browser-center ul li img {
  vertical-align: middle;
  margin-right: 12px;
}
.unsupporterd-browser-center .error-info {
  float: left;
  font-weight: 300;
  padding-left: 135px;
}
.unsupporterd-browser-center .buttons.close {
  float: right;
  *display: none;
}
/* Szczegóły załadowanych telefonów */
.section {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
  width: 100%;
  margin-top: 0;
}
.section .phone-number {
  display: block;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 20px;
}
.phone-number:before {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  background: url("../images/icons_sprites.png") no-repeat scroll -137px -82px rgba(0, 0, 0, 0);
  content: " ";
}
.phone-number.invalid:before {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  background: url("../images/icons_sprites.png") no-repeat scroll -109px -84px rgba(0, 0, 0, 0);
  content: " ";
}
.section.phone-duplicates {
  background: #eadd87;
}
.section.blocked-phones {
  background: #FBD1A8;
}
/* reklamacje filtrowanie */
.checkbox-filter {
  float: left;
  padding-right: 20px;
  width: 23%;
}
.hint-more-info {
  background: none repeat scroll 0 0 #FFFFcc;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  display: block;
  padding: 20px;
  position: absolute;
  z-index: 100;
  font-size: 12px;
  line-height: 18px;
}
.hint-more-info .row {
  width: auto;
  clear: both;
}
.expander-contracter {
  float: right;
  background-position: -157px -183px;
  margin: 20px;
}
body.expanded .expander-contracter {
  background-position: -182px -182px;
}
body.expanded .document-center {
  max-width: 100%;
}
.summary-messages {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.summary-messages-title {
  margin-top: 20px;
}
/* CENTROWANIE ETYKIET */
.shipment-fields {
  display: block;
  float: left;
  margin: 0 8%;
  width: 74%;
}
.shipment-fields .editor-label {
  width: 25%;
  text-align: right;
  padding-right: 10px;
}
.shipment-fields .editor-label label {
  float: right;
  margin-top: 7px;
}
.shipment-fields .editor-field {
  width: 75%;
}
.shipment-fields .editor-field.receiver-row {
  padding-right: 155px;
}
.shipment-fields .editor-field .editor-field {
  margin-right: 0px;
  float: right;
}
.shipment-fields .editor-field .txt,
.shipment-fields .editor-field input[type="text"],
.shipment-fields .editor-field input[type="password"],
.shipment-fields .editor-field input[type="date"],
.shipment-fields .editor-field input[type="number"],
.shipment-fields .editor-field input[type="datetime"],
.shipment-fields .editor-field input[type="email"],
.shipment-fields .editor-field input[type="tel"],
.shipment-fields .editor-field input[type="url"],
.shipment-fields .editor-field select,
.shipment-fields .editor-field textarea {
  width: 100%;
}
.shipment-fields .editor-field .txt.hasDatepicker,
.shipment-fields .editor-field input[type="text"].hasDatepicker,
.shipment-fields .editor-field input[type="password"].hasDatepicker,
.shipment-fields .editor-field input[type="date"].hasDatepicker,
.shipment-fields .editor-field input[type="number"].hasDatepicker,
.shipment-fields .editor-field input[type="datetime"].hasDatepicker,
.shipment-fields .editor-field input[type="email"].hasDatepicker,
.shipment-fields .editor-field input[type="tel"].hasDatepicker,
.shipment-fields .editor-field input[type="url"].hasDatepicker,
.shipment-fields .editor-field select.hasDatepicker,
.shipment-fields .editor-field textarea.hasDatepicker {
  width: 100%;
}
.shipment-fields .no-padding .editor-field {
  padding-right: 0;
}
.sms-newsletter-fields {
  display: block;
  float: left;
  margin: 0 18%;
  width: 64%;
}
.sms-newsletter-fields .editor-label {
  width: 25%;
  text-align: right;
  padding-right: 10px;
}
.sms-newsletter-fields .editor-label label {
  float: right;
  margin-top: 7px;
}
.sms-newsletter-fields .editor-field {
  width: 75%;
}
.sms-newsletter-fields .editor-field.receiver-row {
  padding-right: 155px;
}
.sms-newsletter-fields .editor-field .editor-field {
  margin-right: 0px;
  float: right;
}
.sms-newsletter-fields .editor-field .txt,
.sms-newsletter-fields .editor-field input[type="text"],
.sms-newsletter-fields .editor-field input[type="password"],
.sms-newsletter-fields .editor-field input[type="date"],
.sms-newsletter-fields .editor-field input[type="number"],
.sms-newsletter-fields .editor-field input[type="datetime"],
.sms-newsletter-fields .editor-field input[type="email"],
.sms-newsletter-fields .editor-field input[type="tel"],
.sms-newsletter-fields .editor-field input[type="url"],
.sms-newsletter-fields .editor-field select,
.sms-newsletter-fields .editor-field textarea {
  width: 100%;
}
.sms-newsletter-fields .editor-field .txt.hasDatepicker,
.sms-newsletter-fields .editor-field input[type="text"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="password"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="date"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="number"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="datetime"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="email"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="tel"].hasDatepicker,
.sms-newsletter-fields .editor-field input[type="url"].hasDatepicker,
.sms-newsletter-fields .editor-field select.hasDatepicker,
.sms-newsletter-fields .editor-field textarea.hasDatepicker {
  width: 100%;
}
.sms-newsletter-fields .no-padding .editor-field {
  padding-right: 0;
}
.email2sms-fields {
  display: block;
  float: left;
  margin: 0 18%;
  width: 64%;
}
.email2sms-fields .editor-label {
  width: 40%;
  text-align: right;
  padding-right: 10px;
}
.email2sms-fields .editor-label label {
  float: right;
  margin-top: 7px;
}
.email2sms-fields .editor-field {
  width: 60%;
}
.email2sms-fields .editor-field.receiver-row {
  padding-right: 155px;
}
.email2sms-fields .editor-field .editor-field {
  margin-right: 0px;
  float: right;
}
.email2sms-fields .editor-field .txt,
.email2sms-fields .editor-field input[type="text"],
.email2sms-fields .editor-field input[type="password"],
.email2sms-fields .editor-field input[type="date"],
.email2sms-fields .editor-field input[type="number"],
.email2sms-fields .editor-field input[type="datetime"],
.email2sms-fields .editor-field input[type="email"],
.email2sms-fields .editor-field input[type="tel"],
.email2sms-fields .editor-field input[type="url"],
.email2sms-fields .editor-field select,
.email2sms-fields .editor-field textarea {
  width: 100%;
}
.email2sms-fields .editor-field .txt.hasDatepicker,
.email2sms-fields .editor-field input[type="text"].hasDatepicker,
.email2sms-fields .editor-field input[type="password"].hasDatepicker,
.email2sms-fields .editor-field input[type="date"].hasDatepicker,
.email2sms-fields .editor-field input[type="number"].hasDatepicker,
.email2sms-fields .editor-field input[type="datetime"].hasDatepicker,
.email2sms-fields .editor-field input[type="email"].hasDatepicker,
.email2sms-fields .editor-field input[type="tel"].hasDatepicker,
.email2sms-fields .editor-field input[type="url"].hasDatepicker,
.email2sms-fields .editor-field select.hasDatepicker,
.email2sms-fields .editor-field textarea.hasDatepicker {
  width: 100%;
}
.email2sms-fields .no-padding .editor-field {
  padding-right: 0;
}
.receiver-row .loader-buttton {
  float: left;
  width: 142px;
  position: absolute;
  right: 0;
}
.receiver-row .loader-buttton .editor-field {
  width: 100%;
  padding: 0;
}
.receiver-row .loader-buttton .editor-field .buttons {
  margin-right: 0;
  float: right;
}
.receiver-row .loader-buttton .buttons.iconed.fileselector {
  margin-right: 0;
}
.receiver-row .read-file-again {
  float: left;
  width: 192px;
  position: absolute;
  right: 0;
}
.receiver-row .read-file-again .buttons {
  margin: 0;
  float: right;
}
.row.advanced .editor-field {
  padding-right: 0;
}
.sms-number-counter {
  display: block;
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
}
.address-list-editor,
.templates-editor {
  display: block;
  float: left;
  margin: 0 17% 0 3%;
  width: 80%;
}
.address-list-editor .editor-label,
.templates-editor .editor-label {
  width: 25%;
  padding-right: 10px;
}
.address-list-editor .editor-label label,
.templates-editor .editor-label label {
  float: right;
  margin-top: 7px;
}
.address-list-editor .editor-field,
.templates-editor .editor-field {
  width: 75%;
}
.address-list-editor .editor-field .editor-field,
.templates-editor .editor-field .editor-field {
  width: 100%;
}
.Account-Admin-User-Edit,
.Account-Admin-User-New {
  display: block;
  float: left;
  margin: 0 8%;
  width: 74%;
}
.Account-Admin-User-Edit .editor-label,
.Account-Admin-User-New .editor-label {
  padding-right: 10px;
  text-align: right;
  width: 25%;
}
.Account-Admin-User-Edit .editor-label label,
.Account-Admin-User-New .editor-label label {
  float: right;
  margin-top: 7px;
}
.Account-Admin-User-Edit .editor-field,
.Account-Admin-User-New .editor-field {
  width: 75%;
}
.Account-Admin-Reset-Password {
  display: block;
  float: left;
  margin: 0 25%;
  width: 50%;
}
.Account-Admin-Reset-Password .editor-label {
  padding-right: 10px;
  text-align: right;
  width: 35%;
}
.Account-Admin-Reset-Password .editor-label label {
  float: right;
  margin-top: 7px;
}
.Account-Admin-Reset-Password .editor-field {
  width: 65%;
}
.simple-api-form {
  display: block;
  float: left;
  margin: 0 8%;
  width: 74%;
}
.simple-api-form .editor-label {
  padding-right: 10px;
  text-align: right;
  width: 25%;
}
.simple-api-form .editor-label label {
  float: right;
  margin-top: 7px;
}
.simple-api-form .editor-field {
  width: 75%;
}
/* NEWSLETTER STYLE*/
iframe {
  border: 1px solid #CCCCCC;
}
/* REJESRTACJA */
.registration-fields.inlined-popup h2 {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  margin-top: 40px;
}
.registration-fields {
  display: block;
  float: left;
  margin: 0 18%;
  width: 64%;
}
.registration-fields .editor-label {
  width: 35%;
  text-align: right;
  padding-right: 10px;
}
.registration-fields .editor-label label {
  float: right;
  margin-top: 7px;
}
.registration-fields .editor-field {
  width: 65%;
}
.registration-fields .editor-field.receiver-row {
  padding-right: 155px;
}
.registration-fields .editor-field .editor-field {
  margin-right: 0px;
  float: right;
}
.registration-fields .editor-field .txt,
.registration-fields .editor-field input[type="text"],
.registration-fields .editor-field input[type="password"],
.registration-fields .editor-field input[type="date"],
.registration-fields .editor-field input[type="number"],
.registration-fields .editor-field input[type="datetime"],
.registration-fields .editor-field input[type="email"],
.registration-fields .editor-field input[type="tel"],
.registration-fields .editor-field input[type="url"],
.registration-fields .editor-field select,
.registration-fields .editor-field textarea {
  width: 100%;
}
.registration-fields .editor-field .txt.hasDatepicker,
.registration-fields .editor-field input[type="text"].hasDatepicker,
.registration-fields .editor-field input[type="password"].hasDatepicker,
.registration-fields .editor-field input[type="date"].hasDatepicker,
.registration-fields .editor-field input[type="number"].hasDatepicker,
.registration-fields .editor-field input[type="datetime"].hasDatepicker,
.registration-fields .editor-field input[type="email"].hasDatepicker,
.registration-fields .editor-field input[type="tel"].hasDatepicker,
.registration-fields .editor-field input[type="url"].hasDatepicker,
.registration-fields .editor-field select.hasDatepicker,
.registration-fields .editor-field textarea.hasDatepicker {
  width: 100%;
}
.registration-fields .no-padding .editor-field {
  padding-right: 0;
}
.registration-fields.inlined-popup .icons.tooltip {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
}
.from-filter {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
}
.to-filter {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
}
.recipient-filter {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}
.phone-filter {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
}
.from-filter,
.to-filter,
.recipient-filter,
.phone-filter {
  margin-bottom: 10px;
}
.side-float form {
  width: auto;
}
#cc-baner {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #FF9999;
}
#cc-baner.cc-baner-yes {
  background-color: #E9FFE9;
}
.tablesorter-cost-centers {
  width: 100%;
  float: left;
}
.buttons.cost-center-enabled {
  margin-right: 20px;
}
.new-cost-center {
  display: block;
  float: left;
  margin: 0 8%;
  width: 74%;
}
.new-cost-center .editor-label {
  width: 35%;
}
.new-cost-center .editor-label label {
  float: right;
  margin-top: 7px;
  padding-right: 10px;
}
.new-cost-center .editor-field {
  width: 65%;
}
.customer-activity-chart,
.user-activity-chart {
  display: block;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  max-width: 50%;
  width: 100%;
  margin: 0 0 20px 0;
}
.most-active-users-row {
  display: block;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  max-width: 70%;
  width: 100%;
  margin: 0 15% 20px 15%;
}
.most-active-users-chart {
  max-width: 200px;
  margin: 0 auto;
  width: 100%;
}
.customer-activity-chart h2.title,
.user-activity-chart h2.title,
.most-active-users-row h2.title {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 8px;
  padding-top: 20px;
  border-bottom: none;
  text-align: center;
  padding-top: 0;
}
.messages-sended-legend,
.sms-sended-legend,
.legend-color {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.legend-block {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5px;
  margin-right: 5px;
}
.messages-sended-legend {
  background: #dcdcdc;
}
.sms-sended-legend {
  background: #97bbcd;
}
#user-activity-legend {
  text-align: center;
  width: 100%;
}
#messages-stats-customer,
#messages-stats-user {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webbkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.legend-text {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.legend-blocker {
  background: none repeat scroll 0 0 #eee;
  border-radius: 0;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 5px 10px 10px;
}
.labels-personalization > p {
  background: #ddd none repeat scroll 0 0;
  border-radius: 4px;
  float: left;
  margin: 0 0 5px 5px;
  padding: 2px 4px;
  cursor: pointer;
}
.how-to-expandable .advanced-text {
  color: #007CC2;
  margin-top: 0;
}
.how-to-expandable .advanced-text:before {
  background: rgba(0, 0, 0, 0) url("../images/icons_sprites.png") no-repeat scroll -474px -88px;
}
.how-to-expandable .icons.tooltip {
  bottom: 7px;
  left: 5px;
  position: relative;
  right: 0;
  top: 0;
}
div.txt {
  min-height: 130px;
}
div.txt #BodyEditor {
  min-height: 120px;
}
.phones-list {
  margin-bottom: 20px;
}
.form-info {
  line-height: 34px;
}
.nowrap {
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .ban-zone {
    display: none;
  }
}