@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

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

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

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #7C7C7C66;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

::placeholder {
  font-style: italic;
  color: #D5D5D5;
  font-weight: 400;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #F58F3F;
  outline: 0;
  box-shadow: 0 0 2px 0 #F58F3F;
}

#logintabs ul {
  padding-inline-start: 0;
  text-align: center;
  padding-bottom: 0px;
}

#logintabs ul li {
  display: inline;
  list-style: none;
}

#logintabs ul li a {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 10px;
  text-decoration: none;
}

#logintabs ul li:hover a,
#logintabs ul .ui-tabs-active a {
  background:linear-gradient(180deg, #ff0000 0%, #212121 100%);
  border-radius: 10px 10px 0px 0px;
  color: #ffffff;
}

.ui-tabs-nav {
  border-bottom: 1px solid #101010;
}

.imp {
  color: #f70000;
}

.forgetpassword {
  padding-inline-start: 0;
  list-style: none;
}

.forgetpassword li {
  display: inline;
  float: left;
  font-size: 14px !important;
}

.forgetpassword li:last-child {
  float: right;
}

.forgetpassword li a {
  font-size: 14px !important;
  padding: 0 !important;
}

.forgetpassword li:hover a {
  background: transparent !important;
  border-radius: 0 !important;
  color: #000000 !important;
  padding: 0 !important;
  text-decoration: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.otpbox {
  width: 15%;
  margin-right: 15px;
  padding: 20px 18px;
}

.navbar-brand img {
  width: 150px;
  height: 45px;
}

.sb-sidenav-dark {
  background-color: #d27e2a;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link {
  color: #ffffff;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
  color: #ffffff;
}

.bg-dark {
  background-color: #000000 !important;
}

.heading {
  padding: 10px 0 10px 30px;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 0 3px 0 #ccc;
  font-size: 20px;
  background: #ffffff;
}

.formwidth-20 {
  width: 20%;
}

.mobilecode {
  padding: 5px;
  height: auto;
}

.loginheading {
  font-size: 22px;
  color: #6D6D6D;
  font-weight: 400;
  text-align: center;


}

.loginheading span {
  font-weight: 500;
}

.card-header {
  padding: 1rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 0;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
}

.btn:focus,
.btn.focus,
.btn-primary:focus,
.btn-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0;
}

.btn-primary {
  color: #fff;
  background-color: #0AA698;
  border-color: #0AA698;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(180deg, #FF0000 0%, #FF4B4B 100%);
  border-color: #f58f3f;
}

.btn-secondary {
  background: linear-gradient(180deg, #FF0000 0%, #FF4B4B 100%);
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  border:none;
}

.btn-secondary:hover,
.btn-secondary:focus {
  text-decoration: none;
  color: #000000;
  background: transparent;
  border-color: #000000;
  border: 1px solid;
}

.loginbtn {
  width: 100%;
}

.bodybackground {
  background: url(../images/loginbg.png) no-repeat top center;
  background-size: cover;
}

.bodyoverlay {
  background: #0000006b;
  position: absolute;
  width: 100%;
  height: 100%;
}

.card-header:first-child {
  border-radius: 19px 19px 0 0;
  -webkit-border-radius: 19px 19px 0 0;
  -moz-border-radius: 19px 19px 0 0;
  -ms-border-radius: 19px 19px 0 0;
  -o-border-radius: 19px 19px 0 0;
}

.card {
  border-radius:0px 20px 20px 0px;
  -webkit-border-radius:0px 20px 20px 0px;
  -moz-border-radius:0px 20px 20px 0px;
  -ms-border-radius:0px 20px 20px 0px;
  -o-border-radius:0px 20px 20px 0px;
}

.card-header img {
  max-width: 225px;
  height:auto;
}

.card-body {
  padding: 20px 0
}

.card-footer {
  padding: 0.75rem 0;
  border-top: 0;
  background: transparent;
}

.card-footer p {
  font-size: 13px;
  color: #707070;
  margin: 1rem 0;
}

.lnkcolor {
  color: #0AA698 !important;
}


.otpmsg {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

.otpmsg span {
  font-weight: 600;
}

.resendotp-text {
  font-size: 14px;
  display: grid;
}

.bg-white {
  background: #ffffff;
}

.fairimage {
  float: left;
  padding-right: 20px;
}

.fair-details h2 {
  font-size: 24px;
  color: #231F20;
  font-weight: 400;
}

.fair-details p {
  font-style: 14px;
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
  background: #E5E9EC;
}

.fair-bottom a {
  float: right;
  margin-top: -10px;
}

.eventdetail {
  padding-inline-start: 0px;
  display: inline-block;
  width:100%;
}

.eventdetail li {
  list-style: none;
  float: left;
  margin-right: 15px;
  width:45%;
}

.eventdetail li p {
  margin-bottom: 0;
}



.eventdetail li .pbold{
  margin-bottom: 0;
  font-weight: 600;
  font-family: 'Roboto';
  font-size: 16px;
}
.ticketlist li h4 {
  margin-bottom: 0;
  font-weight: 500;
  font-family: 'Roboto';
  font-size: 14px;
}

.readlink {
  color: #000000;
  font-weight: 500;
}

.ticket-details {
  border-top: 1px solid rgb(112 112 112 / 20%);
}

.br-19 {
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
}

.ticket-details h2 {
  font-size: 24px;
  font-weight: 500;
}

.ticketprice h4 {
  font-size: 14px;
  font-weight: 500;
}

.ticketprice p {
  font-size: 18px;
  font-weight: 400;
}

.ticketprice h3 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #231F20;
}

.personlist {
  padding-inline-start: 0;
  list-style: none;
}

.minus,
.plus {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}

.minus:focus,
.plus:focus {
  outline: 0;
}

.quantity {
  font-weight: 500;
  width: 30px;
  padding: 0 5px;
  border: 0;
}


.whatever {
  background-color: #ffffff;
  display: inline-block;
  width: 100px;
  height: 90px;
  text-align: center;
  border: 1px solid #707070;
  padding: 10px 5px;
  margin: 5px 5px;
  cursor: pointer;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.whatever p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Roboto'
}

#checkboxes input[type=checkbox] {
  display: none;
}

