@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
body {
    background: linear-gradient(
    316deg,
    #121212 10%,
    #636361,
    #202020 40%,
    #515051 60%,
    #767474 80%,
    #c1bebe 80%,
    #716e6e 20%

  );
  min-height: 100vh;
  color: #ddd;
  margin: 0;
  padding: 0;
  font-family: 'Noto Kufi Arabic',sans-serif;

}
.message::-webkit-scrollbar-thumb {
  background-color: blue
}
.progress
{
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9999;
     background: linear-gradient(
    316deg,
    #121212 10%,
    #636361,
    #202020 40%,
    #515051 60%,
    #767474 80%,
    #c1bebe 80%,
    #716e6e 20%

  );
}
.bar
{
  background-color:#ff6e00 ;
  width:0%;
  height:2px;
  border-radius: 10px;
  box-shadow:10px 4px  12px #fff;
}
#home{
  right:91%;
}
.error{
margin-left:25px;
padding: 13px;
font-family: 'Noto Kufi Arabic',sans-serif;
background: orange;
width:300px;
margin-top:300px;
border-radius:10px;
box-shadow:2px 0px 2px #fff;
text-align:center;
color:#000;
border:2px solid #000;
}
nav {
  height: 3.5rem;
  width: 100%;
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: chartreuse;
  z-index: 100;
  background: linear-gradient(
    316deg,
    #121212 10%,
    #636361,
    #010100 40%,
    #515051 60%,
    #000000 80%
  );
box-shadow: #000 0px 2px 6px;
webkit-text-fill-color: transparent;
}
nav h1 {
  background: linear-gradient(
    316deg,
    #0ff 10%,
    #ff0,
    orange 40%,
    blueviolet 60%,
    #0ff 80%
  );
  background-size: 200% auto;
  animation: shine 7s linear infinite alternate;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation-play-state: running;
  font-size:25px;
}

nav i {
  font-size: 1.4em !important;
  position: absolute;
  right: 0.5em;
  color: orange;
}
#chat {
  margin-top: 3.7rem;
  margin-bottom: 55px;
  overflow: hidden;
}
@media (min-width: 650.98px) {
.message {
  background: #ff0;
  padding: 10px;
  border-radius: 0.5em;
  width: 280px;
  float: right;
  margin-right:5px;
  margin-left:15px;
  box-shadow: #000 2px 2px 4px, inset #734c03 2px 2px 4px;
  transition: all 0.3s;
  display:inline-block;
  margin-top:5px;
  margin-bottom:18px;
  border:1px solid #000;
  color:#000;
   font-weight:bold;
}
.message.send {
  float: left;
  background-color: #94adad;
  margin-left:80px;
  box-shadow: #000 2px 2px 4px, inset #2f3f3c 2px 2px 4px;
  width: 280px;
  border-radius: 0.5em;
  margin-top:5px;
  margin-right:0px;
  border:1px solid #fff;
}
    .profile2{
  display:inline-block;
  border-radius:50%;
  border: 1px solid #7d4b08;
  box-shadow:0px 0px 10px #fff;
  width:30px;
  height:30px;
  margin-left:-100px;
  padding:1px;

}
spam.county {
  color: #aaa;
  padding-left: 5px;
  font-size: 30px;
}
}

