.profilePhoto .profile-pic {
  max-width: 200px;
  max-height: 200px;
  display: block;
}
.profilePhoto .file-upload {
  display: none;
}
.profilePhoto .circle {
  /*border-radius: 1000px !important;*/
  overflow: hidden;
  width: 128px;
  height: 128px;
  border: 8px solid rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 72px;
}
.profilePhoto img {
  max-width: 100%;
  height: auto;
}
.profilePhoto .p-image {
  position: absolute;
  top: 167px;
  right: 30px;
  color: #666666;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.profilePhoto .p-image:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.profilePhoto .upload-button {
  font-size: 1.2em;
}
.profilePhoto .upload-button:hover {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: #999;
}

.stornoorder td {
  color: #CCC !important;
}

fieldset {
  border-radius: 6px;
  border: 1px solid #666;
  padding: 10px;
}
fieldset legend {
  font-size: 12px;
}

.areabuttons {
  position: fixed;
  bottom: 0px;
}

.marginbottom {
  height: 50px;
}

h3 {
  font-size: 20px;
  color: #666666;
}

.card-body {
  padding: 25px;
}

#ui-datepicker-div {
  background: #FFF !important;
  padding: 10px !important;
}

.tree {
  --spacing: 1.5rem;
  --radius: 5px;
}

.tree li {
  display: block;
  position: relative;
  padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
  padding-top: 2px;
}

.tree ul {
  margin-left: calc(var(--radius) - var(--spacing));
  padding-left: 0;
}

.tree ul li {
  border-left: 2px solid #ddd;
}

.tree ul li:last-child {
  border-color: transparent;
}

.tree ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--spacing) / -2);
  left: -2px;
  width: calc(var(--spacing) + 2px);
  height: calc(var(--spacing) + 1px);
  border: solid #ddd;
  border-width: 0 0 2px 2px;
}

.tree summary {
  display: block;
  cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
  display: none;
}

.tree summary:focus {
  outline: none;
}

.tree summary:focus-visible {
  outline: 1px dotted #000;
}

.tree li::after,
.tree summary::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--spacing) / 2 - var(--radius));
  left: calc(var(--spacing) - var(--radius) - 1px);
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
  border-radius: 50%;
  background: #ddd;
}

.tree summary::before {
  z-index: 1;
  background: #696 url("expand-collapse.svg") 0 0;
}

.tree details[open] > summary::before {
  background-position: calc(-2 * var(--radius)) 0;
}

.khm-konto-title {
  background: #ecf0f1;
  padding: 10px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: none !important;
}
.khm-konto-title.dark {
  /*background: #bdc3c7;*/
  /*color:#FFF;*/
  font-weight: bold;
  font-size: 1.1em;
}

.khm-konto-title {
  text-decoration: none;
}

.khm-konto-box {
  border-radius: 4px !important;
  box-sizing: border-box;
  /* overflow: hidden; */
  /*border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;*/
  margin-top: 20px !important;
}

.khm-konto-box:hover {
  -webkit-box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  position: relative;
  top: -2px;
}

.lh2 {
  line-height: 25px;
}

.khm-konto-celkemnasporeno {
  color: #f39c12;
  position: absolute;
  top: 0px;
  width: 200px;
  right: 0px;
  height: 85px;
  padding-top: 8px;
}

.khm-konto-celkemnasporeno-procent {
  font-size: 33px;
  font-weight: bold;
}

