/* iOS Cordova Tweak */
.device-cordova.device-ios {
  height: 100vh;
}

/* Custom color theme properties */
:root {
  --f7-theme-color: #ff0000;
  --f7-theme-color-rgb: 255, 0, 0;
  --f7-theme-color-shade: #d60000;
  --f7-theme-color-tint: #ff2929;
  --f7-navbar-bg-color: #fbca00;
  --f7-text-editor-height: 600px;
  --f7-tabbar-link-active-color: var(--f7-theme-color);
  --f7-md-primary: var(--f7-theme-color);
  --f7-ios-primary: var(--f7-theme-color);
  --f7-color-primary: var(--f7-theme-color);
  --f7-list-item-padding-horizontal: 0px;
  --f7-segmented-strong-bg-color: #e9bc00;
  --f7-button-padding-horizontal:8px;
  --f7-tabbar-link-active-icon-bg-color:transparent;
  --f7-navbar-large-title-height:56px;
}

.quick_preloader {
	height: 1px;
}

.md .tabbar i.icon + .tabbar-label, .md .tabbar-icons i.icon + .tabbar-label {
	margin-top: 0px;
}

.padding_left {
	padding-left: 8px;
}

.margin_left {
	margin-left: 8px;
}

.uppercase {
	text-transform:uppercase;
}

.white-bg {
	background-color:#FFFFFF !important;
	color:#000000 !important;

}

.darker-bg-transparent {
	background-color: rgba(0, 0, 0, 0.75); /* Black with 75% transparency */
	width: 90%; /* Adjust the width as needed */
	padding: 8px;
  margin: 16px;
}

.padding_top_200 {
	padding-top: 200px;
}

.category_filter_stop {
	background:#FFFFFF;
}

.green {
    color: #00FF00;
}

.red {
    color: #FF0000;
}

.blue {
    color: #0000FF;
}

.hidden {
  display: none !important;
}

.wrap-text {
    overflow-wrap: break-word;
}

.on-top-100 {
	z-index: 100;
}

.size-38 {
	font-size:38px;
}