@media (max-width: 650.98px) {
.message {
  background: #827d4d;
  padding: 10px;
  border-radius: 0.5em;
  width: 280px;
  float: right;
  margin-right:5px;
  margin-left:15px;
  box-shadow: #000 2px 2px 4px, inset #734c03 2px 2px 4px;
  transition: all 0.3s;
  display:inline-block;
  margin-top:2px;
  margin-bottom:10px;
  border:1px solid #000;
  color:#000;
   font-weight:bold;
}
.message.send {
  float: left;
  background-color: #94adad;
  margin-left:50px;
  box-shadow: #000 2px 2px 4px, inset #2f3f3c 2px 2px 4px;
  width: 280px;
  border-radius: 0.5em;
  margin-top:0px;
  margin-right:0px;
  border:1px solid #fff;
}
    .profile2{
  display:inline-block;
  border-radius:50%;
  border: 1px solid #7d4b08;
  box-shadow:0px 0px 10px #fff;
  width:30px;
  height:30px;
  margin-left:-70px;
  padding:1px;

}
input#message-input {
  background: #242424;
  height: 30px;
  width: 70%;
  margin:10px;
  border: 2px #666 solid;
  border-radius: 0.5em;
  /*font-family: "Open Sans", sans-serif;*/
  color: #ccc;
  transition: all 0.3s;
}
spam.county {
  color: #aaa;
  padding-left: 5px;
  font-size: 10px;
}
button#message-btn {
  background-color: lime;
  border: 2px solid #121212;
  border-radius: 5px;
  width: 17%;
  /*font-family: "Poppins", sans-serif;*/
  font-weight: bold;
  margin-left:6px;
  height: 32px;
  padding: 5px
}
#specs2{
    display: none
}
#specs{
    display: none
}
form#message-form {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #666;
  padding:0px; 
  border-top: 2px solid #ff0
}
section#info {
  top: 0px;
  width: 100%;
  left: 100%;
  height: 150vh;
  background: linear-gradient(
    316deg,
    #020404 10%,
    #0e0e0e,
    #383636 40%,
    #000000 60%,
    #3f4040 80%
  );
  z-index: 10;
  position: fixed;
  padding-top: 2.75rem;
  font-size:14px
  
}
#sors {
  --border-radius: 8px;
  --border-width: 3px;
  appearance: none;
  left: 50%;
  transform: translateX(-50%);
  margin-top:25px;
  bottom: 10.5vh;
  padding: 1em 2em;
  border: 0;
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  color: #a5a5a5;
  outline:none
}
.container {
  text-align: center;
  background-color: #333;
  color: #fff;
  margin-top:8px;
   padding:2px;
  margin-right: auto;
  margin-left: auto;
}
.footer__title {
  font-size: 22px;
}

.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__social a {
  font-size: 22px;
  color: #fff;
  margin: 0 10px;
}
#footer-inf {
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-align:center;
}

.phone__number i {
  font-size: 22px;
  margin-left: 10px;
}
#reg{
  background-color: rgb(239, 239, 239);
  border: 1px solid rgb(118, 118, 118);
  border-radius: .25em;
  font-size: .8rem;
  margin-inline-end: .25em;
  padding: .2em .2em;
}
.home-img-4 {
  border-radius: 50%;
  padding: 3px;
  margin-right:100px;
  margin-top:30px;
}

#table_ad2{

border:2px solid #fff;
width: 90%;
  background: linear-gradient(
    316deg,
    #000000 10%,
    #242424,
    #545452 40%,
    #515051 60%,
    #242424,
    #1c1818,
    #383838

  );
