html{
    margin: 0px;
    padding: 0px;
}
body{
    font-family: Vazir;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.Vazir{
    font-family: Vazir;
}
.VazirBold{
    font-family: VazirBold;
}
.navbar{
    padding: 1rem 3rem;
}
.card{
    margin: 2rem 3rem;
}
.bg-color23374D{
    background-color: #23374D;
}

/* Nav Border Bottom Text Fix */

@media (max-width: 575.98px) {
    .card-title{margin-right: 0 !important;}
    .card-text{margin-right: 0 !important;}
}
@media (max-width: 767.98px) {
    .card-title{margin-right: 0 !important;}
    .card-text{margin-right: 0 !important;}
}

@media (max-width: 991.98px) {
    .card-title{margin-right: 0 !important;}
    .card-text{margin-right: 0 !important;}
}

/* Nav Border Bottom Text Fix */

.nav-item{
    margin-left: 20px;
}
.footer-copyright{
    direction: ltr !important;
}
.table {
    margin: 2rem auto;
}
.gold-title{
    background-color: gold;
}
.ultimate-title{
    background-color: bisque !important;
}
.footer-text-copyright{
    direction: rtl;
    margin-bottom: 10px;
}
.card:hover{
    background-color: #007bff !important;
    transition: 0.20s ease-in-out;
    color: white;
}
.banner1{
    background: url(../img/bg-board.jpg) repeat-x;
}
.banner1 .container-lg{
    width: 50%;
}

.banner2{
    width: 100%;
    background: #fff;
}

/* Login Style */

.frm{
    display: inline-block;
    margin-bottom: 50px;
    margin-top: 50px;

    background-color: transparent;
    padding: 10px 10px 10px 10px;
    text-align: center;


}
.ticket{
  display: inline-block;

  background-color: transparent;
  padding: 45px 45px 45px 45px;
  border: solid 2px #01579b;
  border-radius: 3px;


}
thead{
  position: static;
}
.table-wrapper {
  max-height: 300px;

  overflow: auto;
  display:inline-block;
}
.table-earnings {
  background: #F3F5F6;
  position: relative;
  border-collapse: collapse;
}
th{
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
.txt{
    margin-top: 10px;
}

input[type=text]{
    border: solid 0px black;
    border-radius: 3px;
    border: solid 1px #007bff;
    cursor:pointer;

}
input[type=text]:focus{
    border-bottom: solid 1px transparent;
    border-radius: 3px;
    background-color: rgba(40,40,40,0.1);
    -webkit-box-shadow: 0px 0px 17px 3px #007bff;
    box-shadow: 0px 0px 17px 3px #007bff;
    transition-duration: 0.3s;
    outline-style: none;
    outline-width: 1px;
    outline-color: transparent;
    cursor:text;
}

input[type=password]{
    border: solid 0px black;
    border-radius: 5px;
    text-align: right;
    border-bottom: solid 1px #007bff;
}
input[type=password]:focus{
    border-bottom: solid 1px transparent;
    border-radius: 5px;
    background-color: rgba(40,40,40,0.1);
    text-align: right;
    -webkit-box-shadow: 0px 0px 17px 3px #007bff;
    box-shadow: 0px 0px 17px 3px #007bff;
    transition-duration: 0.3s;
    outline-style: none;
    outline-width: 1px;
    outline-color: transparent;



}
input[type=submit]:hover{
    width: 15%;
    margin-top: 30px;
    background-color: #005bff;
    color: #fff;
    border: solid 1px #007bff;
    transition-duration: 0.3s;
}
input[type=submit]{
    width: 15%;
    margin-top: 30px;
    background-color: #007bff;
    color: #fff;
    border: solid 1px #007bff;
    border-radius: 15px;

}
input[type=reset]:hover{

    margin-top: 30px;
    background-color: #fff;
    color: #007bff;
    border-bottom: solid 1px #007bff;
    transition-duration: 0.3s;
}
input[type=reset]{

    margin-top: 30px;
    background-color: #fff;
    color: #007bff;
    border-bottom: solid 1px #007bff;
    border: solid 1px transparent;
    border-radius: 0px;
    transition-duration: 0.3s;


}
a.insta {

  color: #fff;
}
a:hover{
  color:#E8E8E8;
}
svg{
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
  border-radius: 19px;
}
.lg img{
    width: 80px;
    height: 80px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}
.area{
    border:solid 0.1em #fff;

    border-radius:10px;
    color:#fff;
    background-color:#007bff;
    transition-duration: 0.3s;
    cursor:default;


}
.area:hover{
    border:solid 0.1em #007bff;
    background-color:#fff;
    color:#007bff;
    border-radius:10px;
    transition-duration: 0.3s;
    cursor:default;
}