input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.silver {
  color: #9e9e9e !important;
}

/*maincolor*/
.mcolor {
  color: #a24644 !important;
}

.bmcolor {
  background-color: #bfa5a4 !important;
}

.btncolor {
  background-color: #395260 !important
}

/*secondcolor*/
.stcolor {
  color: #00793C !important;
}

.nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 3em;
  --min-width: 11em;
  background-color: #bfa5a4;
  z-index: 1;
  color: white;
  font-weight: bold;
  line-height: 3em;
}

.nav>p {
  padding-right: 1em;
}

.nav .nav-btn {
  background-color: #825756;
  margin-right: 1em;
  text-align: center;
  cursor: pointer;
  height: 3em;
}

.nav-btn div {

  display: table-cell;
  margin: 0;
  top: 0em;
  width: 3em;
  height: 3em;
  left: 0;

}

.showbtn {
  background-color: #825756;
}

.logoutbtn {
  background-color: #605120;
}

.logoutbtn:hover,
.showbtn:hover {
  background-color: rgba(0, 0, 0, 0.801);
  transform: 0.2s;
}

.w-250 {
  width: 250px !important;
}

.w-150 {
  width: 150px !important;
}

body::before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}

body {
  background: url('../image/Quran-Wallpaper-004.jpg');
  --width: calc(100% - 560px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

S {
  content: "";
  display: block;
  position: fixed;
}

.img-upload {
  height: 80px !important;
  line-height: 4 !important;
  width: 100px;
}

.btn {
  height: auto !important;
}

.se-pre-con:before {
  content: ' ';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url('../image/Quran-Wallpaper-004.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
}

.cc {
  z-index: 2;
  color: white;
  position: fixed;
  top: 50%;
  text-align: center;
  left: 0px;
  width: 100%;
  height: 100%;

}