box-shadow:0px 0px 8px #fff;
margin-right:15px;
margin-top:5px;
font-size:16px;
font-weight:bold;
border-radius:30px;
direction:rtl;
border-radius:10px;
text-align:center;
height:150px;
}
#update i{
background-color:#fff;
border-radius:50%;
width:20px;
padding:3px;
color:#000;
height:20px;
  border:2px solid #918b8b;
}
#update{
width:20px;
height:20px;
padding:20px;
margin-top:-40px;
text-align:center;
margin-right:170px;
}
.home-img {
  border-radius: 50%;
  padding: 3px;
  margin-left:130px;
  margin-top:20px;
}
#table_ad{
width: 90%;
background-color:#010101;
margin-left:15px;
margin-top:5px;
font-size:16px;
font-weight:bold;
direction:rtl;
border-radius:5px;
text-align:center;
border:2px solid #fff
}
}
@media screen and (min-width: 650px)  {
.message {
  background: #ff0;
  padding: 40px;
  border-radius: 0.5em;
  width: 600px;
  float: right;
  margin-right:0px;
  margin-left:30px;
  box-shadow: #000 2px 2px 4px, inset #734c03 2px 2px 4px;
  transition: all 0.3s;
  display:inline-block;
  margin-top:5px;
  margin-bottom:18px;
  border:1px solid #000;
  color:#000;
  font-weight:bold;
  font-size: 36px
}
.message.send {
  float: left;
  background-color: #94adad;
  margin-left:265px;
  box-shadow: #000 2px 2px 4px, inset #2f3f3c 2px 2px 4px;
  width: 600px;
  border-radius: 0.5em;
  margin-top:5px;
  margin-right:0px;
  border:1px solid #fff;
  font-size: 36px; 
  font-weight:bold;
}
    .profile2{
  display:inline-block;
  border-radius:50%;
  border: 1px solid #7d4b08;
  box-shadow:0px 0px 10px #fff;
  width:80px;
  height:80px;
  margin-left:-350px;
  padding:1px;
  font-size: 36px

}
input#message-input {
  background: #242424;
  height:60px;
  width: 75%;
  margin: 20px;
  border: 2px #666 solid;
  border-radius: 0.5em;
  /*font-family: "Open Sans", sans-serif;*/
  color: #ccc;
  transition: all 0.3s;
  padding: 20px;
  font-size:36px; 
}
form#message-form {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #666;
  padding:0px
}
p.username {
  font-size: 26px;
  margin: 0px;
  color: chartreuse;
  font-family: "Noto Kufi Arabic", sans-serif;
}
p.username2 {
  font-size: 26px;
  margin: 0px;
  color: chartreuse;
  font-family: "Noto Kufi Arabic", sans-serif;
  display:none;
}
p.username a {
 color: chartreuse;
 text-decoration: none;
 font-size: 30px
}
p.username2 a {
    color: chartreuse;
    text-decoration: none;
    font-size: 30px
}
spam.county {
  color: #aaa;
  padding-left: 5px;
  font-size: 30px;
}
button#message-btn {
  background-color: lime;
  height: 68px;
  padding:10px; 
  border: 2px solid #121212;
  border-radius: 5px;
  width: 14%;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin-left:6px;
  font-size: 36px; 
}
#specs{
    margin-bottom:20px: 
    height: 0px; 
    background: #ff0
}
#specs2{
    display: none
}
nav {
  height: 8.5rem;
  width: 100%;
  position: fixed;
  top:0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: chartreuse;
  z-index: 100;
  background: linear-gradient(
    316deg,
    #121212 10%,
    #636361,
    #010100 40%,
    #515051 60%,
    #000000 80%
  );
box-shadow: #000 0px 2px 6px;
webkit-text-fill-color: transparent;
font-size: 46px
}
section#info {
  top: 0px;
  width: 100%;
  left: 100%;
   height: 100vh;
  background: linear-gradient(
    316deg,
    #020404 10%,
    #0e0e0e,
    #383636 40%,
    #000000 60%,
    #3f4040 80%
  );
  z-index: 10;
  position: fixed;
  padding-top: 5.75rem;
  font-size: 40px
}

#sors {
  --border-radius: 8px;
  --border-width: 3px;
  appearance: none;
  transform: translateX(-50%);
  margin-top:25px;
  margin-right: 55px; 
  padding: 1.2em 2.2em;
  border: 0;
  background-color: transparent;
  font-weight: 500;
  color: #a5a5a5;
  outline:none; 
  font-size: 36px
}
.container {
  text-align: center;
  background-color: #333;
  color: #fff;
  margin-top:8px;
   padding:10px;
  margin-right: auto;
  margin-left: auto;
  font-size: 40px
}
.footer__title {
  font-size: 42px;
}

.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left:10px
}

.footer__social a {
  font-size: 42px;
  color: #fff;
  margin: 0 10px;
}
#footer-inf {
  letter-spacing: 1px;
  font-size: 0.8rem;
  text-align:center;
}

