html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
.pos-avatar-md {
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  margin-left: 15px;
  margin-right: 15px;
}
.pos-avatar-sm {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-left: 15px;
    margin-right: 15px;
}
.pos-avatar-blank-60 {
  border: 1px solid #d5dce6;
  background: transparent url('../img/avatar-empty-60-2.png') no-repeat center center;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
}
.pos-avatar-100-login {
    width: 100%;
    height: 100%;
}
.pos-avatar-blank-40 {
  /*border:1px solid @color-grey-line;*/
  background: transparent url('../img/avatar-empty.svg') no-repeat center center;
  background-size: 40px;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
}
.pos-avatar-blank-220 {
  /*border:1px solid @color-grey-line;*/
  background: transparent url('../img/avatar-general-empty.svg') no-repeat center center;
  width: 220px;
  height: 220px;
  display: inline-block;
  text-align: center;
}
.pos-avatar-login {
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 0 auto;
}
.pos-btn-login {
  width: 220px;
  height: 40px;
  background-color: #31a1ea;
  margin-top: 1em;
  color: white;
  opacity: 1;
}
.pos-btn-login-azure-logo {
  max-width: 25px;
  margin-right: 5px;
}
.pos-btn-login-okta-logo {
    max-width: 25px;
    margin-right: 5px;
}
.pos-reset-pass {
  color: #31a1ea;
}
.pos-reset-pass:hover {
  cursor: pointer;
}
.fa.fa-spin.fa-spinner {
  position: absolute;
}
.pos-line-dotted {
  border: 0;
  border-bottom: 1px dashed #31a1ea;
  background: transparent;
  margin: 10px 0;
}
.pos-line {
  border: 0;
  border-bottom: 1px solid #d5dce6;
  background: transparent;
  margin: 10px 0;
}
.pos-color-triangle {
  width: 0;
  height: 0;
  border-style: solid !important;
  border-width: 20px 0 0 20px !important;
  /*border-color: transparent transparent transparent #007bff;*/
  /*border-style: inset;*/
  display: inline-block;
  position: absolute;
  bottom: 1px;
  left: 1px;
}
.pos-bottom-left,
.pos-bottom-right {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.pos-bottom-right {
  right: 20px;
}
.color-white {
  color: #ffffff;
}
.overflow-padded {
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.visibility-hidden-1 {
  visibility: hidden;
  height: 0px;
}
/***** Tables  ******/
.pos-table-container {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.table-scrolled {
  margin-bottom: 0;
  border-color: #d5dce6;
}
.table-scrolled .col-sm-1 {
  max-width: 8.33333333%;
}
.table-scrolled .col-sm-2 {
  max-width: 16.66666667%;
}
.table-scrolled .col-sm-4 {
  max-width: 33.33333333%;
}
.table-scrolled tr {
  width: 100%;
  display: inline-table;
}
.table-scrolled thead {
  height: 60px;
  border: none;
  /*width:calc(~'100% - (20px)');
        padding-right:20px;*/
}
.table-scrolled thead tr {
  /*width:calc(~'100% - (20px)');*/
  /*padding-right:20px;*/
  /*width:calc(~'100% - (20px)');*/
}
.table-scrolled thead tr th {
  border-bottom: 1px solid #d5dce6;
  overflow: hidden;
}
.table-scrolled tfoot {
  height: 40px;
  font-weight: bold;
}
.table-scrolled tbody {
  border: 0px solid transparent;
  height: calc(100% - (60px + 40px));
  /*overflow-y: auto;*/
  overflow-y: overlay;
  /*width: calc(~'100% - 20px');*/
  width: 100%;
  position: absolute;
}
.table-scrolled tbody tr td {
  border-color: #d5dce6;
  overflow: hidden;
}
.table-scrolled tbody tr:first-child {
  border: none;
}
.table-scrolled tbody tr:first-child td {
  border-top: none;
}
.table-scrolled tbody + tbody {
  border-top: 0px solid #d5dce6;
}
.table-scrolled .btn-link {
  white-space: normal;
  text-align: left;
}
/***** / Tables  ******/
/***** Fonts ******/
@font-face {
  font-family: 'open-sans-light';
  src: url('../fonts/opensans_light/OpenSans-Light-webfont.eot');
  src: url('../fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-bold';
  src: url('../fonts/opensans_bold/OpenSans-Bold-webfont.eot');
  src: url('../fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-bold-italic';
  src: url('../fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.eot');
  src: url('../fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/opensans_bolditalic/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-extra-bold';
  src: url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.eot');
  src: url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/opensans_extrabold/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-extra-bold-italic';
  src: url('../fonts/opensans_extrabolditalic/OpenSans-ExtraBoldItalic-webfont.eot');
  src: url('OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-italic';
  src: url('../fonts/opensans_italic/OpenSans-Italic-webfont.eot');
  src: url('../fonts/opensans_italic/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_italic/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/opensans_italic/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/opensans_italic/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-light-italic';
  src: url('../fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.eot');
  src: url('../fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.woff') format('woff'), url('../fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../fonts/opensans_lightitalic/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-regular';
  src: url('../fonts/opensans_regular/OpenSans-Regular-webfont.eot');
  src: url('../fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-semi-bold';
  src: url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');
  src: url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans-semi-bold-italic';
  src: url('../fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.eot');
  src: url('../fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/opensans_semibolditalic/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/***** /Fonts ******/
/***** Mixins ******/
/***** / Mixins ******/
/***** Buttons ******/
.btn-navbar {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: transparent;
  height: 60px;
  width: 100px;
  border-bottom: 5px solid transparent;
  color: #ffffff;
  outline: none !important;
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar:focus {
  background-color: #31a1ea;
  border-bottom: 5px solid #2781bb;
  color: #ffffff;
}
.btn-navbar .badge {
  background-color: #ff6600;
  color: #ffffff;
  position: relative;
  left: 12px;
  top: -3px;
}
.btn-access-control {
  background: transparent url('../img/pos-icon-key.png') no-repeat center center;
}
.btn-pos {
  background: transparent url('../img/pos-icon-pos.png') no-repeat center center;
}
.btn-schedule {
  background: transparent url('../img/pos-icon-schedule.png') no-repeat center center;
}
.btn-lockers {
  background: transparent url('../img/pos-icon-lock.png') no-repeat center center;
}
.btn-notes {
  background: transparent url('../img/pos-icon-notes.png') no-repeat center center;
}
.btn-configuration {
  background: transparent url('../img/pos-icon-settings.png') no-repeat center center;
}
.btn-navbar-user {
  min-width: 260px;
  color: #ffffff;
  background-color: transparent;
  width: auto;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: right;
  position: relative;
  border-left: 1px solid #757579;
  padding-left: 25px;
  /*border-left: 1px solid #4e535b;*/
}
.btn-navbar-user .caret {
  color: #ffffff;
  margin-right: 5px;
  position: absolute;
  left: 10px;
  top: calc(50% - 3px);
}
.btn-navbar-user .glyphicon {
  margin-left: 5px;
}
.btn-navbar-user:hover {
  border-bottom: none;
  background-color: #31a1ea;
}
.btn-navbar-user:active,
.btn-navbar-user:focus {
  border-bottom: none;
  background-color: transparent;
}
.btn-sidebar-vertical {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: transparent;
  height: 80px;
  width: 80px;
  border-right: 5px solid transparent;
  color: #ffffff;
}
.btn-sidebar-vertical:hover,
.btn-sidebar-vertical:active,
.btn-sidebar-vertical:focus {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #31a1ea;
  border-right: 5px solid #269de3;
  color: #ffffff;
}
.btn-sidebar-tasks {
  background: transparent url('../img/pos-icon-sidebar-tasks.png') no-repeat center center;
}
.btn-sidebar-notes {
  background: transparent url('../img/pos-icon-sidebar-notes.png') no-repeat center center;
}
.btn-sidebar-info {
  background: transparent url('../img/pos-icon-sidebar-info.png') no-repeat center center;
}
.btn-sidebar-products {
  background: transparent url('../img/pos-icon-sidebar-products.png') no-repeat center center;
}
.btn-sidebar-payments {
  background: transparent url('../img/pos-icon-sidebar-payments.png') no-repeat center center;
}
.btn-sidebar-agreement {
  background: transparent url('../img/pos-icon-sidebar-agreement.png') no-repeat center center;
}
.btn-shadow {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: transparent;
  /*white-space:normal;*/
  float: none;
}
.btn-add-new-item {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #31a1ea;
  color: #ffffff;
}
.btn-attachment {
  background: transparent url('../img/pos-icon-attachment.png') no-repeat bottom left;
  display: inline-block;
  height: 20px;
  width: 15px;
  cursor: pointer;
}
.btn-archive {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: transparent url('../img/pos-icon-archive.png') no-repeat top left;
  display: inline-block;
  height: 30px;
  width: 32px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.btn-link,
.btn-link-blue,
.btn-back-header {
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  border: none;
  font-size: 16px;
  line-height: normal;
  /*padding:0 70px;*/
  padding: 0;
  background-color: transparent;
  color: #31a1ea;
}
.btn-link:hover,
.btn-link-blue:hover,
.btn-back-header:hover,
.btn-link:active,
.btn-link-blue:active,
.btn-back-header:active,
.btn-link:focus,
.btn-link-blue:focus,
.btn-back-header:focus {
  color: #31a1ea;
  /*text-decoration:underline;*/
  border: none;
  outline: none;
}
.btn-link-blue {
  color: #31a1ea;
  padding-left: 5px;
}
.btn-link-blue:hover,
.btn-link-blue:active,
.btn-link-blue:focus {
  color: #31a1ea;
  /*text-decoration:underline;*/
}
.btn-exit-inclub {
  height: 16px;
  color: white !important;
  font-size: 11px;
  width: auto;
  padding: 0;
  line-height: 0;
  margin-top: 0px;
  background: none;
  text-align: left;
}
.btn-exit-inclub span {
  text-decoration: underline;
  margin-left: 5px;
}
.btn-back-header {
  background: transparent url('../img/pos-arrow-left-back-1.png') no-repeat center left;
  line-height: 42px;
  padding-left: 40px;
  text-transform: lowercase;
  padding-left: 8px;
}
.btn-action,
.btn-action-small,
.btn-action-small-1,
.btn-action-small-2,
.btn-action-cancel,
.btn-action-cancel-small,
.btn-action-pos-panel,
.btn-action-pos-panel-1,
.btn-action-grey {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  min-width: 180px;
  height: 60px;
  padding: 0 20px;
  background-color: #31a1ea;
  font-size: 18px;
  color: #ffffff;
  white-space: normal;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.btn-action span,
.btn-action-small span,
.btn-action-small-1 span,
.btn-action-small-2 span,
.btn-action-cancel span,
.btn-action-cancel-small span,
.btn-action-pos-panel span,
.btn-action-pos-panel-1 span,
.btn-action-grey span {
  font-size: 18px;
  line-height: 24px;
}
.btn-action:hover,
.btn-action-small:hover,
.btn-action-small-1:hover,
.btn-action-small-2:hover,
.btn-action-cancel:hover,
.btn-action-cancel-small:hover,
.btn-action-pos-panel:hover,
.btn-action-pos-panel-1:hover,
.btn-action-grey:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.benefit-system-icon {
  width: 20px;
}
.btn-action-cancel,
.btn-action-grey,
.btn-action-cancel-small {
  color: #525a6e !important;
  background-color: #d4d4d4 !important;
  border: none;
}
.btn-action-cancel:hover,
.btn-action-grey:hover,
.btn-action-cancel-small:hover {
  color: #525a6e;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.btn-action-small,
.btn-action-cancel-small,
.btn-action-small-2 {
  width: 85px;
  min-width: 85px;
  height: 30px;
  padding: 0 3px;
  font-size: 13px;
}
.btn-action-small span,
.btn-action-cancel-small span,
.btn-action-small-2 span {
  font-size: 13px;
}
.btn-action-small-1,
a.btn-action-small-1,
.dropdown-menu > li > a.btn-action-small-1 {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: none;
  background-color: transparent;
  width: 100%;
  min-width: 85px;
  height: 30px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
}
.btn-action-small-1 span,
a.btn-action-small-1 span,
.dropdown-menu > li > a.btn-action-small-1 span {
  font-size: 15px;
}
.btn-action-small-1:hover,
a.btn-action-small-1:hover,
.dropdown-menu > li > a.btn-action-small-1:hover,
.btn-action-small-1:active,
a.btn-action-small-1:active,
.dropdown-menu > li > a.btn-action-small-1:active,
.btn-action-small-1:focus,
a.btn-action-small-1:focus,
.dropdown-menu > li > a.btn-action-small-1:focus {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  /*color:@color-dark-grey;*/
  background: none;
  background-color: transparent;
}
.btn-action-small-2 {
  border: 1px solid #31a1ea;
  color: #31a1ea;
  background-color: #ffffff;
  padding: 0 5px;
  overflow: hidden;
}
.btn-action-small-2 .btn-action-small-addon {
  font-family: open-sans-semi-bold, Tahoma, Verdana, sans-serif;
  float: right;
  width: 25px;
  position: absolute;
  right: 5px;
  text-align: center;
  display: none;
}
.btn-action-small-2:hover,
.btn-action-small-2:active,
.btn-action-small-2:focus {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #31a1ea;
  color: #31a1ea;
  /*color:@color-dark-grey;*/
  background: none;
  background-color: #ffffff;
}
.btn-status-danger {
  background-color: red !important;
  color: white !important;
}
.btn-status-danger .btn-action-small-addon {
  display: inline-block;
  color: white !important;
}
.btn-status-danger:hover {
  color: white !important;
  background-color: red !important;
}
.btn-status-danger:hover .btn-action-small-addon {
  display: inline-block !important;
  color: white !important;
}
.btn-action-small-2.btn-status-danger {
  /*background: transparent url('../img/pos-icon-status-warning.png') no-repeat center left;*/
}
.btn-action-pos-panel {
  width: 100%;
  min-width: 100%;
  padding: 0;
}
.btn-action-pos-panel.active {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  background-color: #267db6;
}
.btn-action-pos-panel-1 {
  width: 100%;
  min-width: 100%;
  color: #525a6e;
  background-color: #d4d4d4;
  border: none;
}
.btn-action-pos-panel-1:hover {
  color: #525a6e;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.pos-btn-list {
  height: 100%;
  width: 100%;
  background-color: #459bd3;
  border-radius: 0;
  color: white;
  font-size: 18px;
}
.btn-task-attach {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: transparent url('../img/pos-icon-attachment-1.png') no-repeat center center;
  display: inline-block;
  height: 60px;
  width: 60px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.btn-task-attach input {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.btn-notes-archive {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: transparent url('../img/pos-icon-archive.png') no-repeat top left;
  display: inline-block;
  height: 30px;
  width: 32px;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.btn-pos-category {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #f2f2f2;
  border-bottom: 1px solid #d5dce6;
  border-bottom-width: 1px;
  position: relative;
  font-size: 16px;
  text-align: center;
  color: #1c4577;
  /*display:inline-block;*/
  height: 80px;
  /*width:160px;*/
  width: 100%;
  margin: 0;
  cursor: pointer;
  display: table;
  font-family: 'Open Sans', sans-serif;
}
.btn-pos-category span {
  display: table-cell;
  vertical-align: middle;
}
.btn-pos-category:hover,
.btn-pos-category:active,
.btn-pos-category:focus {
  text-decoration: none;
}
.active.btn-pos-category {
  background-color: #ffffff;
  border-bottom: 5px solid #d9d9d9;
  border-bottom-width: 5px;
  font-weight: bold;
}
.btn-pos-search,
.btn-user-search {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background: transparent url('../img/pos-icon-search -1.png') no-repeat center left;
  display: inline-block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
}
.btn-user-search {
  background: transparent url('../img/pos-icon-search.png') no-repeat center left;
}
.btn-dropdown-menu {
  border: none;
  background: none;
  background-color: transparent;
}
.btn-locker-room {
  border: 1px solid #31a1ea;
  background-color: transparent;
  background: none;
}
.btn-locker-room.active {
  background: #31a1ea;
}
.btn-locker {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  position: relative;
  border: none;
  width: 100%;
  height: 100%;
  min-height: 80px;
  min-width: 80px;
  background: none;
  background-color: transparent;
}
.btn-locker .pos-color-triangle.btn-default {
  border-color: transparent transparent transparent #d4d4d4;
  background: none;
  background-color: transparent;
}
.btn-locker .pos-color-triangle.btn-danger {
  border-color: transparent transparent transparent #b61e1e;
  background: none;
  background-color: transparent;
}
.btn-locker .pos-color-triangle.btn-primary {
  border-color: transparent transparent transparent #31a1ea;
  background: none;
  background-color: transparent;
}
.btn-locker:hover,
.btn-locker:active,
.btn-locker:focus {
  background-color: #31a1ea;
}
.btn-locker:hover .pos-color-triangle,
.btn-locker:active .pos-color-triangle,
.btn-locker:focus .pos-color-triangle {
  border-color: #31a1ea;
}
.btn-locker.disabled,
.btn-locker[disabled] {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-locker.disabled .pos-color-triangle.btn-danger,
.btn-locker[disabled] .pos-color-triangle.btn-danger {
  border-color: transparent transparent transparent #b61e1e;
  background: none;
  background-color: transparent;
}
.btn-action-custom {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
  background-color: #31a1ea;
  color: #ffffff;
  display: table;
  width: 100%;
  /*width:130px;*/
  height: 130px;
  padding: 10px;
  text-align: center;
}
.btn-action-custom span {
  vertical-align: middle;
  font-size: 16px;
  width: 100%;
  text-align: center;
}
.btn-action-custom span strong {
  font-size: 36px;
  width: 100%;
}
.btn-action-custom:hover,
.btn-action-custom:focus,
.btn-action-custom:active {
  color: #ffffff;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.btn-header-view-link {
  font-size: 16px;
  line-height: 42px;
  color: #31a1ea;
  background-color: transparent;
  background: none;
  border: none;
  outline: none;
}
.btn-header-view-link:hover,
.btn-header-view-link:focus,
.btn-header-view-link:active {
  background-color: transparent;
  border: none;
  outline: none;
}
.btn-header-view-link.active {
  color: #1c4577;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  font-family: open-sans-semi-bold, Tahoma, Verdana, sans-serif;
  background-color: transparent;
  background: none;
  border: none;
  outline: none;
}
.btn-header-view-link.active:hover,
.btn-header-view-link.active:focus,
.btn-header-view-link.active:active {
  background-color: transparent;
  border: none;
  outline: none;
}
.btn-quick-action {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  /*background: transparent url('../img/pos-icon-search -1.png') no-repeat center left;*/
  background-color: transparent;
  display: inline-block;
  height: 55px;
  width: 55px;
  cursor: pointer;
  margin: 0 10px 10px 0;
  padding: 0;
  border: 1px solid #7f8286;
}
.btn-quick-action:hover,
.btn-quick-action:focus,
.btn-quick-action:active {
  background-color: transparent;
  /*border:none;*/
}
.btn-quick-action img {
  vertical-align: middle;
  max-width: 40px;
}
.pos-quick-actions .btn-quick-action {
  float: left;
}
.btn-quick-action-sign-in {
  background: transparent url('../img/pos-icon-quick-sign-in.png') no-repeat center center;
}
.btn-quick-action-sign-in .finger-print-button img {
  /*width: 40px;
    margin-top: 9px;*/
}
.btn-quick-action-sign-out {
  background: transparent url('../img/pos-icon-quick-sign-out.png') no-repeat center center;
}
.btn-quick-action-print {
  background: transparent url('../img/pos-icon-quick-print.png') no-repeat center center;
}
.btn-datepicker {
  background: transparent url('../img/pos-icon-calendar-small.png') no-repeat center center;
  display: inline-block;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
.btn-sell-without-account {
  min-width: inherit;
  font-size: 16px;
}
/***** /Buttons ******/
.icon-archive {
  background: transparent url('../img/pos-btn-archive.png') no-repeat center left;
  display: inline-block;
  cursor: pointer;
  padding-left: 25px;
  min-height: 17px;
}
.icon-pos-discount,
.icon-pos-discount-1 {
  background: transparent url('../img/pos-icon-discount.png') no-repeat center left;
  display: inline-block;
  width: 23px;
  height: 25px;
}
.icon-pos-discount-1 {
  background: transparent url('../img/pos-icon-discount-1.png') no-repeat center left;
}
.icon-pos-service {
  background: transparent url('../img/pos-icon-star-white.png') no-repeat center left;
  display: inline-block;
  width: 19px;
  height: 18px;
}
.icon-pos-x {
  background: transparent url('../img/pos-icon-x.png') no-repeat center center;
  display: inline-block;
  width: 16px;
  height: 16px;
  /*background-size: 100%;*/
  margin: 0 0 0 10px;
}
.pos-bg-plus {
  background: transparent url('../img/pos-icon-plus.png') no-repeat center right;
  min-height: 30px;
  border-right: 10px solid transparent;
}
.icon-camera {
  background: transparent url('../img/pos-icon-camera.png') no-repeat top center;
  display: inline-block;
  cursor: pointer;
  width: 23px;
  height: 17px;
}
.btn-exit-save-user {
  border: none;
  width: 35px;
  height: 35px;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin-left: 32px;
}
.btn-group-text {
  background-color: #31a1ea;
  color: #ffffff;
}
.btn-group-text:hover {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  background-color: #31a1ea;
  color: #ffffff;
}
.btn-primary {
  background-color: #31a1ea;
  border: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  background-color: #31a1ea;
  color: #ffffff;
  border: none;
}
.btn-primary.disabled,
.btn-primary[disabled] {
  border: 1px solid hsla(203.67567568, 81.49779736%, 55.49019608%, 0.6);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  background-color: #ffffff;
  color: #31a1ea;
}
/*******skaner************/
.btn-code-scanner {
  border-radius: 0;
  height: 100px;
  background-color: #AED581;
  font-family: open-sans-bold;
  color: #525a6e;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  position: relative;
}
.btn-code-scanner .pos-color-traingle {
  border-color: transparent transparent #33691E transparent;
}
.btn-extend-product-inner {
  height: 100px;
  font-size: 14px;
}
.barcode-item-card .btn-code-scanner {
  background-color: #79c2f9;
  border-color: #79c2f9;
}
.barcode-item-card .btn-code-scanner .pos-color-traingle {
  border-color: transparent transparent #004a9b transparent;
}
.finger-print-button img {
  width: 40px;
  margin-top: 9px;
}
/********skaner**********/
.update-devintegrator-btn {
  position: fixed;
  bottom: 10px;
  left: 15px;
}
.update-devintegrator-btn a {
  color: white;
  font-family: open-sans-semi-bold;
  background-color: #E50000;
  padding: 4px 18px;
}
.btn-footer-bar {
  background-color: #495560;
  height: 30px;
  width: 30px;
  float: right;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
}
.btn-footer-settings {
  background: #495560 url('../img/settings-icon-small.png') no-repeat center center;
}
/*.btn-editor-save {
    .border-radius(0px,0px,0px,0px);
    height:30px;
    width:30px;
    padding:0;
    font-size:0px;
    color:@color-white;
    white-space:normal;
    display: inline-block;
    vertical-align: middle;
    float: none;
    background: @color-dark-grey-8 url('../img/settings-icon-small.png') no-repeat center center;
}*/
.btn-info-choosen {
  width: 100%;
  height: 70px;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
  font-family: open-sans-regular;
  color: #31a1ea;
  background-color: white;
  border-color: transparent;
}
.btn-products-arow-up,
.btn-products-arow-down {
  background: transparent url('../img/pos-products-arrow-up.png') no-repeat center center;
  overflow: hidden;
  font-size: 0px;
  line-height: 22px;
  width: 18px;
  height: 22px;
  cursor: pointer;
  display: inline-block;
}
.btn-products-arow-down {
  background: transparent url('../img/pos-products-arrow-down.png') no-repeat center center;
}
/***** Forms ******/
.kiosk-select,
.kiosk-select-small {
  color: #525a6e;
  border: 1px solid #d5dce6;
  font-size: 16px;
  height: 60px;
  padding: 0 15px;
  cursor: pointer;
  /*background-color:@color-white;*/
  text-align: left;
  background: #ffffff url('../img/icon-dropdown.png') no-repeat center right;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
select.kiosk-select::-ms-expand {
  display: none;
}
.kiosk-select-small {
  height: 30px;
  padding: 0 10px;
}
.kiosk-checkbox {
  padding-left: 0;
  position: relative;
}
.kiosk-checkbox label {
  line-height: 60px;
}
.kiosk-checkbox input[type="radio"],
.kiosk-checkbox input[type="checkbox"] {
  display: none;
}
.kiosk-checkbox input[type="checkbox"] + span {
  font-family: open-sans-light;
  font-size: 18px;
  padding-left: 35px;
  display: inline-block;
}
.kiosk-checkbox input[type="radio"] + span:before,
.kiosk-checkbox input[type="checkbox"] + span:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #525a6e;
  font-size: 18px;
}
.kiosk-checkbox input[type="radio"] + span:before {
  content: "\e165";
  /* record */
  color: #ff6600;
}
.kiosk-checkbox input[type="radio"]:checked + span:before {
  content: "\e089";
  /* ok-circle */
  color: #46a313;
}
.kiosk-checkbox input[type="checkbox"] + span:before {
  content: "\e157";
  /* unchecked */
  color: #269de3;
  background: url('../img/pos-checkbox-0.png') no-repeat top left;
  width: 60px;
  height: 60px;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  top: 0px;
  left: 0px;
  position: absolute;
}
.kiosk-checkbox input[type="checkbox"]:checked + span:before {
  content: "\e067";
  /* check */
  color: #269de3;
  background: url('../img/pos-checkbox-1.png') no-repeat top left;
  width: 60px;
  height: 60px;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  top: 0px;
  left: 0px;
  position: absolute;
}
.kiosk-checkbox-1 {
  padding-left: 0;
  position: relative;
}
.kiosk-checkbox-1 input[type="radio"],
.kiosk-checkbox-1 input[type="checkbox"] {
  display: none;
}
.kiosk-checkbox-1 input[type="checkbox"] + span,
.kiosk-checkbox-1 input[type="radio"] + span {
  font-family: open-sans-light;
  font-size: 18px;
  padding-left: 35px;
  display: inline-block;
}
.kiosk-checkbox-1 input[type="radio"] + span:before,
.kiosk-checkbox-1 input[type="checkbox"] + span:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d4d4d4;
  font-size: 18px;
}
.kiosk-checkbox-1 input[type="radio"] + span:before {
  content: "\e165";
  /* record */
  color: #ff6600;
}
.kiosk-checkbox-1 input[type="radio"]:checked + span:before {
  content: "\e089";
  /* ok-circle */
  color: #46a313;
}
.kiosk-checkbox-1 input[type="checkbox"] + span:before,
.kiosk-checkbox-1 input[type="radio"] + span:before {
  content: "\e157";
  /* unchecked */
  color: #31a1ea;
  background: url('../img/checkbox-no.png') no-repeat top left;
  width: 25px;
  height: 25px;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  top: 0px;
  left: 0px;
  position: absolute;
}
.kiosk-checkbox-1 input[type="radio"] + span:before {
  background: url('../img/radio-no.png') no-repeat top left;
}
.kiosk-checkbox-1 input[type="checkbox"]:checked + span:before,
.kiosk-checkbox-1 input[type="radio"]:checked + span:before {
  content: "\e067";
  /* check */
  color: #31a1ea;
  background: url('../img/checkbox-yes.png') no-repeat top left;
  width: 25px;
  height: 25px;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  top: 0px;
  left: 0px;
  position: absolute;
}
.kiosk-checkbox-1 input[type="radio"]:checked + span:before {
  background: url('../img/radio-1.png') no-repeat top left;
}
.form-add-task .form-control {
  border: 1px solid #d5dce6;
  max-width: 100%;
  max-height: 35vh;
}
.form-add-task label {
  font-size: 13px;
  color: #525a6e;
  font-weight: normal;
}
.form-add-task .col-lg-12 {
  padding-left: 0;
}
.form-add-task .col-lg-6 {
  padding-left: 0;
}
.form-add-comment {
  margin-top: 0px;
  margin-top: 70px;
}
.form-pos-search {
  margin-bottom: 20px;
}
.form-pos-search .form-control {
  height: 40px;
  font-size: 15px;
}
.form-pos-search .form-group {
  margin-bottom: 0;
}
.form-search-user {
  margin-top: 15px;
}
.form-search-user .btn-user-search {
  margin-left: 10px;
}
input[type="text"].ng-valid,
textarea.ng-valid,
select.ng-valid,
input.ng-valid {
  /*border:1px solid @color-green-1;*/
  border: 1px solid hsla(98.75, 79.12087912%, 35.68627451%, 0.4);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}
input[type="text"].ng-valid.ng-valid-custom,
textarea.ng-valid.ng-valid-custom,
select.ng-valid.ng-valid-custom,
input.ng-valid.ng-valid-custom {
  /*border:1px solid @color-green-1;*/
  /*.border-color-alpha(@color: @color-green-1, @alpha: 0.4)*/
  border-color: #d5dce6;
}
.pos-date-picker-group .btn-pos-date-picker {
  border: none;
  margin-left: 0;
  background: none;
  background-color: transparent;
}
.pos-date-picker,
.pos-date-picker-1 {
  color: #525a6e;
  border: 1px solid #d5dce6;
  /*width:110px;*/
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.datapicker-dropdown {
  padding: 0 10px 10px 10px;
}
.datapicker-dropdown* {
  outline: none;
}
.datapicker-dropdown*:hover,
.datapicker-dropdown*:active,
.datapicker-dropdown*:focus,
.datapicker-dropdown*:active {
  outline: none;
}
.datapicker-dropdown table {
  outline: none;
  table-layout: fixed;
}
.datapicker-dropdown table thead tr:first-child {
  height: 60px;
}
.datapicker-dropdown table thead tr:first-child th {
  padding: 5px 0 15px 0;
}
.datapicker-dropdown table thead tr:last-child {
  color: #50649b;
}
.datapicker-dropdown table thead tr th {
  min-width: 30px !important;
  margin: 3px;
}
.datapicker-dropdown table thead tr th:last-child {
  color: #459bd3;
}
.datapicker-dropdown table thead tr th:nth-child(6) {
  color: #459bd3;
}
.datapicker-dropdown table thead tr th .pos-datapicker-header {
  font-size: 16px;
  font-family: open-sans-light;
  font-weight: 100 !important;
  color: #525a6e;
  outline: none;
}
.datapicker-dropdown table thead tr th .pos-datapicker-header:focus {
  outline: none;
}
.datapicker-dropdown table thead tr th .pos-datapicker-header strong {
  font-weight: 100;
  text-transform: capitalize;
}
.datapicker-dropdown table thead tr th small {
  padding: 0 !important;
}
.datapicker-dropdown table thead tr th .btn-left-datapicker-icon {
  padding: 0;
  width: 30px;
  height: 30px;
  background: url('../img/pos-icon-left-datapicker.png') no-repeat center;
}
.datapicker-dropdown table thead tr th .btn-left-datapicker-icon i {
  display: none;
}
.datapicker-dropdown table thead tr th .btn-left-datapicker-icon:foucs {
  outline: none !important;
}
.datapicker-dropdown table thead tr th .btn-right-datapicker-icon {
  padding: 0;
  width: 30px;
  height: 30px;
  background: url('../img/pos-icon-right-datapicker.png') no-repeat center;
}
.datapicker-dropdown table thead tr th .btn-right-datapicker-icon i {
  display: none;
}
.datapicker-dropdown table thead tr th .btn-right-datapicker-icon:foucs {
  outline: none !important;
}
.datapicker-dropdown table thead tr th button {
  border: none;
  border-radius: 0;
}
.datapicker-dropdown table thead tr th button:hover,
.datapicker-dropdown table thead tr th button:active,
.datapicker-dropdown table thead tr th button:focus {
  background-color: transparent;
  outline: none;
}
.datapicker-dropdown tbody tr .normal-color-td-datapicker button span {
  color: #525a6e !important;
}
.datapicker-dropdown tbody tr td:last-child button span,
.datapicker-dropdown tbody tr td:nth-child(6) button span {
  color: #459bd3;
}
.datapicker-dropdown tbody tr td .btn-info {
  background-color: #d4d4d4;
  border: none;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  color: #525a6e;
  border-radius: 0;
}
.datapicker-dropdown tbody tr td .btn-info span {
  color: #525a6e;
}
.datapicker-dropdown tbody tr td .btn-info:foucs {
  outline: none !important;
}
.datapicker-dropdown tbody tr td .btn-info.active {
  background-color: #d4d4d4;
  border: none;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  color: #525a6e;
}
.datapicker-dropdown tbody tr td .btn-info.active span {
  color: #525a6e;
}
.datapicker-dropdown tbody tr td .btn-info.active:foucs {
  outline: none !important;
}
.datapicker-dropdown tbody tr td button {
  border: none;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  min-width: 30px !important;
  height: 30px;
  margin: 3px;
  padding: 5px 8px;
  color: #525a6e;
  border-radius: 0;
}
.datapicker-dropdown tbody tr td button:foucs {
  outline: none !important;
}
.form-control.pos-date-picker-1,
.input-group .form-control.pos-date-picker-1 {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
/***** Counter small ******/
.pos-counter-small input[type="text"].ng-valid,
.pos-counter-small textarea.ng-valid,
.pos-counter-small select.ng-valid,
.pos-counter-small input.ng-valid {
  border: 1px solid #d5dce6;
  border-right: none;
  border-left: none;
}
.pos-counter-small a.fa-minus {
  background: #ffffff url('../img/icon-minus.png') no-repeat center center;
  font-size: 0px;
  min-width: 30px;
  min-height: 20px;
  border-color: #d5dce6;
  border-right: none;
  border-right: 0px solid transparent;
}
.pos-counter-small a.fa-plus {
  background: #ffffff url('../img/icon-plus.png') no-repeat center center;
  font-size: 0px;
  min-width: 30px;
  min-height: 20px;
  border-color: #d5dce6;
  border-left: none;
  border-left: 0px solid transparent;
}
.pos-counter-small input.form-control {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border-right: none;
  border-left: none;
  border-right: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
}
.pos-counter-small input[type="text"].ng-valid {
  border: 1px solid #d5dce6;
  border-right: none;
  border-left: none;
}
.pos-counter-small small {
  font-family: open-sans-light;
}
/***** / Counter small ******/
/***** Select small ******/
.pos-select-small.ng-valid {
  border: 1px solid #d5dce6;
}
.pos-select-small {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  background: #ffffff url('../img/icon-dropdown-small.png') no-repeat center right;
  color: #525a6e;
  border: 1px solid #d5dce6;
  font-size: 16px;
  height: 30px;
  padding: 0 15px;
  cursor: pointer;
  text-align: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.pos-select-small::-ms-expand {
  display: none;
}
.pos-input-shadow {
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
/***** / Select small ******/
/***** Input group addon ******/
.pos-input-group-addon input[type="text"].ng-valid,
.pos-input-group-addon input[type="text"] {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 12px;
  height: 30px;
  border: 1px solid #d5dce6;
}
.pos-input-group-addon .pos-input-addon {
  font-family: open-sans-semi-bold;
  color: #31a1ea;
  min-width: 29px;
  width: 29px;
  padding: 4px 0;
  background-color: #ffffff;
  border-color: #d5dce6;
}
/***** /Input group addon ******/
/***** Range ******/
.pos-range {
  color: #31a1ea;
  height: 30px;
}
/***** /Range ******/
/***** Pos Toggle Switch ******/
.pos-switch-toggle-box {
  cursor: pointer;
  height: 21px;
  margin: 0;
}
.pos-switch-toggle-box.is-active .pos-switch-toggle-text {
  color: #31a1ea;
}
.pos-switch-toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 21px;
}
.pos-switch-toggle input {
  display: none;
}
.pos-switch-toggle input:checked + .pos-switch-toggle-slider {
  background-color: #31a1ea;
}
.pos-switch-toggle input:focus + .pos-switch-toggle-slider {
  box-shadow: 0 0 1px #31a1ea;
}
.pos-switch-toggle input:checked + .pos-switch-toggle-slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
.pos-switch-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d4d4d4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 21px;
}
.pos-switch-toggle-slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.pos-switch-toggle-text {
  font-family: open-sans-light;
  font-size: 14px;
  line-height: 21px;
  padding-left: 5px;
  vertical-align: top;
}
/***** / Pos Toggle Switch ******/
/***** / Forms ******/
body {
  font-family: open-sans-light, sans-serif;
  direction: ltr;
}
/***** login ******/
.pos-background {
  width: 100%;
  height: 100%;
  background-image: url(../img/pos-bg.jpg);
  background-size: 100% 100%;
}
#main-container {
  background-color: white;
  margin: 0 auto;
  width: 50%;
  height: 100%;
}
#login-header {
  width: 100%;
  margin: 0;
  text-align: center;
}
#login-header img {
  margin-top: 13em;
}
.table-btns-pay {
  width: 100%;
  table-layout: fixed;
}
.table-btns-pay td {
  padding: 0 5px;
}
.pos-supported-cult {
  height: 5%;
  margin-top: 0;
}
.btn-change-seller,
.btn-clear-products {
  min-width: 30px;
  width: 30px;
  height: 30px;
  background: transparent url('../img/pos-change-seller-icon.png') no-repeat center;
  font-size: 0;
  outline: none;
  /*float:right;*/
  /*margin-left: 10px;*/
}
.btn-change-seller:hover,
.btn-clear-products:hover,
.btn-change-seller:active,
.btn-clear-products:active,
.btn-change-seller:focus,
.btn-clear-products:focus {
  outline: none !important;
  background: transparent url('../img/pos-change-seller-icon.png') no-repeat center;
}
.show-password-icon {
  position: relative;
  float: right;
  top: -25px;
  right: -30px;
  color: #898d99;
}
.btn-clear-products {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  background: #ffffff url('../img/icon-x.png') no-repeat center;
  border: 1px dotted #d5dce6;
  border-bottom: 0px;
  height: 35px;
  width: 35px;
  position: relative;
  top: 1px;
  float: right;
}
.btn-clear-products:hover,
.btn-clear-products:active,
.btn-clear-products:focus {
  background: #ffffff url('../img/icon-x.png') no-repeat center;
  outline: none !important;
}
.btn-products-position {
  position: relative;
  left: 85px;
}
.pos-seller-name {
  height: 30px;
  line-height: 30px;
  padding: 0;
  font-size: 13px;
}
.pos-ui-view {
  height: 52%;
}
.pos-ui-view .last-logged-user-item {
  display: inline-block;
  margin: 0 5% 0 5%;
}
.pos-ui-view .last-logged-user-item a .avatar-empty {
  padding: 0;
  border-radius: 0;
}
.pos-ui-view .last-logged-user-item a img {
  padding: 0;
  border-radius: 0;
  border: none;
}
.pos-ui-view .last-logged-user-item a .caption h4 {
  color: #525a6e;
  font-family: open-sans-light;
  text-shadow: 1px 1px #d4d6db;
}
.pos-ui-view .last-logged-user-item .last-logged-user-item-remove {
  color: transparent;
  font-family: open-sans-light;
}
.pos-ui-view .last-logged-user-item:hover {
  cursor: pointer;
}
.pos-ui-view .last-logged-user-item:hover .last-logged-user-item-remove {
  color: #bbcad6;
}
.pos-ui-view .pos-quick-login-header {
  color: #525a6e;
  margin: 1% 0 1% 0;
}
.pos-ui-view .pos-quick-login-header h1 {
  text-shadow: 1px 1px #d4d6db;
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
}
#normal-login ahover {
  text-decoration: none;
}
#normal-login a img {
  padding: 0;
}
#normal-login a h4 {
  color: #31a1ea;
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  margin: 4% 0 0 0;
}
#login-footer {
  height: 4%;
  padding: 0 2em 0 2em;
  font-family: open-sans-regular;
}
#login-footer .pos-border-bottom {
  border-top: 1px solid #d5dce6;
  padding-top: 1em;
}
#login-footer .pos-border-bottom .block {
  display: inline-block;
  color: #727889;
}
.pos-other-margin {
  margin-top: 0;
}
.pos-login-center {
  margin: 0 5em 0 5em;
}
.bold-cell {
  font-family: open-sans-bold;
}
.bold-cell-semi {
  font-family: open-sans-semi-bold;
}
.pos-login-pass #picked-user-avatar img {
  padding: 0;
  border-radius: 0;
  border: none;
}
.pos-login-pass .caption h4 {
  font-family: open-sans-regular;
  color: #616879;
}
.pos-login-pass .pos-login-center {
  width: 15em;
  margin: 0 auto;
}
.pos-login-pass .pos-login-center .form-group label {
  color: #616879;
}
.pos-login-pass .pos-login-center .form-group input {
  border-radius: 5px;
  width: 220px;
}
.pos-form-grup {
  display: table;
  margin: 0 auto;
}
.pos-form-grup:first-child {
  padding-bottom: 15px;
}
.pos-form-grup .pos-text-label {
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  color: #898d99;
}
.pos-login-other {
  height: 55%;
}
.pos-login-other .pos-login-input {
  width: 220px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #d5dce6;
  background-color: white !important;
  margin: 0 auto;
}
.pos-login-remember-me {
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  color: #898d99;
  font-size: 12px;
}
.pos-recover-pass {
  margin-top: 2%;
}
.pos-form-center {
  display: inline-block;
}
.pos-form-center .pos-text-label {
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  color: #898d99;
}
.pos-back-icon {
  color: #58aeed;
  font-size: 21px;
  font-family: open-sans-regular;
  position: absolute;
  top: 51%;
  left: 30%;
}
.pos-authorized {
  background: transparent url('../img/pos-bg-logged.jpg') no-repeat;
  background-size: cover;
  height: 100%;
}
/***** LOGIN ******/
/***** Structure ******/
.pos-content {
  /*overflow: auto;*/
  overflow: hidden;
  display: block;
  height: calc(100% - 120px);
  margin-left: 15px;
}
.pos-structure .pos-structure-panel {
  width: 220px;
}
.pos-structure .pos-structure-view {
  width: calc(100% - 220px);
  overflow: hidden;
}
.pos-structure .pos-structure-view .pos-structure-1 {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #ffffff;
}
.pos-structure .pos-structure-view .pos-structure-1 .pos-eployee-context {
  position: relative;
}
.pos-structure .pos-structure-view .pos-structure-1 .pos-member-context {
  position: relative;
}
.activenav {
  background-color: #31a1ea;
  border-bottom: 5px solid #2781bb;
  color: #ffffff;
}
.pos-structure-hidden-member-panel .pos-structure-view {
  width: 100% !important;
}
.row-custom .col-custom-padd-no {
  padding: 0;
}
.row-custom .col-custom-padd-5 {
  padding: 5px;
}
.row-custom .col-custom-padd-left-no {
  padding: 0;
}
.row-margin-hor-0 {
  margin-left: 0;
  margin-right: 0;
}
.row-custom-margin-0 {
  margin: 0px;
}
.col-sm-1-custom {
  width: 6.3%;
}
.col-sm-11-custom {
  width: 93.7%;
}
/***** / Structure ******/
/***** HEADER ******/
.pos-header {
  -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 60px;
  overflow: visible;
  margin-bottom: 20px;
}
.pos-navbar .pos-navbar-container {
  padding: 0;
  background: transparent url('../img/pos-bg-logged.jpg') no-repeat;
  background-size: cover;
}
.pos-navbar .pos-navbar-header {
  padding-left: 20px;
  width: 235px;
}
.pos-navbar .pos-navbar-header .navbar-brand {
  margin-top: 0;
  padding: 15px 20px 10px 10px;
}
.pos-navbar .pos-navbar-header .navbar-brand img {
  /*position:absolute;*/
  top: 0px;
  width: 100%;
}
.pos-navbar .pos-navbar-collapse .pos-navbar-left li {
  padding-top: 0;
}
.pos-navbar .pos-navbar-collapse .pos-navbar-right li {
  padding-top: 0;
}
.pos-navbar .pos-navbar-collapse .nav-btn-item-user.open {
  background-color: #2e363e;
}
.pos-navbar .pos-navbar-collapse .nav-btn-item-user.open .btn-navbar-user {
  background-color: #2e363e;
  border-bottom-color: #2e363e;
  border-left-color: transparent;
  color: white;
}
.pos-navbar .pos-navbar-collapse .nav-btn-item-user.open .btn-navbar-user:hover,
.pos-navbar .pos-navbar-collapse .nav-btn-item-user.open .btn-navbar-user:active,
.pos-navbar .pos-navbar-collapse .nav-btn-item-user.open .btn-navbar-user:focus {
  border-bottom: none;
  /*border-bottom-color:@color-dark-grey-3;*/
  outline-offset: 0;
  border-left-color: transparent;
}
.pos-mainbar-global-info-message {
  text-align: center;
  white-space: pre-wrap;
  color: #FFF;
  background-color: #F68025;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Roboto, 'robotoregular', sans-serif;
  font-weight: 400;
}
.pos-mainbar-global-warn-message {
  text-align: center;
  white-space: pre-wrap;
  color: #FFF;
  background-color: #DB3C3C;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Roboto, 'robotoregular', sans-serif;
  font-weight: 400;
}
.btn-serch-close {
  padding: 7px;
  background-color: white;
  border: none;
  color: lightgray;
}
.btn-serch-close:hover {
  background-color: white;
  border-left: none;
}
.pos-btn-navbarlogin:hover {
  border-bottom: none;
}
.pos-input-serch {
  border: none;
  box-shadow: none;
  min-width: 200px;
}
.pos-input-serch.ng-vaild {
  border: none;
  box-shadow: none;
}
.pos-input-serchgrup input[type="text"].ng-valid {
  border: none;
}
.dropdown-menu-user {
  padding: 20px;
  min-width: 260px;
  color: #ffffff;
  border-top: none;
  background-color: #2e363e;
}
.dropdown-menu-user li {
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  color: #ffffff;
  font-size: 14px;
}
.dropdown-menu-user .divider {
  background-color: #262c33;
  height: 2px;
}
.dropdown-menu-user .btn-action-small {
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.dropdown-menu-user .user-item-box {
  padding: 5px 0;
  color: #ffffff;
  background: none;
  background-color: transparent;
  display: table;
}
.dropdown-menu-user .user-item-box:hover,
.dropdown-menu-user .user-item-box:active,
.dropdown-menu-user .user-item-box:focus {
  color: #ffffff;
  background: none;
  background-color: transparent;
}
.dropdown-menu-user .user-item-box span {
  display: table-cell;
  vertical-align: middle;
}
/***** /HEADER ******/
/***** Vertical Menu ******/
.pos-sidebar-vertical {
  border-right: 1px solid #d5dce6;
  background-color: #ffffff;
  width: 80px;
  padding: 0;
  /*padding-top:60px;*/
  position: absolute;
  top: 0;
  bottom: 50px;
  height: calc(100% - 220px);
  margin-top: 50px;
  padding-top: 70px;
}
.pos-sidebar-vertical li .btn-sidebar-vertical {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pos-sidebar-vertical li.active {
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active .btn-sidebar-tasks {
  background-image: url('../img/pos-icon-sidebar-tasks-white.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active .btn-sidebar-notes {
  background-image: url('../img/pos-icon-sidebar-notes-white.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active .btn-sidebar-products {
  background-image: url('../img/pos-icon-sidebar-products-white.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active .btn-sidebar-payments {
  background-image: url('../img/pos-icon-sidebar-payments-white.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active .btn-sidebar-info {
  background-image: url('../img/pos-icon-sidebar-info-white.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active .btn-sidebar-agreement {
  background-image: url('../img/pos-icon-sidebar-agreement-white.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #31a1ea;
}
.pos-sidebar-vertical li.active:hover,
.pos-sidebar-vertical li.active:active,
.pos-sidebar-vertical li.active:focus {
  background-color: #31a1ea;
}
/***** Vertical Menu ******/
/***** Horizontal tasks nav ******/
.task-container-wrapper {
  display: inline-block;
  width: 100%;
}
/***** / Horizontal tasks nav ******/
/***** Club member profile ******/
.club-member-profile {
  text-align: center;
  padding: 0;
}
.club-member-profile div.caption {
  padding-left: 20px;
  text-align: left;
}
.club-member-profile div.caption h3 {
  margin-top: 10px;
}
.acces-chan-header {
  color: #525a6e;
  font-family: open-sans-semi-bold;
  padding-top: 30px;
}
.tablet-acces-row .table-cell {
  padding: 0 !important;
  margin: 0;
}
.tablet-acces-row .class-active {
  background: url('../img/icon-confirmation-1.png') no-repeat center;
  color: transparent;
  margin: 0;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.tablet-acces-row .class-inactive {
  background: url('../img/icon-confirmation-2.png') no-repeat center;
  color: transparent;
  margin: 0;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
}
.member-profile-avatar {
  /*background-color:@color-blue-3;*/
  background-color: transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.member-profile-avatar img {
  width: 220px;
  height: 220px;
}
.member-profile-avatar .pos-camera {
  background: transparent url('../img/pos-icon-camera.png') no-repeat top center;
  display: inline-block;
  cursor: pointer;
  width: 23px;
  height: 17px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.member-profile-info {
  text-align: left;
  padding: 15px 15px;
}
.bolder-label span {
  font-weight: bold !important;
}
.bolder-label label {
  font-weight: bold !important;
}
.member-profile-name-box {
  margin-bottom: 10px;
  word-break: break-word;
  position: relative;
}
.member-profile-name-box .member-profile-flag {
  width: 4px;
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
}
.member-profile-name-box .member-profile-name {
  color: #ffffff;
  font-size: 26px;
  line-height: 28px;
}
.member-profile-number,
.member-profile-type {
  color: #ffffff;
  font-size: 14px;
}
.member-profile-number {
  font-family: open-sans-semi-bold, Tahoma, Verdana, sans-serif;
}
.member-profile-number a:link,
.member-profile-number a:visited,
.member-profile-number a:hover,
.member-profile-number a:active {
  color: #ffffff;
  text-decoration: none;
}
.member-profile-tag {
  background-color: #f3a831;
  color: white;
  font-size: 13px;
  border-radius: 10px;
  padding: 3px 8px;
  margin: 3px 5px 3px 0;
  display: inline-block;
}
.member-profile-tag:first-child {
  margin-left: 0;
}
.flag-info i {
  padding: 5px;
  border: 2px solid transparent;
}
.flag-info i:hover {
  cursor: pointer;
}
.flag-info .posInfoNoFlagIcon {
  padding: 5px;
  border: 2px solid transparent;
}
.flag-info .posInfoNoFlagIcon:hover {
  cursor: pointer;
}
.flag-info.active .posInfoNoFlagIcon {
  border: 2px solid #31a1ea;
}
.flag-info.active i {
  border: 2px solid #31a1ea;
}
.member-profile-custom-box {
  max-width: 220px;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.member-profile-rating {
  padding: 15px;
  border-top: 1px solid #676363;
  border-bottom: 2px solid #676363;
  text-align: left;
}
.member-profile-rating .pos-rating {
  text-align: left;
}
.member-profile-rating .fa-hand-o-up {
  background: transparent url('../img/pos-icon-arrow-up-bright.png') no-repeat top left;
  background-size: 12px 12px;
  /*padding:10px;*/
  font-size: 0;
  padding: 6px 6px;
}
.member-profile-rating .fa-hand-o-down {
  background: transparent url('../img/pos-icon-arrow-bottom-bright.png') no-repeat top left;
  background-size: 12px 12px;
  /*padding:10px;*/
  font-size: 0;
  padding: 6px 6px;
}
.member-profile-actions .btn-action-small {
  width: 100%;
}
.member-profile-actions .member-profile-action-box .member-profile-action-label {
  color: #ffffff;
  font-size: 13px;
}
.member-profile-actions .member-profile-action-box .member-profile-action-price {
  color: #ffffff;
  font-size: 20px;
}
.club-member-profile-inner {
  /*background-color:@color-blue-3;
    margin-top:2px;*/
}
.pos-bg-employee {
  background-color: #2994cc;
  color: #ffffff;
  /*.colorize_bg(@color-blue-3, 0.8);*/
  background: transparent url('../img/pos-employee-bg.png') repeat top left;
  background-size: cover;
  -webkit-box-shadow: -10px 0 -10px 2px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: -10px 0 -10px 2px rgba(0, 0, 0, 0.9);
  box-shadow: -10px 0 -10px 2px rgba(0, 0, 0, 0.9);
}
.pos-bg-employee .btn-quick-action {
  border: 1px solid #d5dce6;
}
.pos-bg-client {
  /*background-color: transparent;*/
  color: #ffffff;
  /*border: 1px solid rgba(50,50,50,0.2);*/
  background: hsla(0, 0%, 100%, 0.1);
  /*.drop-shadow (-5px, 0, 10px, 1px, 0.8);*/
  -webkit-box-shadow: -10px 0 -10px 2px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: -10px 0 -10px 2px rgba(0, 0, 0, 0.9);
  box-shadow: -10px 0 -10px 2px rgba(0, 0, 0, 0.9);
}
.pos-tab-contanet {
  width: calc(100% - 80px);
  /*padding:40px;*/
  margin-left: 80px;
}
/***** / Club member profile ******/
/***** Tasks ******/
.pos-club-member-add-task-view .pos-view-inner {
  padding: 40px;
}
.pos-tab-tasks-content .pos-task-empty {
  margin-top: 70px;
}
.bs-callout {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #525a6e;
  border: none;
  /*border-top:1px solid @color-grey-line;*/
  border-bottom: 1px solid #d5dce6;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.bs-callout .bs-callout-inner {
  margin: 10px 0;
  /*padding: 0 20px;*/
  padding: 0 25px 0 0;
  border-left: 5px solid transparent;
}
.bs-callout .col-bs-callout-avatar {
  margin: 0;
  padding: 0;
  padding-top: 5px;
  padding-left: 10px;
  width: 70px;
  overflow: hidden;
}
.bs-callout .col-bs-callout-content {
  width: calc(100% - 70px);
}
.bs-callout .bs-callout-caption {
  font-size: 20px;
  line-height: 24px;
  color: #525a6e;
}
.bs-callout .bs-callout-bottom {
  color: #525a6e;
}
.bs-callout .bs-callout-bottom .bs-callout-bottom-item {
  font-size: 13px;
  padding-right: 10px;
}
.bs-callout-bottom-item-archive {
    font-size: 13px;
    padding-right: 1px;
}
.bs-callout .bs-callout-top {
  color: #525a6e;
}
.bs-callout .bs-callout-top .bs-callout-top-item {
  font-size: 13px;
  padding-right: 5px;
}
.bs-callout .bs-callout-bottom-item-attachment .btn-attachment {
  /*float:right;*/
}
.bs-callout .bs-callout-bottom-item-count,
.bs-callout .bs-callout-top-item-count {
  padding-left: 5px;
  line-height: 20px;
}
.bs-callout .bs-callout-col-actions {
  text-align: right;
  margin: 0;
  padding-right: 0;
}
.bs-callout .bs-callout-ended {
  text-align: center;
  color: #46a313;
  font-size: 16px;
  display: block;
  line-height: 31px;
  min-height: 31px;
  position: absolute;
  top: 90px;
  width: 100%;
}
.bs-callout .bs-callout-success {
  text-align: center;
  color: #46a313;
  font-size: 16px;
  display: block;
}
.bs-callout .bs-callout-success figure {
  background: transparent url('../img/pos-icon-ok.png') no-repeat top left;
  padding-left: 35px;
  display: inline-block;
}
.bs-callout span.viewer {
  margin-left: 0px;
  padding-left: 0px;
}
.bs-callout-task.bs-callout-default {
  border-left-color: transparent;
  /*border-left-color:@color-yellow-1;*/
}
.bs-callout-task.bs-callout-default .bs-callout-inner {
  border-left-color: transparent;
  /*border-left-color:@color-yellow-1;*/
}
.bs-callout-task.bs-callout-warning .bs-callout-inner {
  border-left-color: #f5ed08;
}
.bs-callout-first {
  border-bottom: none;
}
.pos-tab-tasks .bs-callout-box:last-of-type {
  /*background-color:@color-blue-1 !important;*/
}
.pos-tab-tasks-ended {
  /*margin-top:40px;*/
}
.pos-tab-tasks-show-more {
  margin: 0 0 10px 0;
}
.row-task-answer .col-task-answer-avatar {
  max-width: 80px;
  padding: 0;
}
.col-task-answer-text {
  padding: 0px;
}
.col-task-answer-text .form-group {
  padding: 0px;
}
.col-task-answer-file {
  padding: 0;
  text-align: left;
}
.col-task-answer-actions {
  padding: 0px;
  text-align: right;
  float: right;
}
.task-new-comment {
  min-height: 100px;
  resize: none;
}
.pos-task-empty {
  text-align: center;
  width: 100%;
  margin-top: calc(100% - 79%);
}
.pos-task-empty span {
  color: #d5dce6;
  font-size: 40px;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pos-task-empty figure {
  text-align: center;
  padding: 35px;
  display: inline-block;
  background: transparent url('../img/pos-icon-no-tasks.png') no-repeat center center;
}
.pos-task-empty2 {
  margin-top: 0;
  padding-top: 0;
}
.pos-club-member-tasks-view .pos-view-inner {
  padding: 40px;
  /*.tab-pane {
             height: calc(~'100% - 600px');
             overflow-y:auto;
             overflow-x:hidden;
        }*/
  /*.pos-view-content-fixed {
             height: calc(~"100% - 180px");
             max-height: calc(~"100% - 180px");
             overflow-y:auto;
             overflow-x:hidden;
        }*/
}
.pos-club-member-tasks-view .pos-view-inner .pos-view-content-fixed {
  position: relative;
}
.pos-club-member-tasks-view .pos-view-inner .tab-pane {
  /*position:absolute;*/
}
/***** / Tasks ******/
/***** Notes ******/
.bs-callout-note .btn-archive {
  margin-top: 10px;
}
.pos-note-item-title-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
/***** / Notes ******/
/***** Views ******/
.pos-view .pos-view-inner {
  background-color: #ffffff;
  /*padding:40px;*/
}
.pos-view .pos-view-header {
  border-bottom: 1px solid #d5dce6;
  padding-bottom: 35px;
  margin-bottom: 15px;
}
.pos-view .nav-view-header-pills {
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  margin-bottom: 35px;
  float: none;
  padding-right: 0px;
}
.pos-view .nav-view-header-pills li a {
  font-size: 16px;
  color: #31a1ea;
}
.pos-view .nav-view-header-pills li a:hover,
.pos-view .nav-view-header-pills li a:focus,
.pos-view .nav-view-header-pills li a:active {
  background-color: transparent;
}
.pos-view .nav-view-header-pills li .btn-link {
  font-size: 16px;
  color: #31a1ea;
  background-color: transparent;
  padding: 10px 15px;
}
.pos-view .nav-view-header-pills li .btn-link:hover,
.pos-view .nav-view-header-pills li .btn-link:focus,
.pos-view .nav-view-header-pills li .btn-link:active {
  text-decoration: none;
  border: none;
}
.pos-view .nav-view-header-pills li a.btn-add-new-item {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #31a1ea;
  color: #ffffff;
  padding: 5px 15px;
  line-height: 28px;
  margin-left: 15px;
}
.pos-view .nav-view-header-pills li .badge {
  font-size: 14px;
  line-height: 14px;
  color: #459bd3;
  background-color: transparent;
  font-weight: normal;
}
.pos-view .nav-view-header-pills li.active {
  font-family: open-sans-semi-bold, Tahoma, Verdana, sans-serif;
}
.pos-view .nav-view-header-pills li.active a {
  color: #1c4577;
  background-color: transparent;
  font-size: 16px;
}
.pos-view .nav-view-header-pills li.active a:hover,
.pos-view .nav-view-header-pills li.active a:focus,
.pos-view .nav-view-header-pills li.active a:active {
  background-color: transparent;
  color: #1c4577;
  border-color: transparent;
}
.pos-view .nav-view-header-pills li.active .btn-link {
  font-size: 16px;
  color: #1c4577;
  background-color: transparent;
  font-family: open-sans-semi-bold, Tahoma, Verdana, sans-serif;
  padding: 10px 15px;
}
.pos-view .nav-view-header-pills li.active .btn-link:hover,
.pos-view .nav-view-header-pills li.active .btn-link:focus,
.pos-view .nav-view-header-pills li.active .btn-link:active {
  text-decoration: none;
  border: none;
  border-color: transparent;
}
.pos-view .nav-view-header-pills li.active .badge {
  color: #1c4577;
}
.pos-view .nav-view-header-pills li.nav-view-header-item-icon a,
.pos-view .nav-view-header-pills li.nav-view-header-item-icon.active a {
  padding-left: 25px;
  margin-left: 15px;
}
.pos-view .nav-view-header-title,
.pos-view .pos-view-header-title {
  color: #525a6e;
  font-size: 42px;
  line-height: 42px;
  /*margin:0 15px 0 0;*/
  margin: 0 40px 0 0;
}
.pos-view .nav-view-header-pills-right li {
  float: right;
}
.pos-view .nav-view-header-pills-right li:last-child span.btn {
  /*padding-right:0;*/
}
.pos-view .nav-view-header-pills-right li.nav-view-header-title {
  float: left;
}
.pos-view .pos-view-content-text-1 {
  font-size: 20px;
  font-weight: normal;
  color: #525a6e;
  text-align: left;
  display: inline-block;
}
/* Header + Content + Footer */
.pos-info-tabs a {
  color: #459bd3;
  font-size: 14px;
  font-family: open-sans-light;
  margin: 0 30px;
  text-decoration: none !important;
}
.pos-info-tabs a.active {
  font-family: open-sans-semi-bold;
  color: #1c4577;
}
.pos-info-tabs a:last-child {
  margin-right: 0;
}
.pos-view-fixed,
.pos-view-fixed-1,
.pos-view-fixed-2 {
  position: relative;
}
.pos-view-fixed .pos-view-header-fixed,
.pos-view-fixed-1 .pos-view-header-fixed,
.pos-view-fixed-2 .pos-view-header-fixed {
  height: 80px;
}
.pos-view-fixed .pos-view-content-fixed,
.pos-view-fixed-1 .pos-view-content-fixed,
.pos-view-fixed-2 .pos-view-content-fixed {
  height: calc(100% - (170px + 80px + 60px));
  width: calc(100% - (2 * 40px));
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
}
.pos-view-fixed .pos-view-content-fixed::-webkit-scrollbar,
.pos-view-fixed-1 .pos-view-content-fixed::-webkit-scrollbar,
.pos-view-fixed-2 .pos-view-content-fixed::-webkit-scrollbar {
  width: 8px;
}
.pos-view-fixed .pos-view-content-fixed::-webkit-scrollbar-track,
.pos-view-fixed-1 .pos-view-content-fixed::-webkit-scrollbar-track,
.pos-view-fixed-2 .pos-view-content-fixed::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-view-fixed .pos-view-content-fixed::-webkit-scrollbar-thumb,
.pos-view-fixed-1 .pos-view-content-fixed::-webkit-scrollbar-thumb,
.pos-view-fixed-2 .pos-view-content-fixed::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-view-fixed .pos-info-content,
.pos-view-fixed-1 .pos-info-content,
.pos-view-fixed-2 .pos-info-content {
  height: calc(100% - (170px + 80px)) !important;
}
.pos-view-fixed .info-edit-buttons,
.pos-view-fixed-1 .info-edit-buttons,
.pos-view-fixed-2 .info-edit-buttons {
  position: absolute;
  bottom: 40px;
  right: 40px;
}
.pos-view-fixed .pos-view-footer-fixed,
.pos-view-fixed-1 .pos-view-footer-fixed,
.pos-view-fixed-2 .pos-view-footer-fixed {
  position: absolute;
  bottom: 0px;
  width: calc(100% - 80px);
  height: 60px;
  /*padding:20px 0;*/
  padding: 0px;
}
.pos-view-fixed .pos-view-footer-fixed .pos-view-footer-fixed-container,
.pos-view-fixed-1 .pos-view-footer-fixed .pos-view-footer-fixed-container,
.pos-view-fixed-2 .pos-view-footer-fixed .pos-view-footer-fixed-container {
  padding: 0;
}
.pos-view-fixed .pos-view-footer-fixed .pos-view-footer-fixed-top,
.pos-view-fixed-1 .pos-view-footer-fixed .pos-view-footer-fixed-top,
.pos-view-fixed-2 .pos-view-footer-fixed .pos-view-footer-fixed-top {
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ffffff));
  background: -webkit-linear-gradient(top, transparent, #ffffff);
  background: -moz-linear-gradient(top, transparent, #ffffff);
  background: -ms-linear-gradient(top, transparent, #ffffff);
  background: -o-linear-gradient(top, transparent, #ffffff);
  position: absolute;
  height: 30px;
  width: 100%;
  top: -30px;
}
.pos-view-fixed .pos-view-fixed-bottom,
.pos-view-fixed-1 .pos-view-fixed-bottom,
.pos-view-fixed-2 .pos-view-fixed-bottom {
  position: fixed;
  bottom: 0px;
  height: 100px;
}
.pos-view-fixed ::-webkit-scrollbar,
.pos-view-fixed-1 ::-webkit-scrollbar,
.pos-view-fixed-2 ::-webkit-scrollbar {
  width: 8px;
}
.pos-view-fixed ::-webkit-scrollbar-track,
.pos-view-fixed-1 ::-webkit-scrollbar-track,
.pos-view-fixed-2 ::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-view-fixed ::-webkit-scrollbar-thumb,
.pos-view-fixed-1 ::-webkit-scrollbar-thumb,
.pos-view-fixed-2 ::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
/* Header + Content */
.pos-view-fixed-1 .pos-view-content-fixed {
  height: calc(100vh - (300px + 10px));
}
.pos-view-fixed-1 .pos-view-footer-fixed {
  height: 40px;
}
.pos-view-fixed-1 .pos-view-footer-fixed .pos-view-footer-fixed-top {
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ffffff));
  background: -webkit-linear-gradient(top, transparent, #ffffff);
  background: -moz-linear-gradient(top, transparent, #ffffff);
  background: -ms-linear-gradient(top, transparent, #ffffff);
  background: -o-linear-gradient(top, transparent, #ffffff);
  top: -20px;
  height: 20px;
}
.pos-view-fixed-1 .table-scrolled tbody {
  height: calc(100% - 60px);
}
.pos-view-fixed-1 .table-scrolled tbody::-webkit-scrollbar {
  width: 8px;
}
.pos-view-fixed-1 .table-scrolled tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-view-fixed-1 .table-scrolled tbody::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-serch-shop .btn.disabled {
  display: none;
}
.pos-task-threaad-view .pos-view-inner {
  padding: 40px;
}
.pos-task-threaad-view .pos-view-inner .bs-callout:first-of-type {
  /*background-color:#31a1ea !important;*/
}
.pos-task-threaad-view .pos-view-content-fixed {
  height: calc(100% - 280px);
}
.pos-task-threaad-view .pos-view-footer-fixed {
  padding: 0px;
  bottom: 40px;
  height: 60px;
}
.pos-task-threaad-view .pos-view-footer-fixed .btn-action {
  vertical-align: top;
}
.pos-task-threaad-view .pos-view-footer-fixed .kiosk-checkbox {
  margin-top: 0px;
}
.pos-notes-view .pos-view-inner {
  padding: 40px;
  /*padding-top:0;*/
}
.pos-notes-view .pos-view-inner .pos-view-header {
  border-bottom: none;
  padding-bottom: 35px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d5dce6;
}
.pos-notes-view .pos-line {
  margin: 25px 0 10px 0;
}
.pos-notes-view .pos-view-content-fixed {
  /*height:calc(100% - 288px); 
            max-height:calc(100% - 288px);*/
  /*position:absolute;
            height:calc(~"100% - 450px");  
            max-height:calc(~"100% - 450px");*/
  /*height:400px;  
            max-height:400px;*/
  /*height: calc(~"100% - 350px");
             max-height: calc(~"100% - 350px");*/
  /*overflow-y:auto;
             overflow-x:hidden;*/
  /*overflow:scroll;
             position:relative;*/
}
.pos-member-info-view .pos-view-inner {
  /*padding-top:0;*/
  padding: 40px;
}
.pos-member-info-view .pos-view-container {
  margin-top: 30px;
  padding-left: 0;
}
.pos-member-flag {
  display: inline-block;
  width: 80px;
  height: 17px;
  box-shadow: white 0 0 0 2px inset;
  border: 1px solid #bbb;
  border-radius: 4px;
  vertical-align: middle;
}
label.table-cell {
  color: #525a6e;
  font-weight: normal;
  vertical-align: middle;
  -ms-word-break: break-word;
  word-break: break-word;
}
.table-layout-member-info label.table-cell {
  font-size: 13px;
  color: #525a6e;
  font-weight: normal;
  padding: 20px 10px 20px 0;
  width: 30%;
  vertical-align: middle;
  -ms-word-break: break-word;
  word-break: break-word;
}
.table-layout-member-info span.table-cell {
  font-size: 16px;
  -ms-word-break: break-word;
  word-break: break-word;
  color: #525a6e;
  padding: 20px 10px 20px 10px;
  width: 70%;
  vertical-align: middle;
}
.table-layout-member-info span.table-cell select {
  padding: 3px 12px;
  border-radius: 4px;
}
.option-pos-cart {
  font-size: 18px;
}
.pos-cart-imte-counter-products input {
  font-family: open-sans-bold;
}
.pos-cart-imte-counter-products .input-group-addon {
  color: #525a6e;
  background-color: white;
  font-size: 18px;
  vertical-align: middle;
}
.products-item-count-sz {
  font-family: open-sans-bold;
}
.overflow::-webkit-scrollbar {
  width: 8px;
}
.overflow::-webkit-scrollbar-track {
  background-color: transparent;
}
.overflow::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
input[type="text"].ng-valid,
textarea.ng-valid,
select.ng-valid,
input.ng-valid {
  /*border:1px solid @color-green-1;*/
  border: 1px solid #d5dce6;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}
.pos-pos-view .pos-view-inner {
  /*padding:20px 40px 20px 0;*/
  padding: 20px 0px 20px 0;
}
.pos-pos-view .pos-pos-col-categories {
  padding-left: 0px;
  padding-right: 0px;
}
.pos-pos-view .pos-pos-col-categories::-webkit-scrollbar {
  width: 8px;
}
.pos-pos-view .pos-pos-col-categories::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-pos-view .pos-pos-col-categories::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-pos-view .pos-pos-col-categories .btn-action {
  padding: 0 10px;
}
.pos-pos-view .pos-pos-col-panel {
  border-left: 1px solid #d5dce6;
  position: relative;
}
.pos-pos-view .pos-products-row {
  /*height:100px;*/
}
.pos-pos-view .pos-product-item {
  /*margin-bottom:15px;*/
  margin: 0;
  padding: 0;
  height: 100px;
  margin-bottom: 10px;
  /*width:100px;*/
}
.pos-pos-view .pos-product-box {
  padding: 0;
  margin: 0;
  /*width:80px;
        height:80px;
        max-width:80px;
        max-height:80px;*/
  height: 100px;
  max-height: 100px;
}
.pos-pos-view .pos-product-box .pos-product-container {
  /*width:80px;
        height:80px;
        max-width:80px;
        max-height:80px;*/
  width: 97%;
  height: 100px;
  max-height: 100px;
  padding: 0;
  margin: 0;
  display: table;
}
.pos-pos-view .pos-product-box .pos-product-container .pos-product-content {
  /*.drop-shadow (0, 0, 10px, 2px, 0.1);*/
  display: table-cell;
  padding: 25px 5px 5px 5px;
  word-wrap: break-word;
  /*word-break: break-all;*/
  /*min-width:80px;
            min-height:80px;
            width:100%;
            height:100%;*/
  /*width:80px;
            height:80px;
            max-width:80px;
            max-height:80px;*/
  width: 100%;
  height: 100px;
  max-height: 100px;
  cursor: pointer;
  color: #ffffff;
  /*color:@color-blue-dark-1;*/
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
}
.pos-pos-view .pos-product-box .pos-product-container.pos-product-category:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 30px solid white;
  border-left: 30px solid rgba(0, 0, 0, 0);
  width: 0;
}
.pos-pos-view .pos-product-box .icon-pos-discount {
  position: absolute;
  top: 0;
  right: 0;
}
.pos-pos-view .pos-product-box .icon-pos-service {
  position: absolute;
  top: 2px;
  left: 2px;
}
.pos-pos-view .pos-color-triangle {
  bottom: 5px;
  left: 5px;
}
.pos-pos-view .pos-cart-item-well {
  background: none;
  background-color: transparent;
  border: none;
  margin-bottom: 0;
}
.pos-pos-view .pos-cart-item-well input[type="text"] {
  /*.border-radius(5px,5px,5px,5px);*/
  height: 30px;
  border: 1px solid #d5dce6;
  color: #525a6e;
  padding: 0 5px;
  /*margin:0 5px;*/
}
.pos-pos-view .pos-cart-item-well input[type="text"].ng-valid {
  /*border:1px solid @color-green-1;*/
  border: 1px solid #d5dce6;
}
.pos-pos-view .pos-cart-item-well .pos-counter-small input[type="text"] {
  /*border:1px solid @color-grey-line;*/
  border: 1px solid #d5dce6;
  border-left: none;
  border-right: none;
}
.pos-pos-view .pos-cart-item-well input[type="text"].ng-valid,
.pos-pos-view .pos-cart-item-well input[type="text"] {
  /*.drop-shadow (0, 0, 0, 0, 0);
            height:25px;*/
}
.pos-pos-view .pos-cart-item-well .btn-action-small-2 {
  width: auto;
  min-width: unset;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 25px;
  display: inline-block;
}
.pos-pos-view .pos-cart-item-well .col-custom-cart-range {
  padding-left: 10px;
  padding-right: 0px;
}
.pos-pos-view .pos-cart-item-well .icon-pos-x {
  display: none;
}
.pos-pos-view .pos-cart-item-well-active {
  background-color: #f2f2f2;
}
.pos-pos-view .pos-cart-item-well-active .icon-pos-x {
  display: inline-block;
}
.pos-pos-view .pos-receipt-panel-items .pos-cart-item-well:first-of-type {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.pos-pos-view .pos-product-active-extra-data .pos-product-small-text {
  font-size: 13px;
}
.pos-product-itemname2 {
  font-size: 20px !important;
}
.btn-creditcard-pos {
  background-color: #002060;
}
/*.btn-cash-pos{
    background-image: url('../img/dollar-icon.png');
    background-position: 80% 47%;
    background-repeat: no-repeat;
}*/
.table-layout-cart-item {
  color: #1c4577;
}
.table-layout-cart-item .table-item-name {
  font-size: 18px;
  line-height: 20px;
  color: #1c4577;
  text-align: left;
  padding-right: 10px;
}
.table-layout-cart-item .table-item-price {
  font-family: 'open-sans-semi-bold';
  font-size: 18px;
  line-height: 20px;
  color: #1c4577;
  text-align: right;
}
.table-layout-cart-item .table-item-description {
  color: #1c4577;
  line-height: 20px;
  font-size: 13px;
}
.open-gate-btn {
  /*padding-top: 13px;*/
}
.btn-water-action {
  position: relative;
  right: -85px;
}
.pos-open-gate-modal h4 {
  font-family: open-sans-light;
  color: #525a6e;
}
.table-receipt-user tbody tr td {
  border: none;
}
.table-receipt-users {
  /*height:340px;*/
  height: calc(100%);
}
.table-receipt-users .kiosk-checkbox-1 {
  margin-top: 0;
}
.table-receipt-users tbody {
  height: 235px;
}
.table-receipt-users tbody::-webkit-scrollbar {
  width: 8px;
}
.table-receipt-users tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-receipt-users tbody::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.table-receipt-users td,
.table-receipt-users th {
  text-align: left;
}
.table-receipt-products {
  height: 250px;
}
.table-receipt-products tbody {
  height: 210px;
}
.border-none {
  border: none;
}
.pos-promotion-wrap {
  height: 28px !important;
  border-radius: 0 !important;
  border: 1px solid #d5dce6 !important;
}
.seller-name-pos {
  height: 30px;
  word-break: break-all;
}
.btn-action-customed {
  height: 28px;
  width: auto;
  min-width: unset;
  text-align: center;
  margin: 2px 2px;
  display: inline-block;
}
.pos-receipt-panel-view {
  min-height: 470px;
}
.pos-receipt-panel-view .table-layout .table-cell {
  /*vertical-align: middle !important;*/
}
.pos-receipt-panel-view .pos-receipt-panel-top-menu {
  /*height: 110px;*/
  border-bottom: 1px dotted #d5dce6;
}
.pos-receipt-panel-view .pos-receipt-panel-bottom-menu {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.pos-receipt-panel-view .pos-receipt-panel-bottom-menu .btn-action-small-2,
.pos-receipt-panel-view .pos-receipt-panel-bottom-menu .btn-action-small {
  line-height: 25px;
  width: 100%;
}
.pos-receipt-panel-view .pos-receipt-panel-bottom-menu .btn-action-small-2 .btn-action-small-addon,
.pos-receipt-panel-view .pos-receipt-panel-bottom-menu .btn-action-small .btn-action-small-addon {
  color: #ff6600;
}
.pos-receipt-panel-view .pos-receipt-panel-items {
  height: calc(100% - 140px - 200px);
}
.pos-receipt-panel-view .pos-receipt-panel-summary {
  height: 140px;
  position: absolute;
  bottom: 150px;
  width: 100%;
}
.pos-receipt-panel-view .pos-receipt-panel-summary input[type="text"].ng-valid,
.pos-receipt-panel-view .pos-receipt-panel-summary input[type="text"] {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  height: 25px;
  border: 1px solid #d5dce6;
}
.pos-receipt-panel-view .pos-receipt-panel-summary-content {
  border-top: 1px dotted #d5dce6;
  padding-top: 10px;
  margin-top: 0px;
}
.pos-receipt-panel-view .pos-receipt-panel-total {
  text-align: right;
  font-size: 22px;
  color: #1c4577;
  font-family: 'open-sans-semi-bold';
}
.pos-receipt-panel-view .pos-receipt-panel-collected span {
  line-height: 25px;
}
.pos-receipt-panel-view .pos-receipt-panel-summary-current-user {
  font-family: open-sans-regular;
  color: #31a1ea;
  border-top: 1px dotted #d5dce6;
  border-right: 1px dotted #d5dce6;
  background-color: #ffffff;
  position: absolute;
  top: -19px;
  left: 0px;
  padding: 0px 10px 0 0;
  max-width: 70%;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
}
.pos-pos-search-view .pos-search-result-item .pos-search-result-product h4,
.pos-pos-search-view .pos-search-result-item .pos-search-result-price h4 {
  font-size: 20px;
  color: #1c4577;
}
.pos-pos-search-view .pos-search-result-item .pos-search-result-category {
  color: #a6a6a6;
  font-size: 13px;
}
.pos-pos-search-view .pos-search-result-item .pos-search-result-price {
  text-align: right;
}
.pos-pos-search-view .pos-search-result-item .pos-search-result-description {
  font-size: 13px;
  color: #a6a6a6;
}
.pos-cart-item-counter a {
  /*.border-radius(5px,5px,5px,5px);*/
  background-color: #31a1ea;
  color: #ffffff;
  line-height: 20px;
  height: 20px;
  border: none;
  padding: 0 10px;
}
.pos-cart-item-counter input.form-control {
  height: 20px;
  border: 1px solid #d5dce6;
  /*margin:0 5px;*/
}
.pos-dropdown-menu {
  padding: 0;
  width: 350px;
}
.pos-dropdown-menu .row {
  padding: 8px 8px;
  margin: 0;
}
.pos-dropdown-menu .row div {
  padding: 0 2px;
}
.pos-dropdown-menu .row button {
  width: 100%;
  /*margin: 8px 0;*/
  margin-bottom: 8px;
  height: 60px;
  white-space: initial;
  padding: 5px;
}
.pos-dropdown-menu .row button.payment {
  color: white;
  background-color: #31a1ea;
  font-size: 0.9em;
}
.pos-dropdown-menu .row button.fiscal {
  font-size: 0.9em;
  color: white;
  /*kolor ten co do przycisku karta kredytowa*/
  background-color: #002060;
}
.pos-dropdown-menu .row button.btn-action-small-2 {
  font-size: 0.9em;
  min-width: unset;
}
.pos-dropdown-menu .row:first-child {
  border-bottom: 1px solid #d5dce6;
}
.pos-dropdown-menu-1 {
  padding: 0;
}
.pos-dropdown-menu-1 li {
  color: #31a1ea;
}
.pos-dropdown-menu-1 li a {
  color: #31a1ea;
}
.pos-options-well {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #ffffff;
  color: #1c4577;
  font-size: 13px;
  word-break: break-all;
}
.pos-lockers-view .pos-view-inner {
  padding: 40px;
}
.pos-lockers-view .pos-view-inner .pos-view-header {
  border-bottom: none;
  padding-bottom: 0px;
}
.pos-hq-view .pos-view-inner {
  padding: 40px;
}
.pos-hq-view .pos-view-inner .pos-view-header {
  border-bottom: none;
  padding-bottom: 0px;
}
.pos-hq-view .pos-hq-view-container {
  padding: 5px 10px 0 5px;
}
.pos-hq-view .pos-notice-row {
  margin: 0 0 10px 0;
}
.pos-hq-view .pos-notice {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 20px;
  color: #525a6e;
  margin-bottom: 0;
}
.pos-hq-view .pos-notice .pos-notice-header {
  font-family: open-sans-semi-bold;
}
.pos-hq-view .pos-notice.panel {
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  border: none;
}
.pos-turbopanel-classes-check {
  font-size: 0 !important;
  padding: 0 !important;
}
.pos-lockerkey-container {
  height: 100px;
}
.pos-locker-key-icon-img {
  width: 55%;
}
.locker-key-box {
  padding-top: 13px;
}
.locker-key-box span {
  display: block;
  color: #d5dce6;
}
.locker-resle-class {
  padding: 0;
}
.locker-resle-class img {
  width: 40%;
  position: relative;
  top: -5px;
}
.locker-resle-class span {
  position: relative;
  top: -20px;
}
.btn-remove-card-info {
  margin: 0 2px;
}
.btn-remove-card-info:hover {
  cursor: pointer;
}
.pos-view-turbopanel {
  /*background-color:@color-dark-grey-5;*/
}
.pos-view-turbopanel .expander {
  /*background-color:@color-dark-grey-5;*/
  background-color: transparent;
  width: 40px;
}
.pos-view-turbopanel .expander.expanded {
  background-color: #2a3038;
  -webkit-box-shadow: -5px 0 10px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5px 0 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: -5px 0 10px 1px rgba(0, 0, 0, 0.2);
}
.pos-view-turbopanel .content {
  background-color: #2a3038;
  width: 260px;
}
.pos-view-turbopanel .expander-btn {
  background-color: #2a3038;
}
.pos-view-turbopanel .turbopanel-group {
  margin-top: 30px;
}
.pos-view-turbopanel .turbopanel-group-name {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  margin: 0 0 5px 0;
}
.pos-view-turbopanel .turbo-panel-item {
  background-color: #40454c;
  border-bottom: 1px solid #262c33;
  padding: 20px;
  vertical-align: middle;
}
.pos-view-turbopanel .turbo-panel-item .turbo-panel-product-name {
  color: #ffffff;
  font-size: 22px;
  line-height: 22px;
}
.pos-view-turbopanel .turbo-panel-item .turbo-panel-product-value {
  color: #ffffff;
  font-size: 16px;
  display: block;
}
.pos-view-turbopanel .turbo-panel-item .turbo-panel-product-count {
  font-family: open-sans-semi-bold;
  color: #ffffff;
  font-size: 16px;
}
.pos-view-turbopanel .turbo-item-state-error {
  background-color: red;
}
.pos-view-turbopanel .turbo-item-state-warning {
  background-color: orange;
}
.pos-view-turbopanel.turbo-panel-hide {
  width: 325px;
  right: -325px;
}
.pos-view-turbopanel.turbo-panel-hide .expander {
  left: -25px;
  height: 50px;
  top: calc(50% - 25px);
}
.pos-view-turbopanel.turbo-panel-hide .expander .expander-btn {
  width: 30px;
  height: 100px;
  top: calc(50%);
}
.pos-view-turbopanel.turbo-panel-show .expander.expanded {
  height: 100%;
  top: 0;
}
.pos-paynaments-popup .panel-heading {
  background-color: white;
  border: none;
}
.pos-paynaments-popup .panel-heading h3 {
  font-size: 26px;
  color: #404348;
}
.pos-paynaments-popup .kiosk-checkbox-1 {
  margin-top: 0;
}
.pos-paynaments-popup .panel-footer {
  background-color: white;
  border: none;
}
.pos-payments-view .pos-view-custom-content-fixed {
  height: 80px;
  padding-top: 5px;
}
.pos-payments-view .pos-table-container {
  height: calc(100% - (1 * 80px));
}
.pos-payments-view .pos-view-inner {
  padding: 40px;
}
.pos-payments-view .form-control {
  height: 40px;
}
.pos-payments-view .view-text {
  color: #525a6e;
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  font-size: 16px;
  line-height: 40px;
}
.pos-payments-view .view-text .btn-link {
  vertical-align: top;
  line-height: 40px;
}
.pos-payments-view .kiosk-checkbox-1 {
  margin: 0;
}
.pos-payments-view .tab-content .tab-content-row-1 {
  margin-bottom: 60px;
}
.pos-payments-view .pos-view-footer-fixed {
  padding: 0px;
  bottom: 40px;
  height: 60px;
}
.pos-payments-view .table-user-transactions {
  height: calc(100%);
}
.pos-payments-view .table-user-transactions .kiosk-checkbox-1 {
  margin-top: 0;
}
.pos-payments-view .table-user-transactions tbody {
  height: calc(100% - 40px);
  overflow-y: auto;
}
.pos-payments-view .table-user-transactions tbody::-webkit-scrollbar {
  width: 8px;
}
.pos-payments-view .table-user-transactions tbody::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-payments-view .table-user-transactions tbody::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-payments-view .table-user-transactions td,
.pos-payments-view .table-user-transactions th {
  text-align: left;
}
.pos-payments-view .table-user-transactions td .btn-link,
.pos-payments-view .table-user-transactions th .btn-link {
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.pos-payments-view .pos-filters {
  height: 38px;
  border: 1px solid #d5dce6 !important;
}
.pos-payments-view .pos-filters:hover {
  cursor: pointer;
}
input[value="female"]:hover {
  cursor: pointer;
}
input[value="male"]:hover {
  cursor: pointer;
}
input[type="radio"]:hover {
  cursor: pointer;
}
input[type="radio"]:hover {
  cursor: pointer;
}
.pos-hover-btn:hover {
  cursor: pointer;
}
.pos-agreement-documents-view .pos-view-inner {
  padding: 40px;
}
.pos-agreement-documents-view .pos-view-header {
  margin-bottom: 40px;
}
.pos-print-invoice-view .pos-print-invoice-dates {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 430px;
}
.pos-print-invoice-view .col-vendor .vendor-title {
  margin-bottom: 30px;
}
.pos-print-invoice-view .btn-group-text {
  height: 40px;
}
.pos-waiting-view .loading {
  background: transparent url('../img/pos-bg-logged.jpg') no-repeat;
  background-size: cover;
  height: 100%;
}
.pos-configuration-view .pos-view-inner {
  padding: 40px;
}
/***** / Views ******/
/***** Modal ******/
.pos-window-fixed {
  height: 100%;
}
.pos-window-fixed .pos-modal-fixed {
  width: calc(100% - (2 * 100px));
  height: calc(100% - (2 * 100px));
  margin: 100px;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: calc(100%);
  margin: 0;
  position: relative;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-custom-content-fixed {
  height: 45px;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-heading-fixed {
  padding: 20px;
  height: 66px;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-heading-fixed .panel-title {
  font-size: 26px;
  line-height: 26px;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-body-fixed {
  padding: 0 20px;
  height: calc(100% - (66px + 100px));
  width: calc(100%);
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-body-fixed.with-panel-heading {
  height: calc(100% - (140px + 100px));
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-body-fixed::-webkit-scrollbar {
  width: 8px;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-body-fixed::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-body-fixed::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-body-fixed .pos-panel-body-content-fixed {
  height: calc(100%);
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-footer-fixed {
  position: absolute;
  bottom: 0px;
  width: calc(100%);
  height: 100px;
  padding: 20px;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-footer-fixed .pos-view-footer-fixed-container {
  padding: 0;
}
.pos-window-fixed .pos-modal-fixed .pos-modal-panel-fixed .pos-panel-footer-fixed .pos-view-footer-fixed-top {
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ffffff));
  background: -webkit-linear-gradient(top, transparent, #ffffff);
  background: -moz-linear-gradient(top, transparent, #ffffff);
  background: -ms-linear-gradient(top, transparent, #ffffff);
  background: -o-linear-gradient(top, transparent, #ffffff);
  position: absolute;
  height: 30px;
  width: 100%;
  top: -30px;
}
.window .overlay {
  background: hsla(217.5, 5.88235294%, 26.66666667%, 0.85);
}
.window .pos-modal-well {
  background-color: #ffffff;
}
.window .pos-window .pos-modal header hgroup h4 {
  font-size: 26px;
  color: #404348;
}
.window .pos-window .pos-modal .pos-modal-header-description {
  font-size: 13px;
  color: #404348;
}
.window .pos-window .pos-modal-well .pos-modal-well {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #ffffff;
}
.window .window-buttons {
  position: absolute;
  padding: 19px;
  bottom: 0;
  left: 0;
  right: 0;
}
.window .pos-modal-contract-payment {
  padding-bottom: 100px;
}
.window .pos-modal-contract-payment .pos-contract-payment-item {
  font-size: 16px;
  color: #525a6e;
}
.window .pos-modal-contract-payment .pos-contract-payment-item .kiosk-checkbox-1 {
  margin: 0;
}
.window .pos-modal-contract-payment .text-danger.pos-contract-payment-item {
  color: #b61e1e;
}
.window .pos-modal-contract-payment .pos-contract-payment-item-amount {
  border: none;
  box-shadow: none;
}
.window .pos-modal-contract-payments .pos-posmodal-container {
  height: 345px;
}
.window .pos-modal-contract-payments .pos-modal-header h2 {
  border-bottom: 1px solid #d5dce6;
  padding-bottom: 10px;
}
.window .pos-modal-contract-payments .contract-payment-change-buttons {
  margin-bottom: 10px;
}
.window .pos-modal-contract-payments .contract-payment-change-buttons .btn-action-small-2 {
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}
.window .pos-modal-contract-payments .contract-payment-change-buttons .btn-action-small-2.is-active {
  background-color: #31a1ea;
  color: #ffffff;
}
.window .pos-modal-contract-payments .contract-payment-change-buttons .btn-action-small-2:hover {
  background-color: #31a1ea;
  color: #ffffff;
}
.window .pos-modal-contract-payment-change,
.window .pos-contract-payment-change {
  padding-bottom: 75px;
}
.window .pos-modal-contract-payment-change .pos-posmodal-well,
.window .pos-contract-payment-change .pos-posmodal-well {
  background-color: #ffffff;
  position: relative;
}
.window .pos-modal-contract-payment-change .btn-action,
.window .pos-contract-payment-change .btn-action {
  float: right;
}
.window .pos-modal-contract-payment-change .btn-action-cancel,
.window .pos-contract-payment-change .btn-action-cancel {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.window .pos-modal-contract-payment-change form .row,
.window .pos-contract-payment-change form .row {
  margin-bottom: 5px;
}
.window .pos-modal-contract-payment-change .contract-payment-change-buttons,
.window .pos-contract-payment-change .contract-payment-change-buttons {
  margin: 20px 0 30px 0;
}
.window .pos-modal-contract-payment-change .contract-payment-change-buttons label,
.window .pos-contract-payment-change .contract-payment-change-buttons label {
  margin-left: 10px;
}
.window .pos-modal-contract-payment-change .pos-task-empty,
.window .pos-contract-payment-change .pos-task-empty {
  margin: 0;
}
.window .pos-modal-contract-payment-change .pos-contract-payment-change .contract-payment-change-buttons {
  margin: 0 0 50px 0;
}
.window .pos-modal-contract-payment-change .pos-contract-payment-change .btn-action {
  position: absolute;
  right: 20px;
  bottom: 20px;
  float: none;
}
.window .pos-modal-contract-payment-change .pos-contract-payment-change form .row {
  margin-bottom: 10px;
}
.window .pos-modal-print-invoice .pos-modal-well {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.window .pos-modal-print-invoice .pos-modal-title {
  font-size: 32px;
  color: #404348;
  font-family: open-sans-light, Tahoma, Verdana, sans-serif;
  margin: 20px 20px 30px 20px;
}
.window .pos-modal-print-invoice label {
  font-weight: normal;
}
.window .pos-modal-choose-seller .container-choose-seller .form-control-filter-list {
  height: 60px;
}
.window .pos-modal-deposit-withdraw .checkbox {
  margin-top: 0;
}
.pos-posmodal-container {
  height: 68%;
  overflow-y: auto;
}
.pos-posmodal-container::-webkit-scrollbar {
  width: 8px;
}
.pos-posmodal-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-posmodal-container::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-posmodal-well {
  overflow: auto;
}
.pos-window .pos-modal .pos-modal-panel {
  /*.border-radius(4px,4px,4px,4px);*/
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-color: #ffffff;
  border: none;
}
.pos-window .pos-modal .pos-modal-panel .panel-heading {
  background-color: transparent;
  border: none;
}
.pos-window .pos-modal .pos-modal-panel .panel-heading .panel-title {
  font-size: 26px;
  color: #404348;
  text-align: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5dce6;
}
.pos-window .pos-modal .pos-modal-panel .panel-footer {
  background-color: transparent;
  border: none;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-panel-body-fixed {
  /*height: calc(~'100%' - (@pos-view-header-fixed-space + @pos-view-footer-fixed-space + (2 * @pos-modal-content-custom-space)));*/
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-panel-heading-fixed {
  line-height: 26px;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-panel-heading-fixed .kiosk-checkbox-1 input[type="checkbox"] + span {
  padding-left: 20px;
  font-size: 14px;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-panel-heading-fixed .col-sm-4 {
  text-align: right;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-table-container {
  height: calc(100% - (0 * 45px));
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-table-container::-webkit-scrollbar {
  width: 8px;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-table-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .pos-table-container::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .kiosk-checkbox-1 {
  margin: 0 0 0 15px;
}
.pos-window .pos-modal .pos-modal-panel-payment-alert .table-receipt-users tbody {
  height: calc(100% - (60px));
}
/***** / Modal ******/
/***** Club member status ******/
.iterator-wrapper {
  height: 10px;
}
.panel-club-member-status {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border: none;
  /*border-top:1px solid @color-dark-grey-7;*/
  border-bottom: 2px solid #676363;
  background-color: transparent;
  min-height: 90px;
  /*brak visitinperiod i nie członkostwo nie zakceptowane*/
}
.panel-club-member-status .club-member-status-main-icon {
  min-height: 45px;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.panel-club-member-status .club-member-status-main-icon.success {
  background: transparent url('../img/StatusIcons2/success-ContractGuest-PaymentNoDebt-ContractActive-ShoppingSettled.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.visitinperiodsuccess {
  background: transparent url('../img/StatusIcons2/VisitInPeriodSuccess.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.hasclubenterproduct {
  background: transparent url('../img/StatusIcons2/HasClubEnterProduct.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.corporateuser {
  background: transparent url('../img/StatusIcons2/PaymentCorporatexxxxx.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractguest {
  background: transparent url('../img/StatusIcons2/success-ContractGuest-PaymentNoDebt-ContractActive-ShoppingSettled.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractActive {
  background: transparent url('../img/StatusIcons2/success-ContractGuest-PaymentNoDebt-ContractActive-ShoppingSettled.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.unknown {
  background: transparent url('../img/StatusIcons/unspecifiederrorvisitinperiodunknown.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractnotstarted {
  background: transparent url('../img/StatusIcons2/ContractNotStarted.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.warning {
  background: transparent url('../img/StatusIcons/warning.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.paymentcorporate {
  background: transparent url('../img/StatusIcons2/PaymentCorporate.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.PaymentWaiting {
  background: transparent url('../img/StatusIcons2/PaymentWaiting.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.PaymentNoDebt {
  background: transparent url('../img/StatusIcons2/success-ContractGuest-PaymentNoDebt-ContractActive-ShoppingSettled.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.default {
  background: transparent url('../img/StatusIcons/successdefault.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.multipleerrors {
  background: transparent url('../img/StatusIcons/multiple-error.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.visitinperiodfail {
  background: transparent url('../img/StatusIcons2/VisitInPeriodFail.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.companylocked {
  background: transparent url('../img/StatusIcons2/CompanyLocked,.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractnoactivecontract {
  background: transparent url('../img/StatusIcons2/NoActiveContract-ContractEnded.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractended {
  background: transparent url('../img/StatusIcons2/NoActiveContract-ContractEnded.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.noactivecontract {
  background: transparent url('../img/StatusIcons/noactivecontractmembership.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractbenefit {
  background: transparent url('../img/StatusIcons/benefit.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.contractfreezed,
.panel-club-member-status .club-member-status-main-icon.freezedcontract {
  background: transparent url('../img/StatusIcons/freezedcontract.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.shoppingunsettled {
  background: transparent url('../img/StatusIcons2/ShoppingSettled.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.ShoppingSettled {
  background: transparent url('../img/StatusIcons2/success-ContractGuest-PaymentNoDebt-ContractActive-ShoppingSettled.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.paymentdebt {
  background: transparent url('../img/StatusIcons2/PaymentDebt.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.clubnotallowed {
  background: transparent url('../img/StatusIcons/clubnotallowed.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.toomanyusersintheclub {
  background: transparent url('../img/StatusIcons/toomanyusersintheclub.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.entryhourinvalid {
  background: transparent url('../img/StatusIcons/entryhourinvalid.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.unspecifiederror {
  background: transparent url('../img/StatusIcons/unspecifiederrorvisitinperiodunknown.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.friendaccessaddonisended {
  background: transparent url('../img/StatusIcons/friendaccessaddonisended.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.friendisnotinclub {
  background: transparent url('../img/StatusIcons/friendisnotinclub.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.userlocked {
  background: transparent url('../img/StatusIcons/userlocked.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.companyisondept {
  background: transparent url('../img/StatusIcons2/CompanyIsOnDept.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.biometricagreements {
  background: transparent url('../img/StatusIcons/biometrical.png') no-repeat center center;
}
.panel-club-member-status .club-member-status-main-icon.islivepending {
  background: transparent url('../img/StatusIcons2/livepending.png') no-repeat center center;
}
.panel-club-member-status .panel-heading {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: none;
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-family: open-sans-semi-bold;
}
.panel-club-member-status .panel-heading span {
  color: #ffffff;
  font-family: open-sans-semi-bold;
}
.panel-club-member-status .panel-body {
  /*padding-top:0;*/
  padding: 0;
  border: none;
}
.panel-club-member-status .club-member-main-status-cell {
  padding: 0px;
  width: 80px;
  min-height: 45px;
  padding: 10px;
  vertical-align: middle;
}
.panel-club-member-status .table-layout {
  min-height: 80px;
}
.panel-club-member-status .club-member-status-list {
  text-align: left;
  padding: 10px;
}
.panel-club-member-status .club-member-status-list .label {
  background-color: transparent;
  background: none;
  text-align: left;
  font-weight: normal;
  padding: 0;
  font-size: 10px;
  line-height: 10px;
}
.panel-club-member-status .club-member-status-list .label-status-neutral,
.panel-club-member-status .club-member-status-list .label-status-valid,
.panel-club-member-status .club-member-status-list .label-status-invalid,
.panel-club-member-status .club-member-status-list .label-status-warning {
  padding-left: 15px;
}
.panel-club-member-status .club-member-status-list .label-status-valid,
.panel-club-member-status .club-member-status-list .label-status-neutral {
  background: transparent url('../img/status-sucess-icon.png') no-repeat center left;
  opacity: 0.6;
}
.panel-club-member-status .club-member-status-list .label-status-warning {
  background: transparent url('../img/pos-icon-small-status-2-dark.png') no-repeat center left;
}
.panel-club-member-status .club-member-status-list .label-status-invalid {
  background: transparent url('../img/status-fail-icon.png') no-repeat center left 2px;
}
.panel-warning .club-member-status-main-icon.paymentdebt {
  background: transparent url('../img/StatusIcons2/PaymentDebt-warning.png') no-repeat center center;
}
.panel-club-member-status.panel-valid {
  background-color: #46a313;
}
.panel-club-member-status.panel-invalid {
  background-color: #b61e1e;
}
.panel-club-member-status.panel-invalid .club-member-status-main-icon.benefit {
  background: transparent url('../img/StatusIcons/benefit2.png') no-repeat center center;
}
.panel-club-member-status.panel-neutral {
  background-color: transparent;
}
.panel-club-member-status.panel-warning {
  background-color: #e6ee19;
}
.panel-club-member-status.panel-warning .panel-heading {
  color: #404348;
}
.panel-club-member-status.panel-warning .panel-heading span {
  color: #404348;
}
.panel-club-member-status.panel-warning .club-member-status-list {
  color: black;
}
.panel-club-member-status.panel-warning .club-member-status-list .label {
  color: #404348;
}
.panel-club-member-status.panel-warning .club-member-status-list .label-status-valid {
  background: transparent url('../img/status-sucess-icon-black.png') no-repeat center left;
}
.benefit-serch img {
  width: 30px;
  margin-left: 10px;
}
/***** / Club member status ******/
/***** Club member family ******/
.panel-club-member-family {
  border-bottom: 2px solid #676363;
  padding: 15px;
  text-align: left;
}
.panel-club-member-family-role {
  font-family: open-sans-regular;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
}
.panel-club-member-family-members {
  font-size: 12px;
  padding: 0;
  margin: 0;
  padding-bottom: 15px;
  list-style: none;
  overflow: hidden;
}
.panel-club-member-family-member {
  margin-right: 5px;
  padding-left: 10px;
  padding: 5px 0 5px 10px;
  background: transparent url('../img/pos-arrow-right-back.png') no-repeat center left;
  cursor: pointer;
}
.panel-club-member-actions {
  text-align: right;
}
.panel-club-member-actions .btn-link {
  color: #ffffff;
  text-decoration: underline;
  font-size: 12px;
}
.panel-club-member-actions .btn-link:hover,
.panel-club-member-actions .btn-link:active,
.panel-club-member-actions .btn-link:focus {
  color: #ffffff;
  text-decoration: underline;
}
/***** / Club member family ******/
/***** Quick actions ******/
.pos-quick-actions {
  /*padding: 10px 10px 0 14.5px;*/
  padding: 10px 0 0 14.5px;
  /*margin-top:20px;*/
}
/***** /Quick actions ******/
.pos-footer {
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: transparent;
}
.pos-footer-support {
  color: #777;
  margin: 0 20px;
  cursor: pointer;
}
.pos-footer-support:hover {
  color: #ddd;
}
/******** Timetable ********/
.timetable-zone {
  display: flex;
  overflow-x: scroll;
}
.timetable-zone .calendar-class-time {
  font-size: 22px;
  margin: 0;
}
.timetable-zone .timetable-zone-item {
  min-width: 180px;
  padding: 0 0 0 15px;
}
.timetable-zone .timetable-zone-name {
  min-height: 40px;
}
.pos-timetable-view {
  background: white;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 0 2em;
}
.pos-timetable-view::-webkit-scrollbar {
  width: 8px;
}
.pos-timetable-view::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-timetable-view::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-timetable-view .pos-view-inner {
  padding: 20px 0 20px 0;
}
.pos-timetable-view .pos-table-timetable table thead tr th {
  border-bottom: none;
}
.pos-timetable-view .pos-table-timetable table thead tr th:first-child {
  width: 30px;
}
.pos-timetable-view .pos-table-timetable table tbody tr td {
  border-top: none;
}
.pos-timetable-view .pos-table-timetable table tbody tr td:first-child {
  width: 30px;
  vertical-align: middle;
  color: #525a6e;
  padding: 0;
}
.pos-timetable-view .tab-pane {
  padding-right: 3em;
}
.pos-timetable-view .tab-pane.no-right-space {
  padding-right: 0;
}
.pos-timetable-margin-up {
  margin-top: 10px;
}
.pos-timetable-hourcell span {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
  -ms-transform: rotate(270deg);
  display: inline-block;
  font-family: open-sans-semi-bold;
  color: #525a6e;
}
.pos-timetable-background-border {
  border: none;
}
.pos-timetable-margin {
  margin-left: 0;
}
.pos-filters {
  height: 41px;
  width: 170px;
  padding: 0 3em 0 1em;
  background: url("../img/timetable-filter-arrow.jpg") no-repeat right center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none !important;
  margin: 0 0.4em;
  font-family: open-sans-light;
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  /*white-space: nowrap;*/
}
.pos-filters:hover {
  cursor: pointer;
}
.pos-filters.is-small {
  height: 25px;
  background-size: contain;
}
.pos-filters-time {
  width: 140px;
}
.btn-border {
  border: none;
  width: 36px;
  height: 30px;
}
.btn-border:active {
  opacity: 0.5;
  background-color: transparent;
}
.btn-border:hover {
  opacity: 0.5;
  cursor: pointer;
  background-color: transparent;
}
.btn-leftright {
  background: none;
}
.btn-border.active {
  opacity: 0.5;
  background-color: transparent;
}
.btn-cricle {
  background: url("../img/pos-timetable-calendarclear.png") no-repeat center;
  width: 36px;
  height: 30px;
}
.pos-date-text {
  color: #525a6e;
  font-family: open-sans-bold;
  padding: 0.3em 1em;
  font-size: 17px;
  border-left: 1px solid #d4d4d4;
}
.pos-filters-club {
  margin-left: 0;
}
.pos-calendar {
  background: url("../img/pos-timetable-calendar.png") no-repeat center;
}
.pos-calendar-o {
  background: url("../img/pos-timetable-calendar2.png") no-repeat center;
}
.pos-list {
  background: url("../img/pos-timetable-menu.png") no-repeat center;
}
.pos-timetable-time {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  color: #525a6e;
  font-family: open-sans-regular;
}
.pos-panel-timetable {
  border-radius: 0;
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  min-height: 140px;
  position: relative;
}
.pos-panel-timetable .caption h4 {
  color: #525a6e;
  font-family: open-sans-semi-bold;
}
.pos-panel-timetable .clendar-class-avilability span small {
  color: #525a6e;
}
.pos-panel-timetable2 {
  border-radius: 0;
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  position: relative;
  min-height: 180px;
}
.pos-panel-timetable2 .caption h4 {
  color: #525a6e;
  font-family: open-sans-bold;
}
.pos-panel-timetable2 .clendar-class-avilability span small {
  color: #525a6e;
}
.pos-color-traingle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 25px 25px;
  line-height: 0px;
  display: inline-block;
  position: absolute;
  bottom: 1px;
  right: 1px;
  _border-color: transparent transparent gray transparent;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.pos-triangle-day {
  bottom: -24px;
  right: -24px;
}
.pos-panel-body {
  color: #525a6e !important;
  padding: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pos-panel-body .pos-name-timetable {
  font-family: open-sans-semi-bold;
}
.pos-panel-body .pos-timetable-place {
  color: #bbbbbb;
}
.pos-panel-body .pos-name-timetable2 {
  font-family: open-sans-extra-bold;
}
.pos-panel-body .caption h4 {
  margin: 0;
}
.pos-panel-body .caption h4 small {
  color: #525A6D;
}
.pos-timetablemember-border {
  border-left: 1px solid #d4d4d4;
  border-radius: 0;
  padding: 5px;
}
.pos-timetable-additional-info-row {
  display: flex;
}
.pos-timetable-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.pos-timetable-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pos-timetable-additional-info-col {
  display: flex;
  height: 60px;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.pos-timetable-label {
  color: black;
  background-color: #e7e7e7;
  padding: 8px;
  margin: 5px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 1rem;
}
.pos-timetable-color-date {
  color: #3d5593;
}
.pos-date-font {
  font-size: 30px;
  font-family: open-sans-regular;
}
.ae-font2 {
  font-family: open-sans-regular;
}
.pos-gym-type {
  color: #3d5593;
  font-size: 14px;
  font-family: open-sans-regular;
}
.pos-list-view {
  margin: 0;
}
.pos-event-list {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  height: 60px;
  padding: 0;
}
.pos-event-list small {
  font-family: open-sans-regular;
}
.pos-event-list .btn-print-ticket {
  border: none;
  line-height: 0;
  padding: 0;
}
.pos-daytimetable-name {
  font-family: open-sans-regular;
  font-size: 16px;
}
.pos-daytimetable-minuts {
  font-size: 14px;
}
.pos-timetable-cell {
  padding: 0;
  height: 100%;
}
.pos-color-panel {
  height: 100%;
  width: 5px;
  float: left;
  margin-right: 1em;
}
.pos-color-panel-clubmember {
  height: 60px;
  width: 5px;
  float: left;
}
.pos-calendartimetable-font {
  font-family: open-sans-regular;
}
.pos-timetablelist-text {
  height: 100%;
  line-height: 60px;
  font-size: 26px;
  color: #525a6e;
}
.pos-timetable-margin2 {
  margin: 0;
}
.pos-padding-timetable {
  padding-left: 0;
}
.pos-hour-clubmember {
  font-size: 24px;
  display: inline-block;
  padding-left: 10px;
}
.timetable-time-minutes {
  display: inline-block;
}
.pos-class-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.pos-hour-clubmember1 {
  font-size: 24px;
  display: inline-block;
  white-space: nowrap;
}
.pos-timetable-member-count {
  display: block;
  padding-left: 15px;
}
.pos-timetable-fontsize {
  font-size: 26px;
  line-height: 60px;
  display: inline-block;
  width: 60px;
}
.pos-timetablelist-date {
  color: #3d5593;
}
.pos-timetablelist-date .pos-day {
  font-family: open-sans-semi-bold;
}
.pos-clubmember-chose {
  font-size: 24px;
  font-family: open-sans-light;
  border-bottom: 1px solid #ddd;
}
.pos-clubmember-chose a {
  color: #31a1ea;
}
.pos-clubmember-chose:hover {
  background: none;
}
.pos-clubmember-chose.active {
  border-bottom: 1px solid #1c4577;
}
.pos-clubmember-chose.active a {
  color: #1c4577 !important;
  font-family: open-sans-regular;
}
.nav-tabs .pos-clubmember-chose.active {
  margin-bottom: 0;
}
.nav-tabs .pos-clubmember-chose.active a {
  border-color: transparent !important;
}
.nav-tabs {
  border: none;
}
.kiosk-datepicker-container {
  width: 350px;
  height: 425px;
  margin: 0 auto;
}
.kiosk-datepicker-container .kiosk-datepicker {
  /*.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
            background-color:@color-blue-1;
            color:@color-white;

            .text-info {
                color:@color-white;
            }
        }*/
}
.kiosk-datepicker-container .kiosk-datepicker table {
  table-layout: fixed;
  width: 350px;
  height: 425px;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr th small {
  font-family: open-sans-regular;
  color: #3d5593;
  font-size: 10px;
  font-weight: normal;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th {
  padding: 0;
  background: url('../img/timetable-header-center.png') repeat-x center center;
  height: 80px;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th small {
  font-family: open-sans-regular;
  color: #3d5593;
  font-size: 10px;
  font-weight: normal;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th .btn.btn-default {
  width: 100%;
  border: none;
  height: 80px;
  /*background: url('../img/timetable-header-center.png') repeat-x center center;*/
  color: #3d5593;
  background-color: transparent;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th .btn.btn-default strong {
  font-size: 24px;
  font-family: open-sans-light;
  font-weight: normal;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th .btn.btn-default i {
  display: none;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th .btn.btn-default.pull-left {
  width: 100%;
  /*width:60px;
                            height:80px;*/
  /*background: url('../img/timetable-header-left.png') no-repeat bottom center;*/
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th .btn.btn-default.pull-right {
  width: 100%;
  /*width:60px;
                            height:80px;
                            background: url('../img/timetable-header-right.png') no-repeat bottom center;*/
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th:first-child {
  /*width:60px;*/
  height: 80px;
  background: url('../img/timetable-header-left-2.png') no-repeat top left;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th:nth-child(2) {
  background: url('../img/timetable-header-center.png') repeat-x center center;
}
.kiosk-datepicker-container .kiosk-datepicker table thead tr:first-child th:last-child {
  /*width:60px;*/
  height: 80px;
  background: url('../img/timetable-header-right-2.png') no-repeat top right;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td {
  padding: 3px;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  /*width:46px !important;
                            height:46px !important;*/
  /*padding:4px;*/
  height: 46px;
  border: none;
  font-size: 16px;
  /*color:@color-blue-dark-1;*/
  font-family: open-sans-light;
  /*margin:2px 2px 2px 2px;*/
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default .text-info {
  color: #525a6e;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default .text-muted {
  color: #d4d4d4;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default.active {
  color: #ffffff;
  background-color: #31a1ea;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default.active .text-info {
  color: #ffffff;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default.active .text-muted {
  color: #ffffff;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default.btn-info {
  background-color: #31a1ea;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td .btn.btn-default.btn-info .text-info {
  color: #ffffff;
}
.kiosk-datepicker-container .kiosk-datepicker table tbody tr td em {
  font-family: open-sans-regular;
  color: #3d5593;
  font-size: 10px;
  font-weight: normal;
}
.timetable-clubmember-filters-row {
  margin-left: 0;
}
.pos-padding-clubmember {
  padding: 0;
}
.calendar-item-icon,
.calendar-item-name {
  position: relative;
  top: 11px;
}
.calendar-item-employee {
  position: relative;
  bottom: 13px;
}
.data-reservation-cancel {
  position: relative;
  right: -63px;
}
/******** Timetable ********/
/************Wyniki wszukiwania*************/
.pos-search-view .pos-view-inner {
  padding: 40px;
}
.pos-serch-nav-icons .btn:first-child {
  background: url(../img/pos-icon-arrow-dark-left.png) no-repeat;
  font-size: 0;
  height: 30px;
  background-size: 70%;
}
.pos-serch-nav-icons .btn:first-child:hover {
  background: url(../img/pos-icon-arrow-dark-left.png) no-repeat !important;
}
.pos-serch-nav-icons .btn:last-child {
  background: url(../img/pos-icon-arrow-dark-right.png) no-repeat;
  font-size: 0;
  height: 30px;
}
.pos-serch-nav-icons .btn:last-child:hover {
  background: url(../img/pos-icon-arrow-dark-right.png) no-repeat !important;
}
.pos-serch-wrapper {
  background-color: white;
  overflow-x: hidden;
  overflow-y: hidden;
}
.pos-serch-wrapper::-webkit-scrollbar {
  width: 8px;
}
.pos-serch-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-serch-wrapper::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-serch-usercontainer {
  border: none;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  height: 180px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 45%;
  overflow: hidden;
  text-align: left;
}
.pos-bs-calloutserch {
  height: 100%;
  border-left-width: 10px;
  border-left-style: solid;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
#pos-serch-nav .btn {
  background-color: transparent;
  border: none;
}
#pos-serch-nav .btn:hover {
  background: none;
}
#pos-serch-nav .btn.disabled {
  display: none;
}
.bs-callout-warning {
  border-left-color: #c09853;
}
.bs-callout-default {
  border-left-color: #ddd;
}
.bs-callout-danger {
  border-left-color: #bd362f;
}
.bs-callout-success {
  border-left-color: #d6e9c6;
}
.pos-serch-username {
  font-size: 1vw;
  color: #525a6e;
  font-family: open-sans-light;
  margin: 10px 0 0 0;
  display: inline-block;
  max-width: calc(100% - 215px);
  height: 36px;
}
.pos-serch-username strong {
  font-family: open-sans-light;
  font-weight: 500;
}
.birthdate-serch {
  font-size: 11px;
  min-height: 17px;
}
.email-serch {
  font-size: 11px;
  min-height: 17px;
}
.email-serch span {
  margin-left: 5px;
}
.serch-clubname {
  font-size: 13px;
  margin-left: 5px;
  position: relative;
  top: 3px;
}
.pos-rating {
  font-size: 20px;
  margin: 20px 0 0 0;
  overflow: hidden;
  max-height: 30px;
}
.pos-rating .glyphicon-star {
  background: transparent url('../img/pos-icon-star-yellow-1.png') no-repeat top left;
  /*padding:10px;*/
  font-size: 0;
  padding: 15px 10px;
}
.pos-rating .glyphicon-star-empty {
  background: transparent url('../img/pos-icon-star-grey-1.png') no-repeat top left;
  /*padding:10px;*/
  font-size: 0;
  padding: 15px 10px;
}
.Contarct-exp {
  margin-bottom: 10px;
  min-height: 18px;
  font-size: 11px;
}
.pos-rating-small {
  font-size: 12px;
  line-height: 0px;
}
.pos-rating-small .glyphicon-star {
  background: transparent url('../img/pos-star-yellow2.png') no-repeat top left;
  background-size: 12px 12px;
  /*padding:10px;*/
  font-size: 0;
  padding: 6px 6px;
}
.pos-rating-small .glyphicon-star-empty {
  background: transparent url('../img/pos-star-gray2.png') no-repeat top left;
  background-size: 12px 12px;
  /*padding:10px;*/
  font-size: 0;
  padding: 6px 6px;
}
.pos-rating-small .glyphicon-star-empty {
  background: transparent url('../img/pos-star-gray2.png') no-repeat top left;
  background-size: 12px 12px;
  /*padding:10px;*/
  font-size: 0;
  padding: 6px 6px;
}
.pos-serch-number {
  font-family: open-sans-bold;
  color: #525a6e;
  font-size: 13px;
  font-size: 1em;
  height: 20px;
  overflow: hidden;
}
.pos-serch-location {
  color: #525a6e;
  font-size: 14px;
}
.pos-serch-location span {
  color: #525a6e;
}
.pos-serch-backicon {
  color: #66a9d9;
}
.pos-serch-backicon:hover {
  cursor: pointer;
}
.pos-btn-serch1 {
  margin-left: 70px;
  margin-right: 70px;
}
.pos-serch-btns {
  font-size: 20px;
  color: #66a9d9;
}
.pos-serch-btns:hover {
  text-decoration: none;
}
.pos-serch-btns.active {
  font-family: open-sans-bold;
  color: #1c4577;
}
.pos-serchavatar-wrapper {
  width: 190px;
  height: 179px;
  margin-right: 20px;
}
.pos-serchavatar-wrapper .avatar-container {
  width: 100%;
  height: 100%;
}
.pos-serchavatar-wrapper .avatar-container .club-member-avatar {
  position: relative;
  overflow: hidden;
}
.pos-serchavatar-wrapper .avatar-container .club-member-avatar img {
  width: initial;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  height: initial;
  min-width: 190px;
  max-width: 190px;
  min-height: 179px;
}
.pos-serchavatar-wrapper .avatar-container .club-member-avatar div {
  background: url(../img/bookmodal-no-photo.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}
.pos-modal-container-left .club-member-avatar {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.pos-modal-container-left .club-member-avatar img {
  width: initial;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  height: initial;
  min-width: 50px;
  min-height: 50px;
  max-height: 50px;
}
.pos-modal-container-left .club-member-avatar div {
  background: url(../img/bookmodal-no-photo.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}
.club-member-avatar-img {
  display: block;
  max-width: 100%;
}
.club-member-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.club-member-avatar .no-photo-avatar {
  background: url(../img/bookmodal-no-photo.png) no-repeat;
  background-size: 100% 100%;
  color: transparent;
}
/************Wyniki wszukiwania*************/
/*************Teraz w klubie****************/
.pos-allinclub-bg {
  background: white;
  padding: 40px 60px 5px 60px;
}
.pos-allinclub-bg .btn-exit-inclub {
  color: #525a6e !important;
  width: 66px;
}
.pos-allinclub-bg .pos-names {
  color: #525a6e;
}
.pos-allinclub-bg .pos-names {
  color: #525a6e !important;
}
.pos-allinclub-bg .pos-nowinclub-title {
  padding: 0;
}
.pos-allinclub-bg .pos-nowinclub-title h1 {
  color: #525a6e;
  text-shadow: 1px 1px #eeeff0;
}
.pos-allinclub-bg .pos-nowinclub-title span {
  color: #525a6e;
  font-family: open-sans-regular;
  margin: 0 5px 0 0;
  text-shadow: 1px 1px #eeeff0;
}
.pos-allinclub-bg .pos-nowinclub-input {
  margin-top: 20px;
}
.pos-allinclub-bg .pos-nowinclub-input input {
  border: 1px solid #d5dce6;
  border-radius: 5px;
}
.gender-icons-nowinclub {
  width: 20px;
  display: inline-block;
  margin-right: 0 !important;
}
.gender-icons-nowinclub img {
  width: initial;
}
.genders-fonts {
  font-size: 11px;
}
.pos-memberinclub-user {
  vertical-align: top;
  /*margin-left: 10px;*/
  padding-left: 10px;
  padding-right: 0;
  overflow: hidden;
  width: calc(100% - 55px);
}
.pos-memberinclub-user .pos-names {
  vertical-align: top;
  color: white;
  font-size: 13px;
  line-height: 13px;
  font-family: open-sans-semi-bold;
  white-space: nowrap;
  overflow: hidden;
}
.pos-memberinclub-user .pos-names img {
  height: 11px;
}
.now-in-club-rwd {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1600px) {
  .now-in-club-rwd .col-big {
    /*width: 12.5% !important;*/
  }
}
@media screen and (min-width: 2050px) {
  .now-in-club-rwd .col-big {
    /*width: 8.333333333333333% !important;*/
    width: 12.5% !important;
  }
}
.member-avatr-cropping {
  position: relative;
  overflow: hidden;
}
.member-avatr-cropping img {
  width: initial;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  height: inherit;
  min-width: 55px;
  min-height: 55px;
}
.pos-allmemberinclub-display {
  display: inline-block;
  max-width: 55px;
}
.pos-allmemberinclub-display .club-member-avatar div {
  background: url(../img/avatar-empty.svg) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}
.pos-nowinclub-home h6 {
  color: white;
  margin: 0 0 5px 0;
  display: inline-block;
  font-family: open-sans-semi-bold;
  font-size: 10px;
}
.pos-nowinclub-home h6 button {
  display: inline-block;
  font-size: 12px;
  font-family: open-sans-light;
  text-decoration: underline;
  margin-left: 10px;
  margin-bottom: 6px;
}
.pos-nowinclub-home .pos-member-count {
  color: white;
}
.pos-nowinclub-home .pos-member-count span {
  position: relative;
  width: auto;
  margin-right: 5px;
}
.pos-nowinclub-home .pos-member-count .pos-member-info-count {
  border-right: 1px solid #a5a6a8;
}
.pos-nowinclub-home .pos-names {
  color: white;
}
.nowin-club-showall {
  color: white;
  margin: 0 0 5px 0;
  display: inline-block;
  font-family: open-sans-semi-bold;
  font-size: 10px;
}
.nowin-club-showall button {
  display: inline-block;
  font-size: 12px;
  font-family: open-sans-light;
  text-decoration: underline;
  margin-left: 10px;
  margin-bottom: 6px;
}
.member-info-all {
  border-bottom: 3px solid #31a1ea;
  padding-bottom: 2px;
  position: relative;
  margin-right: 5px;
}
.member-info-all .traingle {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #31a1ea;
  display: inline-block;
  position: absolute;
  bottom: -6px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.pos-member-count {
  color: white;
}
.now-inclub-serch h3 {
  color: white;
}
/*************Teraz w klubie****************/
/*************Produkty******************/
.pos-products-view .pos-view-header,
pos-products-pcswrap .pos-view-header {
  margin-bottom: 0;
}
.pos-products-view .pos-view-inner,
pos-products-pcswrap .pos-view-inner {
  padding: 40px;
}
.pos-products-view .pos-view-inner .pos-cart-item-counter,
pos-products-pcswrap .pos-view-inner .pos-cart-item-counter {
  margin-bottom: 10px;
}
.pos-products-view .pos-view-inner .pos-cart-item-counter input.form-control,
pos-products-pcswrap .pos-view-inner .pos-cart-item-counter input.form-control {
  height: 30px;
}
.pos-products-view .pos-view-inner .pos-cart-item-counter a,
pos-products-pcswrap .pos-view-inner .pos-cart-item-counter a {
  padding: 5px 10px;
}
.pos-products-view .pos-view-inner .input-group-addon,
pos-products-pcswrap .pos-view-inner .input-group-addon {
  font-weight: normal;
}
.pos-products-view .pos-view-inner textarea.ng-valid,
pos-products-pcswrap .pos-view-inner textarea.ng-valid,
.pos-products-view .pos-view-inner select.ng-valid,
pos-products-pcswrap .pos-view-inner select.ng-valid,
.pos-products-view .pos-view-inner input.ng-valid,
pos-products-pcswrap .pos-view-inner input.ng-valid {
  border: 1px solid #ccc;
}
.pos-products-view .pos-view-footer-fixed,
pos-products-pcswrap .pos-view-footer-fixed {
  padding: 0px;
  bottom: 40px;
  height: 60px;
}
.pos-products-pos input {
  height: 30px !important;
  border: 1px solid #d5dce6;
}
.pos-products-pos small {
  margin-left: -25px;
  margin-top: 6px;
  font-family: open-sans-bold;
}
.pos-coloring {
  color: #525a6e;
  text-shadow: 1px 1px #e5e6e8;
}
.pos-product-history {
  font-size: 16px;
  color: #525a6e;
}
.pos-history-title {
  font-family: open-sans-bold;
  color: #525a6e;
}
.pos-product-btn {
  font-family: open-sans-regular;
  margin-top: 30px;
}
.pos-product-border {
  border-bottom: 1px solid #d5dce6;
}
.pos-product-row {
  border-bottom: 1px solid #d5dce6;
  padding: 13px 0;
}
.pos-product-row .btn-action-small-2 {
  width: 100%;
}
.pos-btn-product {
  background-color: #31a1ea;
  border: none;
}
.pos-btn-product-active {
  background-color: transparent;
  border: none;
  color: #525a6e;
  cursor: default;
  padding: 0;
}
.pos-btn-product-active:hover,
.pos-btn-product-active:active,
.pos-btn-product-active:focus {
  color: #525a6e;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  background: none;
  background-color: transparent;
  border: none;
  cursor: default;
}
.pos-product-itemname {
  color: #525a6e;
  font-family: open-sans-semi-bold;
  font-size: 24px;
  line-height: 24px;
}
.pos-produnct-dropdown {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  border: none;
  width: 210px;
  height: auto;
}
.pos-produnct-dropdown .pos-product-dropdown-btn1 {
  line-height: 25px;
}
.pos-produnct-dropdown .pos-product-dropdown-btn1 button {
  color: #525a6e;
  font-size: 14px;
}
.pos-produnct-dropdown .pos-product-dropdown-btn1 button:hover {
  text-decoration: none;
}
.pos-produnct-dropdown .pos-product-dropdown-btn2 {
  line-height: 35px;
}
.pos-produnct-dropdown .pos-product-dropdown-btn2 button {
  color: #525a6e;
}
.pos-produnct-dropdown .pos-product-dropdown-btn2 button:hover {
  text-decoration: none;
}
.pos-produnct-dropdown li {
  margin: 5px 0;
}
.pos-produnct-dropdown.pull-right {
  right: 5px;
}
.pos-product-history-box {
  background-color: #ffffff;
  position: relative;
  top: -2px;
}
.pos-product-history-box .pos-product-history-container {
  border-bottom: 1px solid #d5dce6;
  margin-left: 75px;
}
.pos-product-history-box .pos-product-history-container .col-sm-4 {
  padding: 5px;
}
.pos-product-history-box .pos-product-history-container .pos-history-title {
  padding: 10px 5px;
}
.pos-product-history-box .pos-product-history-container .pos-product-history-data {
  max-height: 250px;
}
.pos-product-history-box .pos-product-history-container .pos-product-history-data .row {
  margin: 0;
}
.pos-product-icon {
  background: transparent url('../img/pos-product-icon-bundle.png') no-repeat top left;
  display: inline-block;
  /*min-height:51px;
    min-width:45px;*/
  height: 40px;
  width: 45px;
  float: left;
}
.pos-product-icon-bundle {
  background: transparent url('../img/pos-product-icon-bundle.png') no-repeat center center;
}
.pos-product-icon-drink {
  background: transparent url('../img/pos-product-icon-drink.png') no-repeat center center;
}
.pos-product-icon-free {
  background: transparent url('../img/pos-product-icon-free.png') no-repeat center center;
}
.pos-product-icon-juice {
  background: transparent url('../img/pos-product-icon-juice.png') no-repeat center center;
}
.pos-product-icon-pt {
  background: transparent url('../img/pos-product-icon-pt.png') no-repeat center center;
}
.pos-product-icon-sauna {
  background: transparent url('../img/pos-product-icon-sauna.png') no-repeat center center;
}
.pos-product-icon-towel {
  background: transparent url('../img/pos-product-icon-towel.png') no-repeat top left;
}
.pos-product-content {
  display: inline-block;
  margin-left: 1em;
  font-family: 'Open Sans', sans-serif;
  color: #525a6e;
  float: left;
  word-break: break-word;
}
.pos-product-wrapper {
  padding: 0;
}
.pos-table-products-history-container {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: 50px;
}
.pos-table-products-history {
  margin-bottom: 0;
}
/**************Produkty*****************/
/****konfigurator******/
.control-input-style input,
.control-input-style select,
.control-input-style .form-control {
  border-color: #d5dce6 !important;
}
.pos-configuration-view-wrap .pos-view-container {
  margin-bottom: 30px;
}
.checkbox-configuration {
  margin: 0 0 0 0;
  height: 30px;
}
.previus-val-row {
  padding: 0;
}
/****konfigurator******/
/***** processing presenter *****/
.pos-processing-presenter-header {
  position: absolute;
  top: 10px;
  width: 180px;
}
/***** / processing presenter *****/
/**********Zapis na zajecia*********/
.pos-modalbookevent-wrapper {
  border-left-width: 10px;
  border-left-style: solid;
}
.pos-modalbookevent-wrapper .pos-modalbookevent-container {
  padding: 0;
  overflow: hidden;
}
.pos-modalbookevent-wrapper input {
  border-color: #d5dce6;
}
.posbook-avatar-cont {
  height: 50px;
  width: 50px;
}
.posbook-avatar-cont .club-member-avatar {
  position: relative;
  overflow: hidden;
}
.posbook-avatar-cont .club-member-avatar .fa-spinner {
  position: absolute;
}
.posbook-avatar-cont .club-member-avatar img {
  width: initial;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  height: initial;
  min-width: 50px;
  min-height: 50px;
  max-height: 50px;
}
.posbook-avatar-cont .club-member-avatar div {
  background: url(../img/bookmodal-no-photo.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}
.pos-bookeventmodal-username {
  line-height: 50px;
  font-family: open-sans-regular;
  font-size: 16px;
  color: #525a6e;
}
.pos-bookeventmodal-username:hover {
  cursor: pointer;
}
.pos-bookeventmodal-username .btn-print-ticket {
  border: none;
  margin-top: 5px;
}
.pos-bookeventmodal-username span {
  overflow: hidden;
  white-space: nowrap;
}
.pos-bookeventmodal-username-overflow {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 250px;
}
.pos-bookeventmodal-username-bold {
  font-size: 14px;
  color: black;
  font-family: open-sans-bold;
}
.pos-modal-background {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background-color: white;
  border-bottom: 1px solid #e3e3e3;
}
.pos-bookmodal-bg-left {
  background-color: white;
  color: #525a6e;
}
.pos-bookmodal-bg-left .pos-modalview-exc {
  font-size: 32px;
  text-shadow: 1px 1px #e5e6e8;
}
.pos-bookmodal-bg-left .pos-modal-hour {
  font-size: 26px;
}
.pos-bookmodal-bg-right {
  padding-top: 1em;
  background-color: #f5f5f5;
}
.pos-bookmodal-bg-right .form-group input {
  border-color: #d5dce6;
}
.pos-bookmodal-bg-right .pos-modal-right-color {
  color: #525a6e;
}
.pos-bookmodal-panel {
  border-left: none;
  border-top: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
}
.pos-bookmodal-panel h5 {
  color: #8a8e9a;
  font-size: 15px;
  font-family: open-sans-light;
  overflow: hidden;
  white-space: nowrap;
}
.pos-bookmodal-panel .panel-body {
  padding: 0;
}
.pos-bookmodal-panel .panel-body input {
  border-color: #d5dce6;
  padding: 1.5em;
}
.pos-bookmodal-panel .avatar-container {
  height: 50px;
}
.pos-bookmodal-button-container-column {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
}
.pos-bookmodal-button-container-column > .btn-bokmodal-timetable {
  margin-bottom: 20px;
}
.pos-list-header {
  display: flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
  width: 100%;
}
.pos-list-header:before {
  width: 100%;
  height: 1px;
  display: block;
  content: "";
  background: #e3e3e3;
  margin-right: 25px;
}
.pos-list-header:after {
  width: 100%;
  height: 1px;
  display: block;
  content: "";
  background: #e3e3e3;
  margin-left: 25px;
}
.btn-bokmodal-timetable {
  width: 300px;
  height: 60px;
  font-family: open-sans-regular;
}
.btn-bokmodal-timetable.active {
  color: #ffffff;
  background: #31a1ea;
}
.btn-bokmodal-timetable-btn-small-text {
  font-size: 13px;
}
.btn-bokmodal-timetable-btn-large-text {
  font-size: 16px;
}
.pos-modalcaption-padding {
  padding: 0 2em;
}
.pos-bgbtn-bookmodal {
  background-color: #31a1ea;
  color: white;
}
.pos-modalbook-btns-right {
  margin-bottom: 3em;
}
.pos-modalbook-btns-right button {
  width: 140px;
  height: 60px;
  background-color: #31a1ea;
  border: none;
  color: white;
  margin-right: 31px;
}
.pos-modal-btn-check {
  background: none;
  font-size: 30px;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.pos-bookmodal-nonradius {
  border-radius: 0;
  height: 530px;
  overflow-y: auto;
}
.pos-bookmodal-nonradius::-webkit-scrollbar {
  width: 8px;
}
.pos-bookmodal-nonradius::-webkit-scrollbar-track {
  background-color: transparent;
}
.pos-bookmodal-nonradius::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-bookmodal-nonradius .pos-book-information {
  font-family: open-sans-bold;
}
.pos-cancel-border {
  border-left: 1px solid #d4d4d4;
  border-radius: 0;
}
.pos-dropdown-menu-table {
  top: 2.5em;
  left: 16em;
}
/********Dodaj uzytkownika*************/
.pos-addmember-container {
  background: white;
  max-height: 94vh;
}
.pos-addmember-container .text-primary {
  color: #525a6e;
  font-family: open-sans-light;
  font-weight: normal;
}
.pos-addmember-container .fa-venus {
  color: #525a6e;
}
.pos-addmember-container .fa-mars {
  color: #525a6e;
}
.pos-addmember-container .document-scan-container .form-group {
  display: inline-block;
  margin-top: 12px;
}
.pos-addmember-container .document-scan-container .progress {
  display: inline-block;
  width: 50%;
  margin: 0 0 0 10px;
}
.pos-addmember-container .gender-panel-body {
  border: none;
  padding: 0;
}
.pos-addmember-container .pos-contacts-modal-scroll-wrapper {
  overflow-y: auto;
  max-height: 45vh;
}
.pos-addmember-title {
  margin: 0 15px 20px 15px;
}
.gender-chose-radio div input[type="radio"] {
  position: relative;
  top: 5px;
  width: 21px;
  height: 21px;
  margin: 1px;
}
.gender-chose-radio div input[type="radio"]:before {
  width: 21px;
  height: 21px;
  content: "";
  display: inline-block;
  background: url('../img/radio-empty-pos.png') no-repeat center center;
}
.gender-chose-radio div input[type="radio"]:checked:before {
  background: url('../img/radio-check-pos.png') no-repeat center center;
}
.pos-guest-marketing .kiosk-checkbox-1 input[type="checkbox"] + span,
.pos-guest-marketing .kiosk-checkbox-1 input[type="radio"] + span {
  font-size: 14px;
  line-height: 25px;
}
.pos-guest-marketing .kiosk-checkbox-1 label {
  padding-left: 0;
}
.pos-guest-marketing .pos-filters {
  margin-left: 0;
}
.pos-radio {
  font-weight: normal;
  line-height: 21px;
  height: 21px;
  padding-left: 27px;
  position: relative;
}
.pos-radio input[type="radio"] {
  width: 21px;
  height: 21px;
  margin: 0;
  position: absolute;
  left: 0;
}
.pos-radio input[type="radio"]:before {
  width: 21px;
  height: 21px;
  content: "";
  display: inline-block;
  background: url('../img/radio-empty-pos.png') no-repeat center center;
}
.pos-radio input[type="radio"]:checked:before {
  background: url('../img/radio-check-pos.png') no-repeat center center;
}
.pos-radio + .pos-radio {
  margin-left: 20px;
}
.btn-addmember {
  border: none;
  background: none;
  border-radius: 0;
  color: #31a1ea;
  font-size: 25px;
  box-shadow: none;
}
.btn-addmember.active {
  font-family: open-sans-regular;
  color: #1c4577 !important;
  border: none;
  background: none;
  border-radius: 0;
  font-size: 25px;
  box-shadow: none;
}
.btn-addmember:hover,
.btn-addmember:focus {
  background-color: transparent !important;
}
.btn-addmember-one {
  border-bottom: 1px solid #d5dce6 !important;
  border-right: 1px solid #d5dce6 !important;
  padding-left: 0px;
}
.btn-addmember-one.active {
  border: none !important;
}
.btn-addmember-two {
  border-bottom: 1px solid #d5dce6 !important;
  border-left: 1px solid #d5dce6 !important;
}
.btn-addmember-two.active {
  border: none !important;
}
.payment-alert-header {
  border-bottom: 1px solid #d5dce6;
  margin-bottom: 10px;
}
.btn-addmember.payment-alert.active {
  border-bottom: 1px solid #1c4577;
}
.btn-calendar-addmember {
  padding: 5.5px 12px;
}
.no-padding-class {
  padding: 0;
}
.panel-gender-group {
  box-shadow: none;
}
.btn-grup-createmember .btn-action {
  margin-top: 10px;
}
/********Add user*************/
/***************Change password**********************/
.password-change-panel .panel-title {
  font-size: 26px;
  color: #404348;
}
.password-change-panel .panel-heading {
  background-color: white;
  border: none;
}
.password-change-panel .panel-footer {
  border: none;
  background-color: white;
}
/***************Change password**********************/
/**********Zapis na zajecia*********/
/**********Turbolpanel**********/
/**********Turbolpanel**********/
/***** Loader *****/
/*.loading {
    background: black url('../img/layer-bg.png') no-repeat center center;
    .loading-inner {
        height:100%;
        width:100%;
        background: transparent url('../Images/loader.gif') no-repeat center center;
        position:absolute;
        vertical-align:middle;
        text-align:center;
        display:table-cell;
    }

}*/
.card-select-container {
  display: table;
  min-height: 60px;
  margin: 0;
}
.card-select-container img {
  width: 40px;
}
.card-select-container label {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
.card-select-container label:hover {
  cursor: pointer;
}
@-webkit-keyframes animate-particle {
  0% {
    background-position: 0 0px;
  }
  8.33% {
    background-position: 0 -85px;
  }
  16.66% {
    background-position: 0 -170px;
  }
  24.99% {
    background-position: 0 -255px;
  }
  33.32% {
    background-position: 0 -340px;
  }
  41.65% {
    background-position: 0 -425px;
  }
  49.98% {
    background-position: 0 -510px;
  }
  58.31% {
    background-position: 0 -595px;
  }
  66.64% {
    background-position: 0 -680px;
  }
  74.97% {
    background-position: 0 -765px;
  }
  83.30% {
    background-position: 0 -850px;
  }
  91.63% {
    background-position: 0 -935px;
  }
  100% {
    background-position: 0 0px;
  }
}
@-moz-keyframes animate-particle {
  0% {
    background-position: 0 0px;
  }
  8.33% {
    background-position: 0 -85px;
  }
  16.66% {
    background-position: 0 -170px;
  }
  24.99% {
    background-position: 0 -255px;
  }
  33.32% {
    background-position: 0 -340px;
  }
  41.65% {
    background-position: 0 -425px;
  }
  49.98% {
    background-position: 0 -510px;
  }
  58.31% {
    background-position: 0 -595px;
  }
  66.64% {
    background-position: 0 -680px;
  }
  74.97% {
    background-position: 0 -765px;
  }
  83.30% {
    background-position: 0 -850px;
  }
  91.63% {
    background-position: 0 -935px;
  }
  100% {
    background-position: 0 0px;
  }
}
@keyframes animate-particle {
  0% {
    background-position: 0 0px;
  }
  8.33% {
    background-position: 0 -85px;
  }
  16.66% {
    background-position: 0 -170px;
  }
  24.99% {
    background-position: 0 -255px;
  }
  33.32% {
    background-position: 0 -340px;
  }
  41.65% {
    background-position: 0 -425px;
  }
  49.98% {
    background-position: 0 -510px;
  }
  58.31% {
    background-position: 0 -595px;
  }
  66.64% {
    background-position: 0 -680px;
  }
  74.97% {
    background-position: 0 -765px;
  }
  83.30% {
    background-position: 0 -850px;
  }
  91.63% {
    background-position: 0 -935px;
  }
  100% {
    background-position: 0 0px;
  }
}
.padded-table-recipits {
  padding-left: 15px;
}
.loading {
  background: #202a3a no-repeat center center;
  background-size: cover;
}
.loading .loading-inner {
  /*height:100%;
        width:100%;
        background: transparent url('../img/loader2.gif') no-repeat center center;
        position:absolute;
        vertical-align:middle;
        text-align:center;
        display:table-cell;*/
  position: absolute;
  left: calc(50% - 42px);
  top: calc(50% - 42px);
  width: 85px;
  height: 85px;
  background: transparent url('../img/kiosk-loading-animation.png') no-repeat center center;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-timing-function: step-start;
  -o-animation-timing-function: step-start;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  -moz-animation-name: animate-particle;
  -o-animation-name: animate-particle;
  -webkit-animation-name: animate-particle;
  animation-name: animate-particle;
}
.loading .loading-inner-container {
  -webkit-border-top-right-radius: 60px;
  -webkit-border-bottom-right-radius: 60px;
  -webkit-border-bottom-left-radius: 60px;
  -webkit-border-top-left-radius: 60px;
  -moz-border-radius-topright: 60px;
  -moz-border-radius-bottomright: 60px;
  -moz-border-radius-bottomleft: 60px;
  -moz-border-radius-topleft: 60px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-top-left-radius: 60px;
  border: 1px solid #ffffff;
  width: 120px;
  height: 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: calc(50% - 60px);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .loading {
    /* Safari only override */
  }
  .loading ::i-block-chrome,
  .loading .loading-inner {
    margin: 15px;
  }
  .loading ::i-block-chrome,
  .loading .loading-inner-container {
    top: 41%;
    left: 46%;
  }
}
.nested-loading {
  background: transparent no-repeat center center;
  background-size: cover;
  padding-top: 55%;
}
.nested-loading .loading-inner {
  /*height:100%;
        width:100%;
        background: transparent url('../img/loader2.gif') no-repeat center center;
        position:absolute;
        vertical-align:middle;
        text-align:center;
        display:table-cell;*/
  position: absolute;
  left: calc(50% - 42px);
  top: calc(50% - 42px);
  width: 85px;
  height: 85px;
  background: transparent url('../img/kiosk-loading-animation-nested.png') no-repeat center center;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-timing-function: step-start;
  -o-animation-timing-function: step-start;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  -moz-animation-name: animate-particle;
  -o-animation-name: animate-particle;
  -webkit-animation-name: animate-particle;
  animation-name: animate-particle;
}
.nested-loading .loading-inner-container {
  -webkit-border-top-right-radius: 60px;
  -webkit-border-bottom-right-radius: 60px;
  -webkit-border-bottom-left-radius: 60px;
  -webkit-border-top-left-radius: 60px;
  -moz-border-radius-topright: 60px;
  -moz-border-radius-bottomright: 60px;
  -moz-border-radius-bottomleft: 60px;
  -moz-border-radius-topleft: 60px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-top-left-radius: 60px;
  border: 1px solid black;
  width: 120px;
  height: 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: calc(50% - 60px);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .nested-loading {
    /* Safari only override */
  }
  .nested-loading ::i-block-chrome,
  .nested-loading .loading-inner {
    margin: 15px;
  }
  .nested-loading ::i-block-chrome,
  .nested-loading .loading-inner-container {
    top: 41%;
    left: 46%;
  }
}
/**********loader**************/
.device-integratorfail {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.device-integratorfail .device-integratorfail-content {
  width: 900px;
  padding: 20px 0 40px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  top: 20%;
  border-radius: 5px;
}
.device-integratorfail .device-integratorfail-content .padded {
  padding: 10px 60px 0 60px;
}
/*********HelpPages*********/
.pos-di-start-help {
  padding-bottom: 2em;
  background-color: white;
}
.pos-di-start-help h3 {
  color: black;
  font-family: open-sans-bold;
}
.pos-di-start-help p {
  font-family: open-sans-regular;
  font-size: 16px;
}
.pos-di-start-help img {
  width: 100%;
}
#help-page-id-body {
  background-image: url(../img/pos-bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.help-page-fotter {
  padding: 1em 0;
  border-top: 1px solid #d5dce6;
  display: inline-block;
  width: 100%;
}
/*********HelpPages*********/
/**********Cash register extended**************/
.pos-modal-casregister-extended .form-control {
  border: 1px solid #d5dce6 !important;
}
.cash-widthdraw-stronger {
  font-family: open-sans-regular;
}
.products-in-widthdraw {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.products-in-widthdraw::-webkit-scrollbar {
  width: 8px;
}
.products-in-widthdraw::-webkit-scrollbar-track {
  background-color: transparent;
}
.products-in-widthdraw::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.pos-nav-tasks-title {
  font-size: 42px;
}
/**********Cash register extended**************/
/**********Document presenter**************/
.document-presenter .document-presenter-content {
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 15%;
  right: 15%;
}
.document-presenter .document-presenter-content .document-presenter-body {
  height: calc(100% - 100px);
}
.document-presenter .document-presenter-content .document-presenter-body iframe {
  height: 100%;
  width: 100%;
  border: none;
}
.document-presenter .document-presenter-content .document-presenter-footer {
  height: 100px;
}
.pos-data-empty {
  text-align: center;
  width: 100%;
  height: 140px;
  top: calc(50% - 70px);
  position: absolute;
}
.pos-data-empty span {
  color: #d5dce6;
  font-size: 40px;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pos-data-empty figure {
  text-align: center;
  padding: 35px;
  display: inline-block;
  background: transparent url('../img/pos-icon-no-tasks.png') no-repeat center center;
}
.pos-editor-controls {
  width: auto;
}
.pos-editor-controls .btn-editor-save {
  background-image: url('../img/checkbox-2.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  overflow: hidden;
  width: 35px;
  padding: 6px 12px;
  height: 35px;
}
.pos-editor-controls .btn-editor-cancel {
  background-image: url('../img/icon-x.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  width: 35px;
  overflow: hidden;
  padding: 6px 12px;
  height: 35px;
}
.fiscal-documents-pos .table-responsive {
  height: 100%;
}
.posinfo-city-row {
  position: relative;
}
.posinfo-city-row .loading-city {
  position: absolute;
}
/****************Nie przpisana karta**********************/
.scrollable-dropdown-menu input {
  border-color: #ccc !important;
}
/****************Nie przypisana karta*********************/
/**********Document presenter**************/
.pos-unknown-popup span {
  font-size: 16px;
}
.pos-unknown-popup .btn-help-redirect {
  text-decoration: underline;
}
.pos-unknown-popup .btn-help-redirect:hover {
  cursor: pointer;
}
.draw-input-procenticon {
  padding: 0 3px;
}
.pos-header-table-fixed {
  top: 80px;
  position: fixed;
  width: auto;
  border: none;
  background-color: white;
  z-index: 100;
  display: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none !important;
}
/**********Document presenter**************/
/*************************modale***************************/
.change-tag-body .btn-action-cancel {
  position: static !important;
}
.change-tag-body tags-input .autocomplete {
  overflow: hidden;
  height: auto;
}
.change-tag-window .pos-posmodal-well {
  height: 280px;
  overflow: inherit;
}
.change-flag-div .btn-action-cancel {
  position: static !important;
}
.change-flag-div .inner-content {
  min-height: 160px;
  height: auto;
}
.print-onetime-ticket {
  width: 30px;
  height: 30px;
}
.btn-print-ticket {
  background-color: transparent;
  border: none;
  border: 1px solid #d5dce6;
}
.btn-print-ticket img {
  width: 30px;
  height: 30px;
}

.credit-card-payment-body {
  padding-top: 30px;
  text-align: center;
  font-size: 20px;
}
.credit-card-payment-body .tokenization-loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-card-payment-body
.tokenization-loader-container
.tokenization-loader:after {
  content: " ";
  display: block;
  width: 32px;
  height: 32px;
  margin: 8px;
  border-radius: 50%;
  border: 3px solid #31a1ea;
  border-color: #31a1ea transparent #31a1ea transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.checkbox-kiosk-config {
  content: "\e157";
  /* unchecked */
  color: #31a1ea;
  background: url('../img/checkbox-no.png') no-repeat top left;
  width: 25px;
  height: 25px;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  -webkit-appearance: initial;
  border-color: #d5dce6 !important;
  opacity: 1;
  border: none !important;
}
.checkbox-kiosk-config:checked {
  content: "\e067";
  /* check */
  color: #31a1ea;
  background: url('../img/checkbox-yes.png') no-repeat top left;
  width: 25px;
  height: 25px;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  -webkit-appearance: initial;
  border-color: #d5dce6 !important;
  opacity: 1;
  border: none !important;
  margin-top: 4px;
}
.margin-none {
  margin: 0 !important;
}
.btn-refresh {
  background: url('../img/pos-refresh-icon.svg') no-repeat center center;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.btn-refresh:focus {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.btn-refresh:active {
  background-image: url('../img/pos-refresh-icon.svg');
}
.input-width {
  width: 200px !important;
}
.modal-card-scan-well .text-danger {
  color: red;
  font-family: open-sans-regular;
}
.panel-payment-notprocessed .kiosk-checkbox-1 input[type="checkbox"]:checked + span:before,
.panel-payment-notprocessed .kiosk-checkbox-1 input[type="radio"]:checked + span:before {
  margin-top: 5px !important;
}
.panel-payment-notprocessed .kiosk-checkbox-1 input[type="checkbox"] + span:before,
.panel-payment-notprocessed .kiosk-checkbox-1 input[type="radio"] + span:before {
  margin-top: 5px !important;
}
.benefit-items-row .padded-top-benfeit {
  padding-top: 6px;
}
.padded-tb {
  padding: 10px 0;
}
/**************************modale**************************/
/**********Filter by month**************/
.filter-by-month .day-list {
  height: 150px;
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  border-top: none;
}
.pos-filter-by-month .dropdown-menu {
  padding: 20px;
  /*border: 1px solid @color-grey-line;*/
  width: 350px;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.pos-filter-by-month .pos-filter-by-month-caption {
  background: transparent url('../img/pos-icon-calendar-small.png') no-repeat center left;
  padding-left: 30px;
}
.pos-filter-by-month .pos-filter-by-month-from-label {
  text-align: left;
  line-height: 30px;
}
.pos-filter-by-month .pos-select-small {
  /*.drop-shadow (0, 0, 10px, 2px, 0.1);*/
}
.pos-filter-by-month .form-control {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  height: 30px;
}
.pos-filter-by-month .ng-valid {
  /*border: 1px solid #ccc;*/
}
.pos-filter-by-month input[type="text"].ng-valid,
.pos-filter-by-month textarea.ng-valid,
.pos-filter-by-month select.ng-valid,
.pos-filter-by-month input.ng-valid {
  /*border: 1px solid #ccc;*/
}
.pos-filter-by-month .pos-timepicker {
  float: right;
  width: 100%;
}
.pos-filter-by-month .pos-timepicker tbody td {
  text-align: center;
}
.pos-filter-by-month .pos-timepicker .btn-link {
  /*height:25px;
            display:inline-block;
            position:relative;*/
}
.pos-filter-by-month .pos-timepicker .btn-link .glyphicon-chevron-up,
.pos-filter-by-month .pos-timepicker .btn-link .glyphicon-chevron-down {
  background: transparent url('../img/pos-icon-arrow-top.png') no-repeat center center;
  /*width:20px;
                height:25px;
                font-size:0px;
                display:inline-block;
                top:0px;*/
  overflow: hidden;
  font-size: 0px;
  line-height: 20px;
  width: 30px;
}
.pos-filter-by-month .pos-timepicker .btn-link .glyphicon-chevron-down {
  background: transparent url('../img/pos-icon-arrow-down.png') no-repeat center center;
}
/**********Filter by month**************/
/****rózne***/
.pos-modal-settle-other .row-prodcutss {
  max-height: 300px;
  overflow-y: auto;
  font-family: open-sans-regular;
}
.pos-modal-settle-other .title-purche {
  font-family: open-sans-semi-bold;
}
.pos-modal-settle-other ol {
  list-style-position: inside;
}
.pos-modal-settle-other ol li {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.lockers-number-turbo .btn-action-small {
  display: inherit;
  margin: 0;
  height: 34px;
  width: 100%;
}
.lockers-number-turbo .label {
  height: 34px;
  line-height: 30px;
  display: block;
  font-weight: bold;
  font-size: 100%;
}
.lockers-number-turbo .text-red .text-danger {
  color: red !important;
  font-family: open-sans-regular;
}
.icon-iter-status.left-pad {
  padding-left: 3px;
}
.icon-iter-status.right-pad {
  padding-right: 3px;
}
.icon-iter-status {
  position: relative;
  bottom: 10px;
}
.uncheck-dot-circle {
  color: rgba(255, 255, 255, 0.3);
  font-size: 7px;
}
.uncheck-dot-circle.text-success {
  color: white !important;
}
.member-inclub-entertime {
  color: white;
  position: relative;
  top: -25px;
  font-weight: 600;
  padding-left: 8px;
  text-shadow: 1px 1px 1px black;
}
.member-inclub-entertime span img {
  width: 12px;
  height: 20px;
  margin-right: 2px;
}
.out-of-stock-warning {
  font-family: open-sans-bold;
  position: absolute;
  bottom: 0;
  right: 1px;
  font-size: 20px;
  width: 28px;
  z-index: 101;
}
.out-of-stock-warning :hover {
  cursor: pointer;
}
.close-reciptForCompany {
  font-weight: bold;
  position: absolute;
  top: 3px;
  right: 8px;
}
.close-reciptForCompany:hover {
  cursor: pointer;
}
.wacom-sig-well {
  overflow: auto;
  max-height: 350px;
}
.selected-company-modal {
  position: relative;
}
.stock-warning {
  background-color: white;
  color: black;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  display: none;
  font-size: 12px;
  font-family: open-sans-semi-bold;
  width: 96.6%;
  padding: 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5);
}
.stock-warning sub {
  bottom: 0;
}
.benefit-products-wrapper {
  overflow: auto;
  max-height: 300px;
}
.benefit-products-wrapper input[type='checkbox']:hover {
  cursor: pointer;
}
.benefit-products-wrapper .top-middle-space {
  padding-top: 6px;
}
.pos-lockers-overflow {
  height: calc(100vh - 290px);
  overflow: auto;
  padding-top: 5px;
}
.pos-lockers-overflow .row {
  width: auto;
  display: table;
}
.pos-lockers-overflow .row .col-md-1 {
  width: 60px;
  min-width: 80px;
  display: table-cell;
  float: none;
  padding-left: 10px;
  padding-right: 10px;
}
.pos-lockers-overflow .row .col-md-1 .btn-locker {
  min-height: 60px;
  min-width: 60px;
  font-size: 18px;
}
.contract-info-row {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #a5a6a8;
  margin: 0;
}
.contract-info-row span {
  padding: 0;
}
.table-layout-member-info label.tabel-cell-access {
  width: 50%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0 !important;
}
.table-layout-member-info label.tabel-cell-access span {
  width: 49%;
  display: inline-block;
}
.table-layout-member-info label.tabel-cell-access span.class-inactive,
.table-layout-member-info label.tabel-cell-access span.class-active {
  width: 20px;
}
.acces-control-container {
  /*padding: 15px !important;
    background-color: #ececec;*/
}
.birthday-icon-info {
  position: relative;
  top: -2px;
}
.birthday-icon-info img {
  width: 20px;
}
.spinner-booking-event {
  /*width: 100%;*/
  margin-top: 10px;
}
.spinner-booking-event .input-group-addon {
  padding: 13px 5px;
  color: white;
  background-color: #31a1ea;
  border: none;
  font-size: 12px;
}
.border-left-inclub {
  border-right: 1px solid #a5a6a8;
}
.pos-vcenter-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*********różne************/
.col-lg-2\.4 {
  width: 20%;
  display: inline-block;
  z-index: 100;
  float: left;
  position: relative;
}
.container-plans::-webkit-scrollbar {
  width: 8px;
}
.container-plans::-webkit-scrollbar-track {
  background-color: transparent;
}
.container-plans::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.single-contract-item {
  background: white;
  text-align: center;
  height: 430px;
  padding: 0 7px;
}
.single-contract-item .div-wrapper {
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  height: 395px;
  position: relative;
}
.single-contract-item .div-wrapper h3 {
  padding: 80px 5px 40px 5px;
  word-break: break-word;
  min-height: 172px;
}
.single-contract-item .div-wrapper h3 span {
  min-height: 52px;
}
.single-contract-item .div-wrapper h4 {
  margin: 0;
}
.single-contract-item .div-wrapper .btn-plan-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.single-contract-item .div-wrapper .btn-plan-wrapper .btn-info {
  width: 100%;
  height: 70px;
  color: white;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
  background-color: #31a1ea;
  font-family: open-sans-regular;
}
.single-contract-item .div-wrapper .btn-plan-wrapper .chosen-plan-text {
  height: 70px;
  display: block;
  padding-top: 23px;
  color: #31a1ea;
  font-size: 16px;
  font-family: open-sans-regular;
}
.single-contract-item .div-wrapper .short-desc {
  max-height: 100px;
  overflow: hidden;
  word-break: break-word;
}
.scroll-panel-contracts {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scroll-panel-contracts::-webkit-scrollbar {
  width: 8px;
}
.scroll-panel-contracts::-webkit-scrollbar-track {
  background-color: transparent;
}
.scroll-panel-contracts::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.scroll-panel-edit-club-member {
  max-height: 610px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}
.scroll-panel-edit-club-member::-webkit-scrollbar {
  width: 8px;
}
.scroll-panel-edit-club-member::-webkit-scrollbar-track {
  background-color: transparent;
}
.scroll-panel-edit-club-member::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.scroll-panel-edit-club-member .dropdown {
  max-height: 250px;
  overflow: auto;
}
.from-city-choose .dropdown-menu {
  max-height: 250px;
  overflow: auto;
}
.container-plans {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
}
.promotion-contract-plan {
  -webkit-flex: 0 1 31%;
  -ms-flex: 0 1 31%;
  flex: 0 1 31%;
  /*min-height: 250px;*/
  /*padding: 0 7px;*/
  margin-bottom: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  background-color: #ffffff;
  /*height: 100%;*/
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
  margin: 0 7px 14px 7px;
  /*min-height: 220px;*/
}
.promotion-contract-plan h3 {
  text-align: center;
  margin: auto 0 auto 0;
  padding: 20px;
}
.promotion-contract-plan .btn-wrapper .btn-info {
  width: 100%;
  height: 70px;
  color: white;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
  background-color: #31a1ea;
  font-family: open-sans-regular;
}
.promotion-contract-plan .btn-wrapper .btn-default {
  width: 100%;
  height: 70px;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
  font-family: open-sans-regular;
}
.promotion-contract-plan .btn-wrapper .chosen-plan-text {
  height: 70px;
  display: block;
  padding-top: 23px;
  color: #31a1ea;
  font-size: 16px;
  font-family: open-sans-regular;
  text-align: center;
}
.promotion-contract-plan-additional-value {
  border-top: 1px solid #d5dce6;
  border-bottom: 1px solid #d5dce6;
  padding: 5px;
}
.promotion-contract-plan-additional-value .input-group {
  width: 100%;
}
.promotion-contract-plan-additional-value label {
  line-height: 34px;
  margin: 0;
}
.promotion-contract-plan-additional-value .btn-calendar-addmember {
  height: 34px;
}
.validation-info-paymentmeth {
  font-size: 10px;
}
.scrollable-dropdown-list > .dropdown-menu {
  overflow: auto;
  right: 15px;
  max-height: 400px;
}
.scrollable-dropdown-list > .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}
.scrollable-dropdown-list > .dropdown-menu::-webkit-scrollbar-track {
  background-color: transparent;
}
.scrollable-dropdown-list > .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
.scrollable-dropdown-list > .dropdown-menu {
  overflow: auto;
  right: 15px;
  max-height: 400px;
}
.scrollable-dropdown-list > .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}
.scrollable-dropdown-list > .dropdown-menu::-webkit-scrollbar-track {
  background-color: transparent;
}
.scrollable-dropdown-list > .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: lightgray;
  opacity: 0.6;
}
/*** Recommended products ***/
.pos-recommended-products-wrapper {
  position: fixed;
  bottom: 43px;
  z-index: 10;
  /*max-width: 60%;*/
  width: calc((100% - 39%) - 220px);
}
.pos-recommended-products {
  padding: 15px 25px 12px 25px;
  background-color: #ffffff;
  /*box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);*/
  /*box-shadow: 0 -5px 5px -5px #333;*/
  border-bottom: 5px solid #0088ce;
}
.pos-recommended-products .product-option-v-1,
.pos-recommended-products .product-option-v-2,
.pos-recommended-products .product-option-v-3 {
  bottom: 20%;
  top: auto;
  left: 20%;
  right: auto;
}
.pos-recommended-products:before {
  content: "\a0";
  display: block;
  line-height: 1px;
  height: 10px;
  top: 0px;
  box-shadow: 0 -5px 30px 0px rgba(41, 46, 54, 0.4);
  position: absolute;
  left: 5px;
  z-index: -1;
  width: 99%;
}
.pos-recommended-products-expander {
  /*padding: 10px 20px;*/
  color: white;
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  height: auto;
}
.pos-recommended-products-expander h3 {
  font-family: open-sans-semi-bold;
  font-size: 17px;
  line-height: 17px;
  background-color: #0088ce;
  cursor: pointer;
  white-space: nowrap;
  padding: 15px 25px;
  margin: -15px -25px;
}
.pos-recommended-products-expander .btn-products-arow-up,
.pos-recommended-products-expander .btn-products-arow-down {
  margin-top: -2px;
  margin-left: 20px;
}
.pos-recommended-products-expander.is-collapsed {
  opacity: 0;
  padding: 0;
}
.pos-recommended-products-expander.is-collapsed h3 {
  display: none;
}
.pos-recommended-products-content {
  /*padding: 10px 20px;*/
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  height: 103px;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: bottom;
  -o-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.pos-recommended-products-content.is-collapsed {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
}
.pos-recommended-products-item {
  margin: 0;
  padding: 0;
  height: 100px;
  margin-bottom: 3px;
  margin-right: 12px;
  width: 100px;
  float: left;
}
.pos-recommended-products-item-box,
.pos-recommended-products-item-box-btn {
  margin: 0;
  height: 100px;
  margin-bottom: 3px;
  float: left;
  line-height: 100px;
  white-space: nowrap;
  text-align: left;
  color: #0088ce;
  font-family: open-sans-semi-bold;
  font-size: 17px;
  min-width: 175px;
}
.pos-recommended-products-item-box strong,
.pos-recommended-products-item-box-btn strong {
  padding: 0 20px 0 0;
}
.pos-recommended-products-item-box-btn {
  float: right;
  min-width: unset;
  text-align: right;
}
.pos-recommended-products-item-btn {
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: right;
  padding-left: 25px;
}
/*** Legal Guardian ***/
.pos-lg-existing {
  min-height: 300px;
}
/*** / Legal Guardian ***/
.form-control.no-border {
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 1810px) {
  .pos-timetable-margin .pos-timetablemember-queries {
    width: 1000px;
  }
  .pos-nowinclub-home .pos-member-count span {
    min-width: 20px;
  }
}
@media screen and (max-width: 1650px) {
  .pos-timetable-margin .pos-timetablemember-queries {
    width: 930px;
  }
}
@media screen and (max-width: 1615px) {
  .pos-ui-view .last-logged-user-item {
    margin: 0 2.5% 0 2.5%;
  }
}
@media screen and (max-width: 1475px) {
  .pos-serch-username {
    font-size: 1vw;
  }
  .pos-nowinclub-home .pos-member-count span {
    min-width: 0;
  }
}
@media screen and (max-width: 1388px) {
  .pos-serch-username {
    font-size: 1vw;
  }
}
@media screen and (max-width: 1310px) {
  .products-in-widthdraw {
    max-height: 100px;
  }
  #club-member-search-phrase {
    width: 110px;
  }
  .form-search-user {
    margin-right: 0;
    padding: 0;
  }
  .pos-serch-username {
    font-size: 1vw;
  }
  .nav-frm-item {
    margin-right: 0;
  }
  .pos-rating {
    margin: 0;
  }
}
@media screen and (max-width: 1215px) {
  #club-member-search-phrase {
    width: 95px;
  }
}
@media screen and (max-width: 1100px) {
  .pos-background {
    min-height: 800px;
    min-width: 1090px;
  }
}
@media screen and (max-height: 901px) {
  #login-header img {
    margin-top: 11em;
  }
}
@media screen and (max-height: 800px) {
  .pos-background {
    min-height: 800px;
    min-width: 1090px;
  }
}
@media screen and (max-height: 650px) {
  .scroll-panel-edit-club-member {
    max-height: 350px;
  }
}
.di-status-mark {
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  padding-left: 5px;
}
.di-status {
  width: max-content;
  height: 60px;
  border-radius: 5px;
  color: white;
  margin: 0 auto;
  padding: 10px 10px 15px 10px;
}
.di-status.checking {
  background-color: #31a1ea;
}
.di-status.available {
  background-color: #009933;
}
.di-status.not-available {
  background-color: #cc2929;
}
.di-status.not-available .di-status-mark {
  height: 32px;
}
.di-status-text {
  display: inline-block;
  font-size: 1.5rem;
  height: 40px;
}
.di-status-text p {
  margin: 10px 10px 0 0;
}
.di-text {
  font-size: 1.5rem;
  font-weight: bold;
}
.di-text.small {
  font-size: 1.2rem;
}
.di-text-container {
  text-align: center;
  width: max-content;
  margin: 60px auto;
  padding: 10px;
}
.di-text-container.not-available {
  border-radius: 10px;
  background-color: #E6F3FB;
  text-align: left;
  padding: 15px;
}
#login-initialization-section {
  height: 40%;
}
.pos-background #login-initialization-section {
  height: 60%;
}
.verification-form-wrapper {
  margin-top: 40px;
}
.di-text-section {
  margin: 20px 0 20px 0;
}

.pos-cookiesInformation-container {
  display: flex;
  justify-content: center;
}
.pos-cookiesInformation-wrapper {
  position: fixed;
  z-index: 1000000;
  max-width: max-content;
  max-height: max-content;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #5F7B90;
  border-radius: 4px;
  gap: 10px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pos-cookiesInformation-description {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.pos-cookiesInformation-link {
  text-decoration: underline;
  color: #fff;
}
.pos-cookiesInformation-link:hover {
  color: #fff;
  text-decoration: underline;
}
.pos-cookiesInformation-btn-close-wrapper {
  max-width: max-content;
}
.pos-cookiesInformation-btn-close {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  color: #fff;
}

.credit-card-surcharge-modal {
  width: 600px; 
  margin: 10vh auto;
}
.credit-card-surcharge-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  color: inherit;
}
.credit-card-surcharge-option-container {
  display: flex;
  justify-content: center;
  font-family: open-sans-regular;
}
.credit-card-surcharge-option-container-grid {
  display: grid;
  grid-template-columns: repeat(3, 170px);
}
.credit-card-surcharge-option {
  display: flex;
  flex-direction: column;
  border: 1px solid #525a6e;
  border-radius: 5px;
  height: 150px;
  margin: 10px;
  justify-content: center;
}
.credit-card-surcharge-option:hover {
   cursor: pointer;
  border: 1px solid #31a1ea;
 }
.credit-card-surcharge-option.selected {
  border: 1px solid #31a1ea;
  background: #31a1ea;
  color: white;
}
.credit-card-surcharge-option-title {
  font-size: 24px;
  margin: 0 auto;
}
.credit-card-surcharge-option-value {
  font-size: 20px;
  margin: 5px auto 0 auto;
}

.credit-card-surcharge-option-summary {
  display: flex;
  flex-direction: column;
  margin: 20px;
}
.credit-card-surcharge-option-summary-title {
  font-size: 16px;
}
.credit-card-surcharge-option-summary-value {
  font-size: 20px;
}
.postal-code-results {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 150px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.postal-code-result-item {
  padding: 8px;
  cursor: pointer;
}
.postal-code-result-item:hover {
  background-color: #aaaaaa; 
}
.postal-code-form-control {
  box-shadow: none; 
  border: 1px solid #ccc;
  outline: none;
}