.tts-font { 
    font-family: "CherryUnicode", "Pyidaungsu";
}

.no-select {
    -webkit-touch-callout: none; 
    -webkit-user-select: none;  
    -khtml-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;          
}
@media (min-width: 768px) {
  .max-width-500 {
    max-width: 500px;
    margin: 0 auto;
  }
}
/*For Save Pdf*/
.page-break {
    page-break-after: always;
    page-break-inside: avoid;
    clear: both;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
.content-after-break {
    margin-top: 20pt; 
}
/*For Save Pdf*/

.english{
	font-family: Cambria;
}

@font-face {
    font-family:"ktrastro";
    src:local('ktrastro'),url('../fonts/ktrastro.ttf') format('truetype');
}
.ktrastro {
    font-family: "ktrastro";
}

@font-face {
    font-family:"Astronomicon";
    src:local('Astronomicon'),url('../fonts/Astronomicon.ttf') format('truetype');
}
.Astronomicon {
    font-family: "Astronomicon"  !important;
}

@font-face {
    font-family:"MyanmarAngoun";
    src:local('MyanmarAngoun'),url('../fonts/MyanmarAngoun.ttf') format('truetype');
}
.MyanmarAngoun {
    font-family: "MyanmarAngoun";
}
        
@font-face {
    font-family:"MyanmarChatu";
    src:local('MyanmarChatu'),url('../fonts/MyanmarChatu.ttf') format('truetype');
}
.MyanmarChatu {
    font-family: "MyanmarChatu";
}

@font-face {
    font-family:"Pyidaungsu";
    src:local('Pyidaungsu'),url('../fonts/Pyidaungsu.ttf') format('truetype');
}
.Pyidaungsu {
    font-family: "Pyidaungsu";
}

@font-face {
    font-family:"YoeYar-One";
    src:local('YoeYar-One'),url('../fonts/YoeYar-One.ttf') format('truetype');
}
.YoeYar-One {
    font-family: "YoeYar-One";
}

@font-face {
    font-family:"CherryUnicode";
    src:local('CherryUnicode'),url('../fonts/CherryUnicode.ttf') format('truetype');
}
.CherryUnicode {
    font-family: "CherryUnicode";
}

@font-face {
    font-family:"MyanmarTaungyi";
    src:local('MyanmarTaungyi'),url('../fonts/MyanmarTaungyi.ttf') format('truetype');
}
.MyanmarTaungyi {
    font-family: "MyanmarTaungyi";
}


@font-face {
    font-family:"TibetanMedium";
    src:local('TibetanMedium'),url('../fonts/TibetanMedium.ttf') format('truetype');
}
.TibetanMedium {
    font-family: "TibetanMedium";
}

@font-face {
    font-family:"TibetanRegular";
    src:local('TibetanRegular'),url('../fonts/TibetanRegular.ttf') format('truetype');
}
.TibetanRegular {
    font-family: "TibetanRegular";
}

.my-eye-slash::before {
  content: "\f070"; }
  
  
.tooltip {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 6px;
  font-size: 12px;
}

.tooltip:hover {
  visibility: visible;
}

.fs-custom {
  font-size: 15px;
}
.fs-custom-10 {
  font-size: 10px;
}
.fs-custom-12 {
  font-size: 12px;
}
.fs-custom-14 {
  font-size: 14px;
}
.fs-custom-16 {
  font-size: 16px;
}
.fs-custom-17 {
  font-size: 17px;
}
.fs-custom-18 {
  font-size: 18px;
}
.fs-custom-19 {
  font-size: 19px;
}
.fs-custom-20 {
  font-size: 20px;
}
.fs-custom-25 {
  font-size: 25px;
}
.fs-custom-30 {
  font-size: 30px;
}

.custom-container {
  padding-left: 0;
  padding-right: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.justified-text {
      text-align: justify;
}

.line-height-1{
	line-height: 1.5;
}
.line-height-2{
	line-height: 2;
}
.line-height-3{
	line-height: 2.5;
}
.line-height-4{
	line-height: 3;
}
.line-height-5{
	line-height: 3.5;
}
/*
#create-pdf-button {
      padding: 10px 20px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
*/
.aspect-image {
    width: 20px;
    height: 20px;
}

/*color box*/
.color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.red {
    background-color: red;
}

.orange {
    background-color: orange;
}
.green {
    background-color: green;
}

.blue {
    background-color: blue;
}

.color-description {
    font-size: 16px;
}
/*-----------------------------------------------------------*/
.tts-red {
    color: red;
}
.tts-blue {
    color: blue;
}
.tts-teal {
    color: #008080;
}
.tts-green {
    color: #008000;
}
.tts-primary {
	color: #0d6efd;
}
.tts-green1 {
    color: #00FFFF;
}
.tts-black {
    color: black;
}
.tts-orange {
    color: #F56533;
}
.tts-yellow {
    color: yellow;
}
.tts-gold {
    color: gold;
}
.tts-maroon {
    color: #800000;
}

.tts-purple {
    color: #9F27CC;
}
.tts-d-red {
    color: #8B0000;
}
.tts-navy {
    color: #000080;
}
.tts-fuchsia {
    color: #FF00FF;
}


/*
.text-pro {
    color: #28a745;
}
.text-master {
    color: #007bff; 
}
.text-admin {
    color: #ff0000; 
}
.text-master-plus {
    color: #0d0a76; 
}
.bg-master-plus {
    background: #0d0a76; 
}
.border-master-plus {
	border: 1px solid #0d0a76;
}

.text-copper-master {
    color: #a0510b; 
}
.bg-copper-master {
    background: #a0510b; 
}
.border-copper-master {
	border: 1px solid #a0510b;
}

.text-silver-master {
    color: #828298; 
}
.bg-silver-master {
    background: #828298; 
}
.border-silver-master {
	border: 1px solid #828298;
}


.text-gold-master {
    color: #c29b07; 
}
.bg-gold-master {
    background: #c29b07; 
}
.border-gold-master {
	border: 1px solid #c29b07;
}
*/
/* --- Beta Level --- */
.text-beta { color: #ff0000 !important; }
.bg-beta { background-color: #ff0000 !important; }
.border-beta { border: 1px solid #ff0000 !important; }

/* --- Basic Level --- */
.text-basic { color: #555555 !important; }
.bg-basic { background-color: #000000 !important; }
.border-basic { border: 1px solid #000000 !important; }

/* --- Pro Level --- */
.text-pro { color: #28a745 !important; }
.bg-pro { background-color: #28a745 !important; }
.border-pro { border: 1px solid #28a745 !important; }

/* --- Master Level --- */
.text-master { color: #007bff !important; }
.bg-master { background-color: #007bff !important; }
.border-master { border: 1px solid #007bff !important; }

/* --- Admin Level --- */
.text-admin { color: #ff0000 !important; }
.bg-admin { background-color: #ff0000 !important; }
.border-admin { border: 1px solid #ff0000 !important; }

/* --- Master Plus --- */
.text-master-plus { color: #0d0a76 !important; }
.bg-master-plus { background-color: #0d0a76 !important; }
.border-master-plus { border: 1px solid #0d0a76 !important; }

/* --- Copper Master --- */
.text-copper-master { color: #a0510b !important; }
.bg-copper-master { background-color: #a0510b !important; }
.border-copper-master { border: 1px solid #a0510b !important; }

/* --- Silver Master --- */
.text-silver-master { color: #828298 !important; }
.bg-silver-master { background-color: #828298 !important; }
.border-silver-master { border: 1px solid #828298 !important; }

/* --- Gold Master --- */
.text-gold-master { color: #c29b07 !important; }
.bg-gold-master { background-color: #c29b07 !important; }
.border-gold-master { border: 1px solid #c29b07 !important; }

/* Badge Styling အပိုဆောင်း (ဒါလေးပါရင် ပိုလှပါတယ်) */
.badge-custom {
    font-weight: 500;
    padding: 0.4em 0.7em;
    background-color: transparent; /* Default အားဖြင့် background မထားဘဲ border နဲ့ပဲ သုံးရင် ပိုရှင်းပါတယ် */
}

/*-----------------------------------------------------------*/
#floatingButton {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    padding: 10px 15px;
    border-radius: 50%;
    background-color: #3498db;
    color: white;
    border: none;
    cursor: pointer;
}

#floatingButton:hover {
    background-color: #2980b9;
}
.cover-image {
    display: none;
}
/*------------------------custom card view for namakarana----------------------------------*/
.custom-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    margin: 20px auto;
}

.custom-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000080;
}

.custom-content {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

/*------------------------content image size----------------------------------*/
.my-image-size {
    max-width: 100%;
    height: auto;
    display: block;
    border: 1px solid #ccc; /* optional: just for better visualization */
}
/*------------------------content calendar----------------------------------*/
.dash-line {
    border-bottom: 1px dashed #000000;
    padding-top: 10px;
	padding-bottom: 10px;
}

/*------------------------title Animation----------------------------------*/ 
.title-animation h1 {
  font-size: 50px;
  font-family: CherryUnicode;
  color: red; /* Default color for light theme */
}

/* Apply different color for dark theme */
html[data-bs-theme="dark"] .title-animation h1 {
  color: yellow; /* Color for dark theme */
}
/*
.title-animation h1{
		  font-size: 50px;
		  font-weight: var(--font-semi-bold);
		  margin-bottom: var(--mb-0-75);
		  color: transparent;
		  font-family: MyanmarChatu;
		  -webkit-text-stroke: 1px #ffffff;
		  background: url(../images/animation-red.png);
		  background-clip: text;
		  background-position: 0 0;
		  animation: back 5s linear infinite;
		}
@keyframes back{
		  100%{
			  background-position: 2000px 0px;
	 }
}*/

/*------------------------five element colors----------------------------------*/
.fire{
	color:#e8592d;
}
.earth{
	color:#feb801;
}
.water{
	color:#21619f;
}
.wood{
	color:#037c39;
}
.metal{
	color:#969696;
}