.phone__number i {
  font-size: 42px;
  margin-left: 10px;
}
#reg{
  background-color: #ff0;
  border: 1px solid rgb(118, 118, 118);
  border-radius: .25em;
  font-size: 2.8rem;
  margin-inline-end: .25em;
  padding: .2em .2em;
}
.home-img-4 {
  border-radius: 50%;
  padding:20px;
  margin-right:100px;
  margin-top:60px;
}
#table_ad2{
border:2px solid #fff;
width: 95%;
  background: linear-gradient(
    316deg,
    #000000 10%,
    #242424,
    #545452 40%,
    #515051 60%,
    #242424,
    #1c1818,
    #383838

  );
box-shadow:0px 0px 8px #fff;
margin-right:15px;
margin-top:5px;
font-weight:bold;
border-radius:30px;
direction:rtl;
border-radius:10px;
text-align:center;
height:500px;
font-size: 36px
}
#update i{
background-color:#fff;
border-radius:50%;
width:20px;
padding:3px;
color:#000;
height:20px;
  border:2px solid #918b8b;
}
#update{
width:20px;
height:20px;
padding:20px;
margin-top:-50px;
text-align:center;
margin-right:170px;
}
.home-img {
  border-radius: 50%;
  padding: 3px;
  margin-left:130px;
  margin-top:90px;
}
#table_ad{
width: 90%;
background-color:#010101;
margin-left:15px;
margin-top:10px;
font-size:36px;
font-weight:bold;
direction:rtl;
border-radius:5px;
text-align:center;
border:2px solid #fff; 
height:400px;
}
}
.message:hover {
  transform: scale(1.08) !important;
}


p.username {
  font-size: 12px;
  margin: 0px;
  color: chartreuse;
  font-family: "Noto Kufi Arabic", sans-serif;
}

.message.send p.username {
  text-align: right;
  display: none;
}
p.username2 {
  font-size: 12px;
  margin: 0px;
  color: chartreuse;
  font-family: "Noto Kufi Arabic", sans-serif;
  display:none;
}

.message.send p.username2 {
  text-align: right;
  display:block;
}

p.msg-text {
  margin: auto;
  padding: 3px 10px;
  /* font-family: 'Roboto', sans-serif; */
  /* font-family: "Open Sans", sans-serif; */
 font-family: 'Noto Kufi Arabic',sans-serif;
  word-break: break-word;
}

p.msg-text a {
  color: orange;
  text-decoration: none;
}
p.username a {
    color: chartreuse;

  text-decoration: none;
}
p.username2 a {
    color: chartreuse;

  text-decoration: none;
}
.message.send p.msg-text {
  text-align: right;
}

p.msg-time {
  font-size: 0.65em;
  width: 100%;
  text-align: right;
  margin: -5px;
  color: #023e3b;
}
p.msg-time.send{
  font-size: 0.65em;
  width: 100%;
  text-align: left;
  margin: -5px;
  color: #3e3702;
}
.message.send p.msg-time {
  margin: -2px;
}

form#message-form {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #666;
}


input#message-input:focus {
  outline: none;
  border-color: red;
}

input#message-input:focus:valid {
  border-color: lime;
}



button#message-btn:hover{
  outline:0;
  color:lime;
  background:#000;
  border:2px solid lime;
}
input#message-input::placeholder {
  color: #eee;
  opacity: 0.6;
  padding-left: 10px;
}
#myinfo {
  top: 0px;
  width: 100%;
  right: 100%;
  height: 100vh;
  background: linear-gradient(
    316deg,
    #020404 10%,
    #0e0e0e,
    #383636 40%,
    #000000 60%,
    #3f4040 80%
  );
  z-index: 10;
  position: fixed;
  padding-top: 3.75rem;
}
section#info h2 {
  color: lime;
  text-align: center;
}