.demo-card-header-pic .card-header {
    height: 30vw;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

body {
}

.center{
  justify-content: center;
  align-items: center;
}

.right {
  justify-content: right;
  align-items: right;
}

.max-width {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.navbar .main_buttons {
	top: calc( var(--f7-navbar-large-title-height) ) ;
	position: fixed;
}

.main_button {
	font-size: calc( -2px + var(--f7-button-font-size));
	overflow: visible;
}

.larger {
  font-size:calc(1.3 * var(--f7-font-size)) ;
}

.aurora .segmented-strong-aurora, .ios .segmented-strong-ios, .md .segmented-strong-md, .segmented-strong {
	overflow: visible;
}

.scroll {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	white-space: nowrap !important;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	--f7-cols-per-row: 1;	
}

.scroll::-webkit-scrollbar {
	display: none;
}



.segmented .button {
	/* width:fit-content; */
}

.navbar .title_position {
	top: 14px;
}


/* Let's bring back the row behaviour */

.row {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  align-items:flex-start;
  --f7-cols-per-row:1
}
.row+.row {
  margin-top:var(--f7-grid-row-gap)
}
.row>.col,
.row>[class*=col-] {
  box-sizing:border-box;
  width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))
}
.row>.col.resizable,
.row>[class*=col-].resizable {
  position:relative
}
.row.resizable {
  position:relative
}
.row.no-gap {
  --f7-grid-gap:0px;
  --f7-grid-row-gap:0px
}
.row .col-5 {
  --f7-cols-per-row:20
}
.row .col-10 {
  --f7-cols-per-row:10
}
.row .col-15 {
  --f7-cols-per-row:6.66666667
}
.row .col-20 {
  --f7-cols-per-row:5
}
.row .col-25 {
  --f7-cols-per-row:4
}
.row .col-30 {
  --f7-cols-per-row:3.33333333
}
.row .col-33 {
  --f7-cols-per-row:3
}
.row .col-35 {
  --f7-cols-per-row:2.85714286
}
.row .col-40 {
  --f7-cols-per-row:2.5
}
.row .col-45 {
  --f7-cols-per-row:2.22222222
}
.row .col-50 {
  --f7-cols-per-row:2
}
.row .col-55 {
  --f7-cols-per-row:1.81818182
}
.row .col-60 {
  --f7-cols-per-row:1.66666667
}
.row .col-65 {
  --f7-cols-per-row:1.53846154
}
.row .col-66 {
  --f7-cols-per-row:1.5
}
.row .col-70 {
  --f7-cols-per-row:1.42857143
}
.row .col-75 {
  --f7-cols-per-row:1.33333333
}
.row .col-80 {
  --f7-cols-per-row:1.25
}
.row .col-85 {
  --f7-cols-per-row:1.17647059
}
.row .col-90 {
  --f7-cols-per-row:1.11111111
}
.row .col-95 {
  --f7-cols-per-row:1.05263158
}
.row .col-100 {
  --f7-cols-per-row:1
}
.row .col:nth-last-of-type(1),
.row .col:nth-last-of-type(1)~.col {
  --f7-cols-per-row:1
}
.row .col:nth-last-of-type(2),
.row .col:nth-last-of-type(2)~.col {
  --f7-cols-per-row:2
}
.row .col:nth-last-of-type(3),
.row .col:nth-last-of-type(3)~.col {
  --f7-cols-per-row:3
}
.row .col:nth-last-of-type(4),
.row .col:nth-last-of-type(4)~.col {
  --f7-cols-per-row:4
}
.row .col:nth-last-of-type(5),
.row .col:nth-last-of-type(5)~.col {
  --f7-cols-per-row:5
}
.row .col:nth-last-of-type(6),
.row .col:nth-last-of-type(6)~.col {
  --f7-cols-per-row:6
}
.row .col:nth-last-of-type(7),
.row .col:nth-last-of-type(7)~.col {
  --f7-cols-per-row:7
}
.row .col:nth-last-of-type(8),
.row .col:nth-last-of-type(8)~.col {
  --f7-cols-per-row:8
}
.row .col:nth-last-of-type(9),
.row .col:nth-last-of-type(9)~.col {
  --f7-cols-per-row:9
}
.row .col:nth-last-of-type(10),
.row .col:nth-last-of-type(10)~.col {
  --f7-cols-per-row:10
}
.row .col:nth-last-of-type(11),
.row .col:nth-last-of-type(11)~.col {
  --f7-cols-per-row:11
}
.row .col:nth-last-of-type(12),
.row .col:nth-last-of-type(12)~.col {
  --f7-cols-per-row:12
}
.row .col:nth-last-of-type(13),
.row .col:nth-last-of-type(13)~.col {
  --f7-cols-per-row:13
}
.row .col:nth-last-of-type(14),
.row .col:nth-last-of-type(14)~.col {
  --f7-cols-per-row:14
}
.row .col:nth-last-of-type(15),
.row .col:nth-last-of-type(15)~.col {
  --f7-cols-per-row:15
}
.row .col:nth-last-of-type(16),
.row .col:nth-last-of-type(16)~.col {
  --f7-cols-per-row:16
}
.row .col:nth-last-of-type(17),
.row .col:nth-last-of-type(17)~.col {
  --f7-cols-per-row:17
}
.row .col:nth-last-of-type(18),
.row .col:nth-last-of-type(18)~.col {
  --f7-cols-per-row:18
}
.row .col:nth-last-of-type(19),
.row .col:nth-last-of-type(19)~.col {
  --f7-cols-per-row:19
}
.row .col:nth-last-of-type(20),
.row .col:nth-last-of-type(20)~.col {
  --f7-cols-per-row:20
}
.row .col:nth-last-of-type(21),
.row .col:nth-last-of-type(21)~.col {
  --f7-cols-per-row:21
}
.row .col:nth-last-of-type(22),
.row .col:nth-last-of-type(22)~.col {
  --f7-cols-per-row:22
}
@media (min-width:480px) {
  .row .xsmall-5 {
    --f7-cols-per-row:20
  }
  .row .xsmall-10 {
    --f7-cols-per-row:10
  }
  .row .xsmall-15 {
    --f7-cols-per-row:6.66666667
  }
  .row .xsmall-20 {
    --f7-cols-per-row:5
  }
  .row .xsmall-25 {
    --f7-cols-per-row:4
  }
  .row .xsmall-30 {
    --f7-cols-per-row:3.33333333
  }
  .row .xsmall-33 {
    --f7-cols-per-row:3
  }
  .row .xsmall-35 {
    --f7-cols-per-row:2.85714286
  }
  .row .xsmall-40 {
    --f7-cols-per-row:2.5
  }
  .row .xsmall-45 {
    --f7-cols-per-row:2.22222222
  }
  .row .xsmall-50 {
    --f7-cols-per-row:2
  }
  .row .xsmall-55 {
    --f7-cols-per-row:1.81818182
  }
  .row .xsmall-60 {
    --f7-cols-per-row:1.66666667
  }
  .row .xsmall-65 {
    --f7-cols-per-row:1.53846154
  }
  .row .xsmall-66 {
    --f7-cols-per-row:1.5
  }
  .row .xsmall-70 {
    --f7-cols-per-row:1.42857143
  }
  .row .xsmall-75 {
    --f7-cols-per-row:1.33333333
  }
  .row .xsmall-80 {
    --f7-cols-per-row:1.25
  }
  .row .xsmall-85 {
    --f7-cols-per-row:1.17647059
  }
  .row .xsmall-90 {
    --f7-cols-per-row:1.11111111
  }
  .row .xsmall-95 {
    --f7-cols-per-row:1.05263158
  }
  .row .xsmall-100 {
    --f7-cols-per-row:1
  }
  .row .xsmall-auto:nth-last-of-type(1),
  .row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto {
    --f7-cols-per-row:1
  }
  .row .xsmall-auto:nth-last-of-type(2),
  .row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto {
    --f7-cols-per-row:2
  }
  .row .xsmall-auto:nth-last-of-type(3),
  .row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto {
    --f7-cols-per-row:3
  }
  .row .xsmall-auto:nth-last-of-type(4),
  .row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto {
    --f7-cols-per-row:4
  }
  .row .xsmall-auto:nth-last-of-type(5),
  .row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto {
    --f7-cols-per-row:5
  }
  .row .xsmall-auto:nth-last-of-type(6),
  .row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto {
    --f7-cols-per-row:6
  }
  .row .xsmall-auto:nth-last-of-type(7),
  .row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto {
    --f7-cols-per-row:7
  }
  .row .xsmall-auto:nth-last-of-type(8),
  .row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto {
    --f7-cols-per-row:8
  }
  .row .xsmall-auto:nth-last-of-type(9),
  .row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto {
    --f7-cols-per-row:9
  }
  .row .xsmall-auto:nth-last-of-type(10),
  .row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto {
    --f7-cols-per-row:10
  }
  .row .xsmall-auto:nth-last-of-type(11),
  .row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto {
    --f7-cols-per-row:11
  }
  .row .xsmall-auto:nth-last-of-type(12),
  .row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto {
    --f7-cols-per-row:12
  }
  .row .xsmall-auto:nth-last-of-type(13),
  .row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto {
    --f7-cols-per-row:13
  }
  .row .xsmall-auto:nth-last-of-type(14),
  .row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto {
    --f7-cols-per-row:14
  }
  .row .xsmall-auto:nth-last-of-type(15),
  .row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto {
    --f7-cols-per-row:15
  }
  .row .xsmall-auto:nth-last-of-type(16),
  .row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto {
    --f7-cols-per-row:16
  }
  .row .xsmall-auto:nth-last-of-type(17),
  .row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto {
    --f7-cols-per-row:17
  }
  .row .xsmall-auto:nth-last-of-type(18),
  .row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto {
    --f7-cols-per-row:18
  }
  .row .xsmall-auto:nth-last-of-type(19),
  .row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto {
    --f7-cols-per-row:19
  }
  .row .xsmall-auto:nth-last-of-type(20),
  .row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto {
    --f7-cols-per-row:20
  }
  .row .xsmall-auto:nth-last-of-type(21),
  .row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto {
    --f7-cols-per-row:21
  }
  .row .xsmall-auto:nth-last-of-type(22),
  .row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto {
    --f7-cols-per-row:22
  }
}
@media (min-width:568px) {
  .row .small-5 {
    --f7-cols-per-row:20
  }
  .row .small-10 {
    --f7-cols-per-row:10
  }
  .row .small-15 {
    --f7-cols-per-row:6.66666667
  }
  .row .small-20 {
    --f7-cols-per-row:5
  }
  .row .small-25 {
    --f7-cols-per-row:4
  }
  .row .small-30 {
    --f7-cols-per-row:3.33333333
  }
  .row .small-33 {
    --f7-cols-per-row:3
  }
  .row .small-35 {
    --f7-cols-per-row:2.85714286
  }
  .row .small-40 {
    --f7-cols-per-row:2.5
  }
  .row .small-45 {
    --f7-cols-per-row:2.22222222
  }
  .row .small-50 {
    --f7-cols-per-row:2
  }
  .row .small-55 {
    --f7-cols-per-row:1.81818182
  }
  .row .small-60 {
    --f7-cols-per-row:1.66666667
  }
  .row .small-65 {
    --f7-cols-per-row:1.53846154
  }
  .row .small-66 {
    --f7-cols-per-row:1.5
  }
  .row .small-70 {
    --f7-cols-per-row:1.42857143
  }
  .row .small-75 {
    --f7-cols-per-row:1.33333333
  }
  .row .small-80 {
    --f7-cols-per-row:1.25
  }
  .row .small-85 {
    --f7-cols-per-row:1.17647059
  }
  .row .small-90 {
    --f7-cols-per-row:1.11111111
  }
  .row .small-95 {
    --f7-cols-per-row:1.05263158
  }
  .row .small-100 {
    --f7-cols-per-row:1
  }
  .row .small-auto:nth-last-of-type(1),
  .row .small-auto:nth-last-of-type(1)~.small-auto {
    --f7-cols-per-row:1
  }
  .row .small-auto:nth-last-of-type(2),
  .row .small-auto:nth-last-of-type(2)~.small-auto {
    --f7-cols-per-row:2
  }
  .row .small-auto:nth-last-of-type(3),
  .row .small-auto:nth-last-of-type(3)~.small-auto {
    --f7-cols-per-row:3
  }
  .row .small-auto:nth-last-of-type(4),
  .row .small-auto:nth-last-of-type(4)~.small-auto {
    --f7-cols-per-row:4
  }
  .row .small-auto:nth-last-of-type(5),
  .row .small-auto:nth-last-of-type(5)~.small-auto {
    --f7-cols-per-row:5
  }
  .row .small-auto:nth-last-of-type(6),
  .row .small-auto:nth-last-of-type(6)~.small-auto {
    --f7-cols-per-row:6
  }
  .row .small-auto:nth-last-of-type(7),
  .row .small-auto:nth-last-of-type(7)~.small-auto {
    --f7-cols-per-row:7
  }
  .row .small-auto:nth-last-of-type(8),
  .row .small-auto:nth-last-of-type(8)~.small-auto {
    --f7-cols-per-row:8
  }
  .row .small-auto:nth-last-of-type(9),
  .row .small-auto:nth-last-of-type(9)~.small-auto {
    --f7-cols-per-row:9
  }
  .row .small-auto:nth-last-of-type(10),
  .row .small-auto:nth-last-of-type(10)~.small-auto {
    --f7-cols-per-row:10
  }
  .row .small-auto:nth-last-of-type(11),
  .row .small-auto:nth-last-of-type(11)~.small-auto {
    --f7-cols-per-row:11
  }
  .row .small-auto:nth-last-of-type(12),
  .row .small-auto:nth-last-of-type(12)~.small-auto {
    --f7-cols-per-row:12
  }
  .row .small-auto:nth-last-of-type(13),
  .row .small-auto:nth-last-of-type(13)~.small-auto {
    --f7-cols-per-row:13
  }
  .row .small-auto:nth-last-of-type(14),
  .row .small-auto:nth-last-of-type(14)~.small-auto {
    --f7-cols-per-row:14
  }
  .row .small-auto:nth-last-of-type(15),
  .row .small-auto:nth-last-of-type(15)~.small-auto {
    --f7-cols-per-row:15
  }
  .row .small-auto:nth-last-of-type(16),
  .row .small-auto:nth-last-of-type(16)~.small-auto {
    --f7-cols-per-row:16
  }
  .row .small-auto:nth-last-of-type(17),
  .row .small-auto:nth-last-of-type(17)~.small-auto {
    --f7-cols-per-row:17
  }
  .row .small-auto:nth-last-of-type(18),
  .row .small-auto:nth-last-of-type(18)~.small-auto {
    --f7-cols-per-row:18
  }
  .row .small-auto:nth-last-of-type(19),
  .row .small-auto:nth-last-of-type(19)~.small-auto {
    --f7-cols-per-row:19
  }
  .row .small-auto:nth-last-of-type(20),
  .row .small-auto:nth-last-of-type(20)~.small-auto {
    --f7-cols-per-row:20
  }
  .row .small-auto:nth-last-of-type(21),
  .row .small-auto:nth-last-of-type(21)~.small-auto {
    --f7-cols-per-row:21
  }
  .row .small-auto:nth-last-of-type(22),
  .row .small-auto:nth-last-of-type(22)~.small-auto {
    --f7-cols-per-row:22
  }
}
@media (min-width:768px) {
  .row .medium-5 {
    --f7-cols-per-row:20
  }
  .row .medium-10 {
    --f7-cols-per-row:10
  }
  .row .medium-15 {
    --f7-cols-per-row:6.66666667
  }
  .row .medium-20 {
    --f7-cols-per-row:5
  }
  .row .medium-25 {
    --f7-cols-per-row:4
  }
  .row .medium-30 {
    --f7-cols-per-row:3.33333333
  }
  .row .medium-33 {
    --f7-cols-per-row:3
  }
  .row .medium-35 {
    --f7-cols-per-row:2.85714286
  }
  .row .medium-40 {
    --f7-cols-per-row:2.5
  }
  .row .medium-45 {
    --f7-cols-per-row:2.22222222
  }
  .row .medium-50 {
    --f7-cols-per-row:2
  }
  .row .medium-55 {
    --f7-cols-per-row:1.81818182
  }
  .row .medium-60 {
    --f7-cols-per-row:1.66666667
  }
  .row .medium-65 {
    --f7-cols-per-row:1.53846154
  }
  .row .medium-66 {
    --f7-cols-per-row:1.5
  }
  .row .medium-70 {
    --f7-cols-per-row:1.42857143
  }
  .row .medium-75 {
    --f7-cols-per-row:1.33333333
  }
  .row .medium-80 {
    --f7-cols-per-row:1.25
  }
  .row .medium-85 {
    --f7-cols-per-row:1.17647059
  }
  .row .medium-90 {
    --f7-cols-per-row:1.11111111
  }
  .row .medium-95 {
    --f7-cols-per-row:1.05263158
  }
  .row .medium-100 {
    --f7-cols-per-row:1
  }
  .row .medium-auto:nth-last-of-type(1),
  .row .medium-auto:nth-last-of-type(1)~.medium-auto {
    --f7-cols-per-row:1
  }
  .row .medium-auto:nth-last-of-type(2),
  .row .medium-auto:nth-last-of-type(2)~.medium-auto {
    --f7-cols-per-row:2
  }
  .row .medium-auto:nth-last-of-type(3),
  .row .medium-auto:nth-last-of-type(3)~.medium-auto {
    --f7-cols-per-row:3
  }
  .row .medium-auto:nth-last-of-type(4),
  .row .medium-auto:nth-last-of-type(4)~.medium-auto {
    --f7-cols-per-row:4
  }
  .row .medium-auto:nth-last-of-type(5),
  .row .medium-auto:nth-last-of-type(5)~.medium-auto {
    --f7-cols-per-row:5
  }
  .row .medium-auto:nth-last-of-type(6),
  .row .medium-auto:nth-last-of-type(6)~.medium-auto {
    --f7-cols-per-row:6
  }
  .row .medium-auto:nth-last-of-type(7),
  .row .medium-auto:nth-last-of-type(7)~.medium-auto {
    --f7-cols-per-row:7
  }
  .row .medium-auto:nth-last-of-type(8),
  .row .medium-auto:nth-last-of-type(8)~.medium-auto {
    --f7-cols-per-row:8
  }
  .row .medium-auto:nth-last-of-type(9),
  .row .medium-auto:nth-last-of-type(9)~.medium-auto {
    --f7-cols-per-row:9
  }
  .row .medium-auto:nth-last-of-type(10),
  .row .medium-auto:nth-last-of-type(10)~.medium-auto {
    --f7-cols-per-row:10
  }
  .row .medium-auto:nth-last-of-type(11),
  .row .medium-auto:nth-last-of-type(11)~.medium-auto {
    --f7-cols-per-row:11
  }
  .row .medium-auto:nth-last-of-type(12),
  .row .medium-auto:nth-last-of-type(12)~.medium-auto {
    --f7-cols-per-row:12
  }
  .row .medium-auto:nth-last-of-type(13),
  .row .medium-auto:nth-last-of-type(13)~.medium-auto {
    --f7-cols-per-row:13
  }
  .row .medium-auto:nth-last-of-type(14),
  .row .medium-auto:nth-last-of-type(14)~.medium-auto {
    --f7-cols-per-row:14
  }
  .row .medium-auto:nth-last-of-type(15),
  .row .medium-auto:nth-last-of-type(15)~.medium-auto {
    --f7-cols-per-row:15
  }
  .row .medium-auto:nth-last-of-type(16),
  .row .medium-auto:nth-last-of-type(16)~.medium-auto {
    --f7-cols-per-row:16
  }
  .row .medium-auto:nth-last-of-type(17),
  .row .medium-auto:nth-last-of-type(17)~.medium-auto {
    --f7-cols-per-row:17
  }
  .row .medium-auto:nth-last-of-type(18),
  .row .medium-auto:nth-last-of-type(18)~.medium-auto {
    --f7-cols-per-row:18
  }
  .row .medium-auto:nth-last-of-type(19),
  .row .medium-auto:nth-last-of-type(19)~.medium-auto {
    --f7-cols-per-row:19
  }
  .row .medium-auto:nth-last-of-type(20),
  .row .medium-auto:nth-last-of-type(20)~.medium-auto {
    --f7-cols-per-row:20
  }
  .row .medium-auto:nth-last-of-type(21),
  .row .medium-auto:nth-last-of-type(21)~.medium-auto {
    --f7-cols-per-row:21
  }
  .row .medium-auto:nth-last-of-type(22),
  .row .medium-auto:nth-last-of-type(22)~.medium-auto {
    --f7-cols-per-row:22
  }
}
@media (min-width:1024px) {
  .row .large-5 {
    --f7-cols-per-row:20
  }
  .row .large-10 {
    --f7-cols-per-row:10
  }
  .row .large-15 {
    --f7-cols-per-row:6.66666667
  }
  .row .large-20 {
    --f7-cols-per-row:5
  }
  .row .large-25 {
    --f7-cols-per-row:4
  }
  .row .large-30 {
    --f7-cols-per-row:3.33333333
  }
  .row .large-33 {
    --f7-cols-per-row:3
  }
  .row .large-35 {
    --f7-cols-per-row:2.85714286
  }
  .row .large-40 {
    --f7-cols-per-row:2.5
  }
  .row .large-45 {
    --f7-cols-per-row:2.22222222
  }
  .row .large-50 {
    --f7-cols-per-row:2
  }
  .row .large-55 {
    --f7-cols-per-row:1.81818182
  }
  .row .large-60 {
    --f7-cols-per-row:1.66666667
  }
  .row .large-65 {
    --f7-cols-per-row:1.53846154
  }
  .row .large-66 {
    --f7-cols-per-row:1.5
  }
  .row .large-70 {
    --f7-cols-per-row:1.42857143
  }
  .row .large-75 {
    --f7-cols-per-row:1.33333333
  }
  .row .large-80 {
    --f7-cols-per-row:1.25
  }
  .row .large-85 {
    --f7-cols-per-row:1.17647059
  }
  .row .large-90 {
    --f7-cols-per-row:1.11111111
  }
  .row .large-95 {
    --f7-cols-per-row:1.05263158
  }
  .row .large-100 {
    --f7-cols-per-row:1
  }
  .row .large-auto:nth-last-of-type(1),
  .row .large-auto:nth-last-of-type(1)~.large-auto {
    --f7-cols-per-row:1
  }
  .row .large-auto:nth-last-of-type(2),
  .row .large-auto:nth-last-of-type(2)~.large-auto {
    --f7-cols-per-row:2
  }
  .row .large-auto:nth-last-of-type(3),
  .row .large-auto:nth-last-of-type(3)~.large-auto {
    --f7-cols-per-row:3
  }
  .row .large-auto:nth-last-of-type(4),
  .row .large-auto:nth-last-of-type(4)~.large-auto {
    --f7-cols-per-row:4
  }
  .row .large-auto:nth-last-of-type(5),
  .row .large-auto:nth-last-of-type(5)~.large-auto {
    --f7-cols-per-row:5
  }
  .row .large-auto:nth-last-of-type(6),
  .row .large-auto:nth-last-of-type(6)~.large-auto {
    --f7-cols-per-row:6
  }
  .row .large-auto:nth-last-of-type(7),
  .row .large-auto:nth-last-of-type(7)~.large-auto {
    --f7-cols-per-row:7
  }
  .row .large-auto:nth-last-of-type(8),
  .row .large-auto:nth-last-of-type(8)~.large-auto {
    --f7-cols-per-row:8
  }
  .row .large-auto:nth-last-of-type(9),
  .row .large-auto:nth-last-of-type(9)~.large-auto {
    --f7-cols-per-row:9
  }
  .row .large-auto:nth-last-of-type(10),
  .row .large-auto:nth-last-of-type(10)~.large-auto {
    --f7-cols-per-row:10
  }
  .row .large-auto:nth-last-of-type(11),
  .row .large-auto:nth-last-of-type(11)~.large-auto {
    --f7-cols-per-row:11
  }
  .row .large-auto:nth-last-of-type(12),
  .row .large-auto:nth-last-of-type(12)~.large-auto {
    --f7-cols-per-row:12
  }
  .row .large-auto:nth-last-of-type(13),
  .row .large-auto:nth-last-of-type(13)~.large-auto {
    --f7-cols-per-row:13
  }
  .row .large-auto:nth-last-of-type(14),
  .row .large-auto:nth-last-of-type(14)~.large-auto {
    --f7-cols-per-row:14
  }
  .row .large-auto:nth-last-of-type(15),
  .row .large-auto:nth-last-of-type(15)~.large-auto {
    --f7-cols-per-row:15
  }
  .row .large-auto:nth-last-of-type(16),
  .row .large-auto:nth-last-of-type(16)~.large-auto {
    --f7-cols-per-row:16
  }
  .row .large-auto:nth-last-of-type(17),
  .row .large-auto:nth-last-of-type(17)~.large-auto {
    --f7-cols-per-row:17
  }
  .row .large-auto:nth-last-of-type(18),
  .row .large-auto:nth-last-of-type(18)~.large-auto {
    --f7-cols-per-row:18
  }
  .row .large-auto:nth-last-of-type(19),
  .row .large-auto:nth-last-of-type(19)~.large-auto {
    --f7-cols-per-row:19
  }
  .row .large-auto:nth-last-of-type(20),
  .row .large-auto:nth-last-of-type(20)~.large-auto {
    --f7-cols-per-row:20
  }
  .row .large-auto:nth-last-of-type(21),
  .row .large-auto:nth-last-of-type(21)~.large-auto {
    --f7-cols-per-row:21
  }
  .row .large-auto:nth-last-of-type(22),
  .row .large-auto:nth-last-of-type(22)~.large-auto {
    --f7-cols-per-row:22
  }
}
@media (min-width:1200px) {
  .row .xlarge-5 {
    --f7-cols-per-row:20
  }
  .row .xlarge-10 {
    --f7-cols-per-row:10
  }
  .row .xlarge-15 {
    --f7-cols-per-row:6.66666667
  }
  .row .xlarge-20 {
    --f7-cols-per-row:5
  }
  .row .xlarge-25 {
    --f7-cols-per-row:4
  }
  .row .xlarge-30 {
    --f7-cols-per-row:3.33333333
  }
  .row .xlarge-33 {
    --f7-cols-per-row:3
  }
  .row .xlarge-35 {
    --f7-cols-per-row:2.85714286
  }
  .row .xlarge-40 {
    --f7-cols-per-row:2.5
  }
  .row .xlarge-45 {
    --f7-cols-per-row:2.22222222
  }
  .row .xlarge-50 {
    --f7-cols-per-row:2
  }
  .row .xlarge-55 {
    --f7-cols-per-row:1.81818182
  }
  .row .xlarge-60 {
    --f7-cols-per-row:1.66666667
  }
  .row .xlarge-65 {
    --f7-cols-per-row:1.53846154
  }
  .row .xlarge-66 {
    --f7-cols-per-row:1.5
  }
  .row .xlarge-70 {
    --f7-cols-per-row:1.42857143
  }
  .row .xlarge-75 {
    --f7-cols-per-row:1.33333333
  }
  .row .xlarge-80 {
    --f7-cols-per-row:1.25
  }
  .row .xlarge-85 {
    --f7-cols-per-row:1.17647059
  }
  .row .xlarge-90 {
    --f7-cols-per-row:1.11111111
  }
  .row .xlarge-95 {
    --f7-cols-per-row:1.05263158
  }
  .row .xlarge-100 {
    --f7-cols-per-row:1
  }
  .row .xlarge-auto:nth-last-of-type(1),
  .row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto {
    --f7-cols-per-row:1
  }
  .row .xlarge-auto:nth-last-of-type(2),
  .row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto {
    --f7-cols-per-row:2
  }
  .row .xlarge-auto:nth-last-of-type(3),
  .row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto {
    --f7-cols-per-row:3
  }
  .row .xlarge-auto:nth-last-of-type(4),
  .row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto {
    --f7-cols-per-row:4
  }
  .row .xlarge-auto:nth-last-of-type(5),
  .row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto {
    --f7-cols-per-row:5
  }
  .row .xlarge-auto:nth-last-of-type(6),
  .row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto {
    --f7-cols-per-row:6
  }
  .row .xlarge-auto:nth-last-of-type(7),
  .row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto {
    --f7-cols-per-row:7
  }
  .row .xlarge-auto:nth-last-of-type(8),
  .row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto {
    --f7-cols-per-row:8
  }
  .row .xlarge-auto:nth-last-of-type(9),
  .row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto {
    --f7-cols-per-row:9
  }
  .row .xlarge-auto:nth-last-of-type(10),
  .row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto {
    --f7-cols-per-row:10
  }
  .row .xlarge-auto:nth-last-of-type(11),
  .row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto {
    --f7-cols-per-row:11
  }
  .row .xlarge-auto:nth-last-of-type(12),
  .row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto {
    --f7-cols-per-row:12
  }
  .row .xlarge-auto:nth-last-of-type(13),
  .row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto {
    --f7-cols-per-row:13
  }
  .row .xlarge-auto:nth-last-of-type(14),
  .row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto {
    --f7-cols-per-row:14
  }
  .row .xlarge-auto:nth-last-of-type(15),
  .row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto {
    --f7-cols-per-row:15
  }
  .row .xlarge-auto:nth-last-of-type(16),
  .row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto {
    --f7-cols-per-row:16
  }
  .row .xlarge-auto:nth-last-of-type(17),
  .row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto {
    --f7-cols-per-row:17
  }
  .row .xlarge-auto:nth-last-of-type(18),
  .row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto {
    --f7-cols-per-row:18
  }
  .row .xlarge-auto:nth-last-of-type(19),
  .row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto {
    --f7-cols-per-row:19
  }
  .row .xlarge-auto:nth-last-of-type(20),
  .row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto {
    --f7-cols-per-row:20
  }
  .row .xlarge-auto:nth-last-of-type(21),
  .row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto {
    --f7-cols-per-row:21
  }
  .row .xlarge-auto:nth-last-of-type(22),
  .row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto {
    --f7-cols-per-row:22
  }
}
.row .resize-handler {
  position:absolute;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  z-index:100
}
.row .resize-handler:before {
  content:'';
  position:absolute
}
.row .resize-handler:after {
  content:'';
  position:absolute;
  border-radius:4px;
  background:var(--f7-grid-resize-handler-bg-color)
}
.row>.resize-handler {
  width:100%;
  height:var(--f7-grid-row-gap);
  left:0;
  top:100%;
  cursor:row-resize
}
.row>.resize-handler:before {
  left:0%;
  top:50%;
  height:12px;
  width:100%;
  min-height:var(--f7-grid-row-gap);
  transform:translateY(-50%)
}
.row>.resize-handler:after {
  height:4px;
  margin-top:-2px;
  width:80%;
  max-width:20px;
  left:50%;
  top:50%;
  transform:translateX(-50%)
}
.col>.resize-handler,
[class*=col-]>.resize-handler {
  width:var(--f7-grid-gap);
  left:100%;
  top:0;
  height:100%;
  cursor:col-resize
}
.col>.resize-handler:before,
[class*=col-]>.resize-handler:before {
  left:50%;
  top:0;
  height:100%;
  width:12px;
  min-width:var(--f7-grid-gap);
  transform:translateX(-50%)
}
.col>.resize-handler:after,
[class*=col-]>.resize-handler:after {
  width:4px;
  margin-left:-2px;
  height:80%;
  max-height:20px;
  border-radius:4px;
  left:50%;
  top:50%;
  transform:translateY(-50%)
}
.row .col:last-child>.resize-handler,
.row .col:last-of-type>.resize-handler,
.row [class*=col-]:last-child>.resize-handler,
.row [class*=col-]:last-of-type>.resize-handler,
.row:last-child>.resize-handler,
.row:last-of-type>.resize-handler {
  display:none
}

/* File upload */

.fileUpload 
{
	position: relative;
	overflow: hidden;           
}

.fileUpload input.upload 
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.ico_upload
{
  padding-left: 8px; font-size:25px
}



.overlay-text {
    position: absolute;
    bottom: 15px;
    left: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px;
    font-size: 16px; /* Adjust font size if needed */
    z-index: 10; /* Ensure it appears on top */
}


/* Your app custom styles here */