.icon-copy {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .hidesmall {
    display: none;
  }
  .comm-box {
    margin-top: 15px;
  }
  .data {
    display: block;
    margin-bottom: 10px;
    margin-top: 3px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}

.comm-box {
  background: #FFF;
  border-radius: 6px;
  width: 100%;
  padding: 20px;
  position: relative;
  /*box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;*/
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.comm-box .color-g1 {
  color: #95a5a6;
}

.comm-box .value-1 {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
}

.comm-box .value-2 {
  font-size: 30px;
  text-align: center;
  color: #e67e22;
  font-weight: bold;
}

.comm-box .title {
  width: 100%;
  text-align: center;
  font-size: 11px;
}

.comm-box .title3 {
  width: 100%;
  text-align: center;
  font-size: 14px;
}

.comm-box .title2 {
  width: 100%;
  text-align: left;
  font-size: 11px;
  padding-bottom: 10px;
}

.comm-box p {
  margin: 8px 0px;
}

.comm-box-icon {
  z-index: 1;
  width: 100px;
  color: #ecf0f1;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.data {
  color: #2980b9;
  font-weight: bold;
}

.khm-konto-main H3 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.khm-konto-main .v13 {
  font-size: 13px !important;
}

.khm-konto-main TD {
  border-bottom: 1px solid #ecf0f1;
}

.khm-konto-main TR:hover:not(.not) TD {
  background: #ecf0f1;
}

.khm-konto-main TR.not TD {
  background: #ecf0f1;
}

input::placeholder {
  font-size: 12px;
  color: #999;
}

.form-control {
  border-radius: 6px !important;
}

.is-valid {
  background: rgba(26, 188, 156, 0.21);
}

.is-invalid {
  background: rgba(236, 8, 77, 0.21);
}

.commTransferGoToStep2.error {
  background: #bdc3c7;
  color: #7f8c8d;
  border: 1px solid #bdc3c7 !important;
  cursor: not-allowed;
}

.infoinputtext {
  font-size: 11px;
  color: red;
}

#commTransferTo:read-only {
  background: rgba(26, 188, 156, 0.21);
}

#commTransferCharge {
  background: none !important;
  border: 0px !important;
  font-weight: bold;
}

.stepNavigation {
  width: 100%;
}
.stepNavigation .step {
  display: inline-block;
  width: 33%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 10px;
  background: #ecf0f1;
}
.stepNavigation .step .selected {
  background: #fff;
}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
@media (max-width: 768px) {
  .stepper-item {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #27ae60;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #27ae60;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.checksmsinfo {
  color: #c0392b;
  font-size: 11px;
}

/**
 * Extracted from: SweetAlert
 * Modified by: Istiak Tridip
 */
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4CAF50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  background: #FFFFFF;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .checkmarkicon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .checkmarkicon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #FFFFFF;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.transferDone {
  text-align: center;
  font-size: 20px;
}

.sell-boxes .box {
  display: inline-block;
  width: 200px;
  line-height: 40px;
  border: 1px solid #c0c2c5;
  text-align: center;
}
.sell-boxes .box:hover {
  background: #c0c2c5;
  cursor: pointer;
}

.sell-step {
  display: none;
}

.xloader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #95a5a6;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-detail:not(.disabled):hover {
  /*
    -webkit-box-shadow: 0px 11px 26px -8px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 11px 26px -8px rgba(0,0,0,0.32);
    box-shadow: 0px 11px 26px -8px rgba(0,0,0,0.32);
  */
  /*
  position: relative;
  top:-2px;
  cursor: pointer;*/
}
.product-detail:not(.disabled):hover .product-detail-bottom {
  display: block;
}

.khmbox:hover {
  -webkit-box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  position: relative;
  top: -2px;
  cursor: pointer;
}

.product-detail-bottom {
  display: none;
}

.inline {
  display: inline-block;
}

.product-detail {
  display: inline-block;
  padding: 20px;
  width: 32%;
  border: 1px solid #bdc3c7;
  margin-right: 5px;
  margin-bottom: 15px;
  border-radius: 6px;
  position: relative;
}

.product-detail-bottom {
  position: absolute;
  bottom: 10px;
}

.product-detail .name {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
  text-align: center;
}

.product-detail.selected {
  border: 4px solid #f39c12;
}

.product-detail.disabled {
  /*border: 4px solid #f39c12;*/
  opacity: 0.3;
}

.btn-navigation {
  background: #2c3e50;
  border: 1px solid #2c3e50;
  color: #FFF;
}

.btn-navigation.disabled {
  background: #ccc;
  border: 1px solid #ccc;
  cursor: not-allowed;
}

.product-detail-count {
  border: 1px solid #2c3e50;
  text-align: center;
}

.c-1 {
  display: inline-block;
  width: 250px;
}

@media only screen and (max-width: 768px) {
  .product-detail-bottom {
    display: block;
  }
}
.product-selected-bottom {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 15px;
  font-weight: bold;
  color: #f39c12;
  font-size: 20px;
}

.product-detail-bottom button {
  width: 40px;
  height: 40px;
}
.product-detail-bottom input {
  width: 40px;
  height: 40px;
}

.erorrText {
  color: #c0392b !important;
  width: 100%;
}

.cart-box {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  border-bottom: 1px solid #ecf0f1;
}

.cart-in {
  padding: 10px;
}
.cart-in h4 {
  border-bottom: 1px solid #ecf0f1;
}

