/* 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;
  --f7-grid-gap: 8px;
}

.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;
}

/* =========================================================
   Direct Fix for Article Editor Action Buttons Bar (#btn_is_editor)
   ========================================================= */
#btn_is_editor {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 4px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#btn_is_editor > .col,
#btn_is_editor > div {
    flex: 1 1 0px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#btn_is_editor a {
    display: block !important;
    width: 100% !important;
}

#btn_is_editor button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* =========================================================
   Framework7 Direct-Child Grid System Rules
   ========================================================= */

.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, 10px);
}

.row > .col,
.row > [class*="col-"] {
  box-sizing: border-box;
  width: calc((100% - var(--f7-grid-gap, 8px) * (var(--f7-cols-per-row) - 1)) / var(--f7-cols-per-row));
}

.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-50 { --f7-cols-per-row: 2 !important; }
.row .col-33 { --f7-cols-per-row: 3 !important; }
.row .col-25 { --f7-cols-per-row: 4 !important; }

@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 }
}

@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 }
}

@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 }
}

@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 }
}

@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 .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;
    z-index: 10;
}

/* =========================================================
   Android API 35/36 Statusbar Safe-Area Fix
   ========================================================= */
.device-android {
    --f7-safe-area-top: 0px !important;
    --f7-statusbar-height: 0px !important;
	--f7-safe-area-bottom: 0px !important;
}

.statusbar {
    display: none !important;
    height: 0px !important;
}


/* Remove extra grey/blue bottom padding under bottom tabbar */
.device-android .toolbar-bottom,
.toolbar-bottom {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    height: var(--f7-tabbar-labels-height, 56px) !important;
}

.device-android .toolbar-bottom .toolbar-inner,
.toolbar-bottom .toolbar-inner {
    padding-bottom: 0px !important;
    height: 100% !important;
}

/* =========================================================
   High-Specificity Fix for Article Editor Buttons (#btn_is_editor)
   ========================================================= */

/* 1. HIDE RULE (Highest Specificity - Wins over any other rule) */
.page-content #btn_is_editor.hidden,
div#btn_is_editor.hidden,
#btn_is_editor.hidden,
#btn_is_editor .hidden,
.hidden {
    display: none !important;
}

/* 2. SHOW RULE (Only applies when NOT .hidden) */
div#btn_is_editor:not(.hidden),
#btn_is_editor:not(.hidden) {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 4px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

div#btn_is_editor > div:not(.hidden),
div#btn_is_editor > .col:not(.hidden),
div#btn_is_editor > #btn_view_source:not(.hidden) {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

div#btn_is_editor a {
    display: block !important;
    width: 100% !important;
}

div#btn_is_editor button,
div#btn_is_editor .button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 36px !important;
}