section#info p {
  width: 90%;
  margin: auto;
  text-align: justify;
  color: #e6e5e5;
}
section#info i{
  color:orange;
}
p.details b {
  color: orange;
}



#sors::after {
  --m-i: linear-gradient(#000, #000);
  --m-o: content-box, padding-box;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: var(--border-width);
  border-radius: var(--border-radius);
  background-image: conic-gradient(
    #488cfb,
    #29dbbc,
    #ddf505,
    #ff9f0e,
    #e440bb,
    #655adc,
    #488cfb
  );
  -webkit-mask-image: var(--m-i), var(--m-i);
  mask-image: var(--m-i), var(--m-i);
  -webkit-mask-origin: var(--m-o);
  mask-origin: var(--m-o);
  -webkit-mask-clip: var(--m-o);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  filter: hue-rotate(0);
  animation: rotate-hue linear 500ms infinite;
  animation-play-state: running;
}

#sors:hover::after {
  animation-play-state: paused;
  outline:0px;
}

#sors:hover {
  color: #eee;
  outline:none;
}

@keyframes rotate-hue {
  to {
    filter: hue-rotate(1turn);
  }
}

#info button,
#info button::after {
  box-sizing: border-box;
}

#info button:active {
  --border-width: 4px;
}

.loader {
  position: fixed;
  top: 42%;
  font-size: 1.2em;
  text-align: center;
  width: 100%;
  color: #777;
  /*font-family: "Electrolize";*/
  animation: loader infinite 0.5s alternate;
  font-weight:bold;

}
.info{
width:80%;
background: linear-gradient(to right, #262626 20%, #545453 80%);
border-radius:10px;
border:2px dashed #fff;
margin-right:14px;
}
.loader2 {
  position: fixed;
  top: 42%;
  font-size: 1.6em;
  text-align: center;
  width: 100%;
  color: #777;
  /*font-family: "Electrolize";*/
  animation: loader2 infinite 0.4s alternate;
  font-weight:bold;
  display:none;
}
.update5{
  display:none
}
.loader3 {
  position: fixed;
  top: 42%;
  font-size: 1.6em;
  text-align: center;
  width: 100%;
  color: #777;
  /*font-family: "Electrolize";*/
  animation: loader3 infinite 0.4s alternate;
  font-weight:bold;
  display:none;
}
.loader4 {
  position: fixed;
  top: 42%;
  font-size: 1.2em;
  text-align: center;
  width: 100%;
  color: #777;
  /*font-family: "Electrolize";*/
  animation: loader4 infinite 0.4s alternate;
  font-weight:bold;
}

@keyframes loader2 {
  from {
    color: #999;
  }
  to {
    color: #555;
  }
}
@keyframes loader4 {
  from {
    color: #999;
  }
  to {
    color: #555;
  }
}
@keyframes loader3 {
  from {
    color: #999;
  }
  to {
    color: #555;
  }
}

@keyframes loader {
  from {
    color: #999;
  }
  to {
    color: #555;
  }
}

@media screen and (min-width: 1200px) {
  .message {
    background: #827d4d;
  padding: 10px;
  border-radius: 0.5em;
  width: 880px;
  float: right;
  margin-left:155px;
  box-shadow: #000 2px 2px 4px, inset #734c03 2px 2px 4px;
  transition: all 0.3s;
  display:inline-block;
  margin-top:5px;
  margin-bottom:18px;
  border:1px solid #000;
  color:#000;
   font-weight:bold;
  }
    .message.send {
  float: left;
  background-color: #94adad;
  margin-left:100px;
  box-shadow: #000 2px 2px 4px, inset #2f3f3c 2px 2px 4px;
  width: 880px;
  border-radius: 0.5em;
  margin-top:5px;
  margin-right:0px;
  border:1px solid #fff;
}
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.scrollbar {
  height: 0.2rem;
  background: linear-gradient(to right, #30cfd0 0%, lawngreen 100%);
  position: fixed;
  top: 0;
  z-index: 1000;
}

.supported {
  color: lime;
}

.notsupported {
  color: orangered;
}
.
.fa-sign-out {
  color: orangered;
}

#info > p:nth-child(4) > a {
  color: orange;
  text-decoration: none;
}
.home-img img{
  width: 150px;
  border-radius: 50%;
  border: 2px dashed orange;
  height:150px;
}

.home-img-4 img{
  width: 150px;
  border-radius: 50%;
  border: 2px dashed orange;
  height:150px;
}

.home-img2{
  float:left;
  border-radius: 50%;
  padding:1px;
  display:inline-block;
  width:30px;
   margin-left:5px;
  margin-right:0px;
  border: 2px dashed orange;
  float:left;
  height:30px;
  margin-top:10px;
  margin-bottom:-80px

}
.state-img2{
   float:left;
  border-radius: 50%;
  display:inline-block;
  width:30px;
  margin-right:15px;
  margin-top:0px;
  float:left;
  width:5%;
}
.home-img2.send {
  float:right;
  border-radius: 50%;
  padding: 1px;
  display:inline-block;
  width:30px;
  margin-left:0px;
  margin-right:5px;
  border: 2px dashed orange;
  float:right;
  height:30px;
  margin-top:10px;
  margin-bottom:-80px
}
.state-img2.send{
  float:right;
  border-radius: 50%;
  display:inline-block;
  width:30px;
  margin-left:2px;
  margin-right:0px;
  float:right;
  width:5%;
  margin-top:20px;
}
.statelog{
  float:left;
  width:5%;
}
.statelog.send{
  float:right;
  width:5%;
}
.meg{
  display:inline-block;
}

.profile2 img {
  width:100%;
  height:100%;
 border-radius:50%;
}
.err{
  background-color:#222;
  border-radius:10px;
  width:84%;
  border:2px solid #ada6a6;
  text-align:center;
  padding:13px;
  margin-left:17px;
  margin-top:10px

}
.err4{
  background-color:#222;
  border-radius:10px;
  width:84%;
  border:2px solid #ada6a6;
  text-align:center;
  padding:13px;
  margin-left:17px;
  margin-top:0px

}
.err2{
  width:1px;
  height:60px;
  background-color:#ada6a6;
  margin-left:190px;
  border-radius:5px;
}
.err3{
  background-color:#ada6a6;
  border-radius:10px;
  width:84%;
  border:2px solid #222;
  text-align:center;
  padding:13px;
  margin-left:17px;
  margin-top:0px;
  color:#000;
}
.State{
  margin-left:90px;
  margin-top:-25px;
}

.State2{
  margin-right:220px;
  margin-top:-25px;
}
.of{
color:red;
text-shadow:3px 3px 4px #000
}
.on{
color:#36b708;
text-shadow:3px 3px 4px #000
}
.footer{
 width:100%;
 height:60px;
 background:#333;
 margin-top:10px;
 text-align:center;
}

#reg:hover{
  background-color: #222;
  border-color: rgb(0, 0, 0);
  color: #fff;
  outline:0;
}
.forms-out {
      margin: 0 auto;
      padding: 15px 0;
    }

    .forms-in {
      width: 93%;
      margin: 0 auto;
      color: white;
      padding: 15px 0;
    }

    .forms-in #registration-page {
      padding: 30px 20px;
      max-width: 350px;
      margin: 0 auto;
      background: linear-gradient(
    316deg,
    #121212 10%,
    #636361,
    #202020 40%,
    #515051 60%,
    #000000 80%
  );
      border-radius: 5px;
      margin-bottom: 15px;
    }

    .forms-in h3 {
      text-align: center;
    }

    #inseruser input {
      border: 1px solid #c89008;
      width: 100%;
      margin-bottom: 15px;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 3px;
    }