.cart-in-souhrn {
  background: #ecf0f1;
  padding: 20px 10px;
}
.cart-in-souhrn .big {
  font-size: 16px !important;
  color: #16a085;
}

.button-rewird {
  /*background: #ecf0f1;*/
  width: auto;
  /*border: 1px solid #bdc3c7;*/
  padding: 18px 6px;
  position: absolute;
  left: 14px;
  bottom: 10px;
}
.button-rewird:hover {
  /*font-weight: bold;*/
}
.button-rewird:hover .feather {
  /*font-weight: bold;*/
}

.btn, .khmbox {
  border-radius: 6px;
}

.chargeTransfer {
  border-radius: 6px;
}

.btn-success {
  border: 0px solid !important;
}

.khm_commodity_col1 {
  text-align: left;
}

.khm_commodity_col3 {
  text-align: right;
}

@media (max-width: 800px) {
  .khm_commodity_col1 {
    text-align: center;
  }
  .khm_commodity_col3 {
    text-align: center;
  }
}
.komoditni-konto-box {
  border: 2px solid #2c3e50;
  border-radius: 10px;
  padding: 20px 40px;
  max-width: 1100px !important;
  margin: 20px auto;
  font-family: sans-serif;
  background: white;
}

.komoditni-konto-box:hover {
  -webkit-box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 11px 26px -8px rgba(0, 0, 0, 0.32);
  position: relative;
  top: -2px;
  cursor: pointer;
}

.label {
  color: #7f8c8d !important;
  text-transform: none;
  padding: 0px;
}

.komoditni-konto-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.komoditni-konto-title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #2c3e50;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.komoditni-konto-msg {
  background: #ffc107;
  border-radius: 6px;
  padding: 4px 10px;
  font-weight: bold;
  font-size: 14px;
  color: #2c3e50;
}

.komoditni-konto-body {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 15px;
}

.komoditni-konto-info {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.komoditni-konto-info .label {
  font-size: 12px;
  color: #2c3e50;
}

.komoditni-konto-info .value {
  font-size: 1.2rem;
  font-weight: bold;
  color: #2c3e50;
}
.komoditni-konto-info .value.small {
  font-size: 15px;
  white-space: nowrap;
}

.komoditni-konto-image {
  flex: 0 0 200px;
  text-align: center;
}

.komoditni-konto-image img {
  max-width: 100%;
  height: auto;
}

.komoditni-konto-summary {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 10px;
}

.komoditni-konto-summary .label {
  font-size: 12px;
  color: #2c3e50;
}

.komoditni-konto-summary .value {
  font-size: 25px;
  font-weight: bold;
  color: #2c3e50;
}

.khm-konto-detail-title {
  color: #2c3e50 !important;
}

.komoditni-konto-progress {
  height: 10px;
  position: relative;
  background: #eee;
  border-radius: 3px;
  margin-top: 15px;
  overflow: hidden;
}

.bar-empty {
  height: 10px;
  background: #ddd;
}

.bar-fill {
  height: 10px;
  background: #FEC422;
  position: absolute;
  top: 0;
  left: 0;
}

.card-dashboard {
  padding: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.smallresolution {
  display: none;
  white-space: nowrap;
}

.bigresolution {
  display: inline-block;
}

@media (max-width: 800px) {
  .smallresolution {
    display: inline-block;
  }
  .komoditni-konto-image {
    display: none;
  }
  .bigresolution {
    display: none;
  }
  .khm_commodity_col1 {
    text-align: center;
  }
  .khm_commodity_col3 {
    text-align: center;
  }
  .komoditni-konto-image {
    margin: 0 auto;
  }
  .main-body {
    padding: 0px !important;
  }
  .main-body .page-wrapper {
    padding: 0px !important;
  }
  .card-dashboard {
    padding: 10px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .komoditni-konto-info .value.small {
    font-size: 15px;
    white-space: normal;
  }
  .komoditni-konto-summary .value {
    font-size: 20px;
    font-weight: bold;
    color: #2c3e50;
  }
  .komoditni-konto-box {
    padding: 10px 20px;
  }
  .value-2 {
    padding-top: 10px;
  }
  .page-header-title {
    margin-top: 10px;
  }
}
.page-header-title H4 {
  color: #2c3e50 !important;
}

.khm-konto-detail-title {
  color: #2c3e50 !important;
  font-size: 1.2rem;
}

h3 {
  color: #2c3e50 !important;
}

/*# sourceMappingURL=khm.css.map */