/* =========================================================
   Scrollbar Styling Start
========================================================= */

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #800505;
}

::-webkit-scrollbar-corner {
  background: SlateBlue;
}

::-webkit-scrollbar-thumb {
  background: #FFC300;
}

::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
}

/* =========================================================
   Scrollbar Styling End
========================================================= */


/* =========================================================
   Custom Fonts Start
========================================================= */

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

.font_Aero {
  font-family: Aero;
}

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

.font_Mehr {
  font-family: Mehr;
}

/* =========================================================
   Custom Fonts End
========================================================= */


/* =========================================================
   Number Styling Start
========================================================= */

.number {
  font-family: Mehr;
  letter-spacing: 3px;
}

/* =========================================================
   Number Styling End
========================================================= */


/* =========================================================
   Button Styling Start
========================================================= */

.Button_link {
  width: 230px;
  box-shadow: 1px 1px 2px 1px grey;
  background: #FFF5EB;
  border-radius: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/* =========================================================
   Button Styling End
========================================================= */


/* =========================================================
   Text Styling Start
========================================================= */

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

/* =========================================================
   Text Styling End
========================================================= */


/* =========================================================
   Table Layout Cells Start
========================================================= */

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

#td_10 {
  width: 50px;
}

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

/* =========================================================
   Table Layout Cells End
========================================================= */


/* =========================================================
   Record Number Styling Start
========================================================= */

.record_number {
  font-family: Aero;
  font-size: 1.8rem;
  color: #4a0202;
  text-indent: 40px;
  /* text-align: left; */
}

/* =========================================================
   Record Number Styling End
========================================================= */


/* =========================================================
   Table Column Sizes Start
========================================================= */

.td_number {
  width: 180px;
  height: 40px;
}

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

.td_book {
  width: 110px;
  height: 30px;
  /* padding-right: 40px; */
}

/* =========================================================
   Table Column Sizes End
========================================================= */


/* =========================================================
   Banner Styling Start
========================================================= */

.banner {
  border: 8px solid #024506 !important;
  border-radius: 5px;
  box-shadow: 3px 3px 3px grey;
  padding: 0px;
}

/* =========================================================
   Banner Styling End
========================================================= */


/* =========================================================
   Table Button Styles Start
========================================================= */

.table1 {
  width: 150px;
  /* height: 55px; */
  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;
}

.table2 {
  width: 250px;
  /* height: 55px; */
  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;
}

.table3 {
  width: 150px;
  /* height: 55px; */
  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;
}

/* =========================================================
   Table Button Styles End
========================================================= */


/* =========================================================
   Spacer Start
========================================================= */

.spass {
  height: 8px;
}

/* =========================================================
   Spacer End
========================================================= */


/* =========================================================
   Main Site Wrapper Start
========================================================= */

#site-wrapper {
  width: 990px;
  margin: 0 auto;
  position: relative;
  display: block;
  transform-origin: top center;
  -webkit-transform-origin: top center;
  /* پرانے موبائل براؤزرز کے لیے */
}

/* =========================================================
   Main Site Wrapper End
========================================================= */


/* =========================================================
   Body Layout Start
========================================================= */

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

  background: url(../images/body.jpg);
  /* آپ کا پرانا بیک گراؤنڈ */
}

/* =========================================================
   Body Layout End
========================================================= */


/* =========================================================
   Global Reset Start
========================================================= */

ٌٌ* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  text-decoration: none;
  box-sizing: border-box;
}

/* =========================================================
   Global Reset End
========================================================= */


/* =========================================================
   Image Fix Start
========================================================= */

img {
  vertical-align: middle;
  border-style: none;
}

/* =========================================================
   Image Fix End
========================================================= */


/* =========================================================
   Anchor (Link) Styling Start
========================================================= */

a {
  font-size: 15px;
}

a:link {
  color: #6B0E0E;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: ;
  font-family: Aero;
  text-decoration: none;
}

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

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

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

/* =========================================================
   Anchor (Link) Styling End
========================================================= */