#inseruser input:hover{
  box-shadow: 0px 0px 3px #fff;
  outline:0;
}
#updateuser input {
      border: 1px solid #c89008;
      width: 100%;
      margin-bottom: 15px;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 3px;
    }
#updateuser input:hover{
  box-shadow: 0px 0px 3px #fff;
  outline:0;
}
#upload{
      border: 1px solid #c89008;
      width: 92%;
      margin-bottom: 15px;
      padding: 10px;

      border-radius: 3px;
}
    #register{
      border: none;
      padding: 7px 20px;
      background: #e8f8ff;
      color: #168ab8;
      border-radius: 4px;
      cursor: pointer;
      font-weight: bold;
      outline:0;
      font-family: 'Noto Kufi Arabic',sans-serif;
    }

    #register:hover {
      opacity: 0.7;
      outline:0;
      color:#e8f8ff;
      background:#168ab8;
    }
 #register::focus{
         outline:0;
 }
    .hide {
      display: none;
    }

    #forgot-password {
      text-align: center;
      font-size: 13px;
      cursor: pointer;
    }

    #forgot-password:hover {
      opacity: 0.7;
    }
.line{
  display:inline-block;
  width:100%;
  margin-right:8px;

}
.line1{
  display:inline-block;
  width:43%;
  background-color:#b45a01;
  height:1px;
  margin-bottom:3px;
  margin-left:3px;
}
.line2{
  display:inline-block;
  width:43%;
  background-color:#b45a01;
  height:1px;
  margin-bottom:3px;
  margin-right:3px;
}
.line3{
  display:inline-block;
}
#registration-page2 button{
    background: #9d730c;