#checkboxes input[type=checkbox]:checked+.whatever,
#checkboxes input[type=checkbox]:hover+.whatever {
  background: linear-gradient(180deg, #0AA698 0%, #0AA648 100%);
  box-shadow: 5px 5px 15px #0AA6983B;
  border-color: #0AA698;
  color: #ffffff;
}

#checkboxes input[type=checkbox]:checked+.whatever p {
  font-weight: 600;
}

.message {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
}


.ticket-details .eventdetail li {
  width: 45%;
}


.viewticket {
  border-radius: 0 18px 18px 0;
  -webkit-border-radius: 0 18px 18px 0;
  -moz-border-radius: 0 18px 18px 0;
  -ms-border-radius: 0 18px 18px 0;
  -o-border-radius: 0 18px 18px 0;
}

.bg-lightgreen {
  background: #E2FFD6;
  height: 100%
}

.bg-green {
  background: #d8f1ee;
  height: 100%
}

.ticketlist {
  margin: 0
}

.ticketlist li {
  list-style: none;
  width: 45%;
  float: left;
  padding: 15px 0;
  position: relative;
}

.qrimg {
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-100%);
}

.ticketlist li button {
  position: absolute;
  right: 20px;
  top: 67px;
  background: transparent;
  border: 0;
  outline: 0;
}

.sendtickettext {
  font-size: 22px;
  color: #6D6D6D;
  text-align: center;
  font-weight: 400;
}


.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked+.slider {
  background: linear-gradient(180deg, #F58F3F 0%, #FF4B4B 100%);
}

.switch input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked+.slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
  -moz-transform: translateX(12px);
  -o-transform: translateX(12px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.eyebox {
  position: relative;
  margin-top: -30px;
  margin-bottom: 45px;
}

.eyebox img {
  position: absolute;
  right: 10px;
}

.hidepwd{
  opacity:0;
}

.showpwd{
  opacity:1;
}
.message {
    font-weight: 400;
    padding: 15px 15px 15px 0;
    color: #EF4123;
    margin: 5px;
}
.error {
    color: #FB3A3A;

    margin: 3px 0 0px 0px;
    text-align: left;
    display: block;
}
.personlist label{
	width:86px;
}

.div_email_btn{
		 text-align: center;
   margin:20px 0;
	}
	.login-email-btn{
		        background: #ff0000;
    color: #fff;
    padding: 10px;
    border-radius: 0.25rem;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #a6000000;
	}
	.login-email-btn:hover{
		text-decoration:none;
		color: #fff;
	}
	.or{
		text-align:center;
		font-weight:500;
		color:#6D6D6D;
	}
	.register-inner {
    max-width: 650px;
    margin: 5% auto;
}
h2{font-size:20px !important;}
h3{font-size:18px !important;}
h4{font-size:16px !important;}