/* =====================================================
   🔹 Global Reset (تمام عناصر کی ابتدائی سیٹنگ)
===================================================== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  text-decoration: none;
  box-sizing: border-box;
}


/* =====================================================
   🔹 Custom Scrollbar Styling
===================================================== */

/* Scrollbar Width */
::-webkit-scrollbar {
  width: 15px;
}

/* Scrollbar Track (پس منظر) */
::-webkit-scrollbar-track {
  background: #800505;
}

/* Scrollbar Corner */
::-webkit-scrollbar-corner {
  background: SlateBlue;
}

/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #FFC300;
}

/* Scrollbar Handle Hover Effect */
::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
}


/* =====================================================
   🔹 Custom Fonts
===================================================== */

/* Mehr Nastaliq Font */
@font-face {
  font-family: Mehr;
  src: url('../fonts/MehrNastaliqWeb.ttf');
}

.font_Mehr {
  font-family: Mehr;
}


/* Sakkal Majalla Font */
@font-face {
  font-family: SakkalMajalla;
  src: url('../fonts/SakkalMajalla.ttf');
}

.font_SakkalMajalla {
  font-family: SakkalMajalla;
}


/* Bombay Black Font */
@font-face {
  font-family: BombayBlack;
  src: url('../fonts/BombayBlack.ttf');
}

.font_BombayBlack {
  font-family: BombayBlack;
}


/* Aero Font */
@font-face {
  font-family: Aero;
  src: url('../fonts/Aero.ttf');
}

.font_Aero {
  font-family: Aero;
}


/* =====================================================
   🔹 Button Style
===================================================== */
.Button_link {
  width: 230px;
  box-shadow: 1px 1px 2px 1px grey;
  background: #FFF5EB;
  border-radius: 40px;
  margin: 0px;
  padding: 5px;
}


/* =====================================================
   🔹 Record Number Styling
===================================================== */
.record_number {
  font-family: Aero;
  font-size: 2rem;
  color: #4a0202;
}


/* =====================================================
   🔹 Text Styling
===================================================== */

/* "to" Text */
.to {
  font-size: 35px;
  color: #bd0d0d;
  font-weight: bold;
}


/* =====================================================
   🔹 Table Cell Layout
===================================================== */

.td_to {
  width: 490px;
  height: 50px;
  padding: 0px;
}

#td_10 {
  width: 50px;
}

.td_number2 {
  width: 150px;
  height: 50px;
  padding: 0px;
  text-align: center;
}

.td_number {
  width: 150px;
  height: 50px;
  padding-left: 80px;
}

.td_record {
  width: 290px;
  height: 50px;
}

.td_book {
  width: 150px;
  height: 50px;
  padding-right: 65px;
}


/* =====================================================
   🔹 Banner & Card Styles
===================================================== */

/* Banner Box */
.banner {
  border: 8px solid #0c4f02 !important;
  border-radius: 0px;
  box-shadow: 0px 3px 0px grey;
  padding: 0px;
}

/* Fresh Highlight Box */
.fresh {
  border: 6px solid #0c4f02 !important;
  border-radius: 4px;
  box-shadow: 3px 3px 3px grey;
  padding: 5px;
}


/* =====================================================
   🔹 Table Design Buttons
===================================================== */

/* Small Table Button */
.table1 {
  width: 120px;
  background: #FFF5EB;
  box-shadow: 1px 1px 5px 1px grey;
  padding: 7px 2px;
  margin: 0px;
  font-weight: bold;
  border-radius: 50px;
  text-shadow: 1px .5px 1px #9e9796;
  color: #511166;
}

/* Large Table Button */
.table2 {
  width: 250px;
  font-size: 30px;
  background: #FFF5EB;
  box-shadow: 1px 1px 5px 1px grey;
  padding: 7px 2px;
  margin: 0px;
  font-weight: bold;
  border-radius: 50px;
  text-shadow: 1px .5px 1px #9e9796;
  color: #511166;
}

/* Medium Table Button */
.table3 {
  width: 120px;
  background: #FFF5EB;
  box-shadow: 1px 1px 5px 1px grey;
  padding: 7px 2px;
  margin: 0px;
  font-weight: bold;
  border-radius: 50px;
  text-shadow: 1px .5px 1px #9e9796;
  color: #511166;
}


/* =====================================================
   🔹 Image Default Fix
===================================================== */

/* Remove border on images inside links (IE10 fix) */
img {
  vertical-align: middle;
  border-style: none;
}


/* =====================================================
   🔹 Main Site Wrapper
===================================================== */

#site-wrapper {
  width: 990px;
  margin: 0 auto;
  position: relative;
  display: block;

  /* Responsive Scaling Origin */
  transform-origin: top center;
  -webkit-transform-origin: top center;
  /* پرانے موبائل براؤزرز کے لیے */
}


/* =====================================================
   🔹 Body Layout
===================================================== */

body {
  margin: 0;
  padding: 0;
  text-decoration: none;
  overflow-x: hidden;
  /* دائیں بائیں اسکرول ختم */
  width: 100%;

  /* Background Image */
  background-image: url(../../record/body.jpg);
}


/* =====================================================
   🔹 Small Spacer
===================================================== */

.spass {
  height: 8px;
}


/* =====================================================
   🔹 Anchor Links Styling
===================================================== */

a {
  font-size: 15px;
}

/* Default Link */
a:link {
  color: #6B0E0E;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  font-family: Aero;
  text-decoration: none;
}

/* Visited Link */
a:visited {
  color: #000000;
  font-size: 25px;
  text-decoration: none;
}

/* Hover Effect */
a:hover {
  color: #00661a;
  font-size: 27px;
  text-decoration: none
}

/* Active Link */
a:active {
  color: #4e0066;
  font-size: 25px;
  text-decoration: none
}