margin-right:84px;
margin-top:23px;
border: none;
padding: 7px 20px;
color: #000;
border-radius: 4px;
font-weight: bold;
outline:0;
font-family: 'Noto Kufi Arabic',sans-serif;
}
#registration-page2 button:hover{
  border: none;
  padding: 7px 20px;
  color: #fff;
  border-radius: 4px;
      font-weight: bold;
      outline:0;
      font-family: 'Noto Kufi Arabic',sans-serif;
}
#registration-page  p {
  margin-top:-10px;
}
#stateimg{
  width:5%;
  margin-bottom:-2px;

}
.stateimg2{
  width:5%;
  margin-bottom:-40px;
  margin-left:25px
}
.stateimg2.send{
  width:5%;
  margin-left:340px;
  margin-bottom:-40px;
}
#loadeing{
  width:5%;
  margin-bottom:-3px;
}
.uploader-demo-crazy .uploadcare--widget__button_type_open {
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  padding: 1px 14px;
  background: linear-gradient(#e9dc8a, #e0b72a);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-transition: -webkit-transform 0.25s;
  -moz-transition: -moz-transform 0.25s;
  transition: transform 0.25s;
  width:280px;
  margin-right:15px;
}
.uploader-demo-crazy .uploadcare--widget__button_type_open:hover {
  background: linear-gradient(#e1a942, #d7b718);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
  border:2px solid #000;
  outline:0;
}
.uploader-demo-crazy .uploadcare--widget__dragndrop-area {
  line-height: 3.4;
  margin-top: -1.8em;
}
.image-preview-single {
  padding: 10px 0;
  border:2px dashed #d9b33d
}
.image-preview-single > img {
  width: 128px;
  vertical-align: middle;
  visibility: hidden;
  display: inline-block;
}
#td-ad{
text-align:center;
 border-radius:5px
}
#tr-ad{
background:linear-gradient(rgba(179, 70, 70,0.60),#fff);
height:50px;
color:#555702;
padding:5px;
font-weight:bold;
}
#table-ad #tr-ad:nth-child(2n + 1) {
background-color: rgba(144, 144, 144, 0.35);
}
/*#td-ad2{
text-align:center;
}
#tr-ad2{
background:linear-gradient(rgba(179, 70, 70,0.60),#fff);
height:50px;
color:#747474;
padding:5px;
}*/