html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  
  border-top-left-radius: 0px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
  
  border-top-left-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #C11F26;
}

html {
  scrollbar-color: #004C97 #000000;
  scrollbar-width: thin;
}

body {
font-family: 'Montserrat', sans-serif ;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}



/* ================== Fonts Family Start ==================*/
.fp {
font-family: 'Montserrat', sans-serif;
}

/* ================== Fonts Family End ==================*/

/* ================== Buttons Start ==================*/

.logo-container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  position: absolute;
  top: 20px;
}

.login-wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 30px;
  padding-top: 100px; 
}

.login-brand-logo {
  width: 200px;
  height:200px;
  object-fit: contain;
  object-position: center;
}

.login-group {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #565656;
  font-weight: 600;
}

.login-input {
  width: 100%;
  border: 0.6px solid #D5D5D5;
  background-color: #F5F6FA;
  color: #797A7C;
  padding: 8px 20px 8px 30px;
  margin-top: 10px;
  font-size: 18px;
}

.login-input:focus {
  outline: none;
}

.login-btn {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  margin-top: 20px;
  color: white;
  padding: 12px 24px;
  background-color: #004C97;
  border: 2px solid #004C97;
  transition: 0.3s ease-in-out;
}

.login-btn:hover {
  background-color: transparent;
  border: 2px solid #004C97;
  color: #004C97;
  transition: 0.3s ease-in-out;
}

.fptext{
  margin-right: auto;
  color: #004C97;
  text-decoration: underline;
  padding-top: 4px;
}
.fptext:hover {
  color: #004C97;
  transition: 0.3s ease-in-out;
}
.forget-wrapper{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
#toggleIcon {
  position: absolute;
  right: 10px;
  bottom: 11px;
  font-size: 16px;
}
.orange-btn {
  font-size: 14px;
  color: white;
  padding: 8px 24px 8px 24px;
  
  background-color: #004C97;
  border: 1px solid #004C97;
  transition: 0.3s ease-in-out;
  display: inline-block;
  text-decoration: none;
}

.blue-btn {
  font-size: 14px;
  color: white;
  padding: 8px 24px 8px 24px;
  
  background-color: #34a0f9;
  border: 1px solid #34a0f9;
  transition: 0.3s ease-in-out;
  display: inline-block;
  text-decoration: none;
}
.blue-btn:hover {
  background-color: transparent;
  border: 1px solid #34a0f9;
  color: #34a0f9;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}

.red-btn {
  font-size: 14px;
  color: white;
  padding: 8px 24px 8px 24px;
  
  background-color: #FF1400;
  border: 1px solid #FF1400;
  transition: 0.3s ease-in-out;
  display: inline-block;
  text-decoration: none;
}
.red-btn:hover {
  background-color: transparent;
  border: 1px solid #FF1400;
  color: #FF1400;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}

.orange-btn:hover {
  background-color: transparent;
  border: 1px solid #004C97;
  color: #004C97;
  transition: 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

.orange-btn2 {
  font-size: 14px;
  color: #004C97;
  padding: 8px 24px 8px 24px;
  
  background-color: transparent;
  border: 1px solid #004C97;
  transition: 0.3s ease-in-out;
  display: inline-block;
  text-decoration: none;
}

.orange-btn2:hover {
  background-color: #004C97;
  border: 1px solid #004C97;
  color: #fff;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}

.orange-btn-3,
.orange-btn-3:hover {
  font-size: 14px;
  color: #634803;
  text-decoration: underline;
  background-color: transparent;
  display: inline-block;
  border: none;
  outline: none;
}


/* ================== Buttons End ==================*/
/* ================== Colors Start ==================*/
.black {
  color: black;
}

.white {
  color: white;
}

.red {
  color: #F04438;
}

.green {
  color: #12B76A;
}

/* ================== Colors End ==================*/

/* ================== Header Start here  ==================*/
.headerNav {
  background-color: #004C97 !important;
}

.brand-logo {
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center;
}

.searchField {
  border: 0.6px solid #D5D5D5;
  background-color: #F5F6FA;
  color: #797A7C;
  padding: 8px 20px 8px 30px;
  font-size: 12px;
  width: 382px;
  height: 40px;

}

.searchField:focus {
  outline: none;
}

.searchIcon {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #797A7C;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0 5px;
}

.searchIcon:focus {
  outline: none;
}

.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.notiBell {
  background-color: transparent;
  border: none;
  outline: none;
  margin-right: 14px;
}

.notiBell i {
  font-size: 22px;
}

.notiBell::after {
  display: none;
}

.notiBadge {
  background-color: #2E90FA;
  color: white;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 100%;
  position: absolute;
  top: -6px;
  right: -9px;
}

.userDrp {
  background-color: transparent;
  border: none;
  outline: none;
}

.userDrp::after {
  display: none;
}

.userAvatar {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
  border-radius: 100%;
}

.userName {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0 8px;
}

.userIcon {
  color: #565656;
  font-size: 10px;
  padding: 3px 5px;
  border-radius: 100%;
  border: 0.2px solid #5C5C5C;
}

/* ================== Header End here  ==================*/

/* ================== Nav Start here  ==================*/
.sideNav {
  width: 196px;
  padding: 0 0px 0 0;
  height: auto;
  overflow-y: auto;
  position: relative;
  
}

.sideNav.hidden {
  display: none;
}

.sideNav:not(.hidden) {
  display: block;
}


.open-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  padding: 3px 5px;
  color: #565656;
  font-size: 10px;
  padding: 3px 5px;
  border-radius: 100%;
  border: 0.2px solid #5C5C5C;

}

.open-btn.hidden {
  opacity: 0;
  pointer-events: none;
}

.sideNav li a,
.collapseBtn {
  color: #636466;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 5px;
  background-color: transparent;
  border: 1px solid transparent;
  margin-top: 5px;
  display: block;
  
}
.sideNav img{

  filter: brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(0%) hue-rotate(26deg) brightness(94%) contrast(103%);
}


.sideNav li a:hover,
.sideNav li a.active,
.collapseBtn:hover {
background: #004C97;
  border: 1px solid #F3E38E;
  color: white;

}
.sideNav img .collapseBtn:active{

}
.sideNav li a:hover img,
.sideNav li a.active img {
  filter: brightness(0) invert(1);
}
.collapseBtn {
  cursor: pointer;
}



.svgNavIcon {
  fill: #636466;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.svgNavIcon2 {
  width: 24px;
  height: 24px;
  stroke: #636466;
  margin-right: 10px;
}

.sideNav li a.active .svgNavIcon,
.sideNav li a:hover .svgNavIcon {
  fill: #fff;
}

.sideNav li a.active .svgNavIcon2,
.sideNav li a:hover .svgNavIcon2  {
  stroke: #fff;
}
.unit-arrow{
position: absolute;
right: 10px;
transition: transform 0.3s ease; 
}
.rotate-arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}



/* ================== Nav End here  ==================*/
/* ================== Content Area Start here  ==================*/
.contentArea {
  width: 100%;
}

.bg-orange {
  background-color: #004C97;
}

.bg-pink {
  background-color: #004C97;
}

.bg-green {
  background-color: #004C97;
}

.bg-blue {
  background-color: #004C97;
}
.bg-red {
  background-color: #004C97;
}
.border-box {
  border: 0.3px solid#B9B9B9;
  
  padding: 15px;
}

.marginTopAll {
  margin-top: 20px;
}

.sub-heading {
  color: #202224;
  font-size: 16px;
  font-weight: 500;
}

.allSelect {
  border: 0.3px solid #B9B9B9;
  
  outline: none;
  color: #6D7D93;
  font-size: 12px;
  padding: 3px;
}

.allSelect:focus {
  outline: none;
}

.allSelect2 {
  border: 0.3px solid #B9B9B9;
  
  outline: none;
  color: #202224;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 3px;
  background-color: #F5F6FA;
}

.allSelect2:focus {
  outline: none;
}

table {
  white-space: nowrap;
}

.table th {
  font-size: 14px;
  font-weight: 500;
  color: #202224;
  padding: 20px 1rem;

}

.table td {
  font-size: 14px;
  color: #202224;
  border-top: 1px solid #B9B9B9;
  padding: 30px 1rem;
}

.addVanueTh th {
  border-bottom: 1px solid #B9B9B9;
}

.all-search {
  border: 0.6px solid #D5D5D5;
  background-color: #F5F6FA;
  color: #797A7C;
  padding: 8px 30px 8px 20px;
  font-size: 12px;
}

.all-search:focus {
  outline: none;
}

.searchIcon2 {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #797A7C;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0 5px;
}

.searchIcon2:focus {
  outline: none;
}

.checkbx input[type="checkbox"] {
  display: none
}

.checkbx label {
  cursor: pointer;
}

.checkbx input[type="checkbox"]+label:before {
  border: 2px solid #ebebeb;
  background-color: transparent;
  content: "\00a0";
  display: inline-block;
  
  font: 16px/1em sans-serif;
  height: 20px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: middle;
  width: 20px;
}

.checkbx input[type="checkbox"]:checked+label:before {
  background: #004C97;
  color: white;
  content: "\2713";
  text-align: center;
}

.checkbx input[type="checkbox"]:checked+label:after {
  font-weight: bold;
}


.checkbx input[type="checkbox"]:focus+label::before {
  outline: rgb(59, 153, 252) auto 5px;
}


.checkbx2 label {
  cursor: pointer;
  color: #181818;
  font-size: 14px;
}


.dataTable th {
  padding: 0 1rem 2px 1rem;
}

.activeSpan {
  background-color: #D1FADF;
  
  padding: 8px 24px;
  color: #039855;
  font-size: 14px;
  font-weight: 600;
}

.inactiveSpan {
  background-color: #fad2d1;
  
  padding: 8px 24px;
  color: #980803;
  font-size: 14px;
  font-weight: 600;
}
.goldSpan {
  background-color: #FFD700;
  
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
}.platinumSpan {
  background-color: #E5E4E2;
  
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
}.silverSpan {
  background-color: #C0C0C0;
  
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
}

a.page-link {
  border: 1px solid #004C97;
  
  color: #000;
  margin-right: 3px;
}

ul.pagination {
  align-items: center;
}

li.page-item.active a,
li.page-item:hover a {
  
  color: #fff;
  background: #004C97;
  border: 1px solid #004C97;

}

.svgpath1:hover svg path {
  stroke: #fff; 
}
.svgpath1:active svg path {
  stroke: #fff;
}

/* ================== Content Area End here  ==================*/
/* ================== Analytics Start here  ==================*/
.customcard {
  padding: 15px;
  
  height: 106px;
}

.customcard img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center;
  border-radius: 100%;
}

.customcard h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}

.customcard h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0;
}

.customcard p {
  font-size: 12px;
  font-weight: 400;
}

.topVenues {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  object-position: center;
}

.cardHeading {
  color: #202224;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cardPara {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #373737;
  font-size: 12px;
  line-height: 1.2;
  margin: 10px 0;
}

.cardSpan {
  color: #956C04;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.cardSpan img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  object-position: center;
  margin-right: 5px;
}

.progress {
  --bs-progress-height: 0.5rem;
}

.progress.green-progress {
  --bs-progress-bg: #D1FADF;
}

.green-progress .progress-bar {
  background-color: #32D583;
}

.green-span {
  color: #039855;
  font-size: 14px;
  border: 1px solid #32D583;
  
  padding: 3px 15px;
}

.progress.orange-progress {
  --bs-progress-bg: #FEF0C7;
}

.orange-progress .progress-bar {
  background-color: #FDB022;
}

.orange-span {
  color: #DC6803;
  font-size: 14px;
  border: 1px solid #DC6803;
  
  padding: 3px 15px;
}

/* ================== Analytics End here  ==================*/
/* ================== Users Start here  ==================*/
.tabsDiv {
  border-bottom: 0.3px solid#B9B9B9;
}

.tabsDiv .nav-link {
  color: #4D4E50;
  font-size: 18px;
}

.tabsDiv .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #004C97;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #004C97;
  font-weight: 600;
  border-radius: 0;
}

.modalsubheading {
  color: #202224;
  font-size: 15px;
  font-weight: 500;
  margin: 20px 0;
}

/* ================== Users End here  ==================*/
/* ================== Venues Start here  ==================*/
.drpBtn,
.drpBtn:focus {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 12px;
  color: #000;
}

/* ================== Venues End here  ==================*/
/* ================== Statistics Start here  ==================*/
.metrics {
  color: #4D4E50;
  background-color: transparent;
  font-size: 14px;
  border: none;
  outline: none;
}

/* ================== Statistics End here  ==================*/
/* ================== Support Start here  ==================*/
.ticketIcon {
  background-color: #FAC985;
  width: 22px;
  height: 22px;
  border-radius: 100%;
}

.ticketHeading {
  color: #C69006;
  font-size: 16px;
  font-weight: 600;
  margin: 0 10px;
}

.ticketBadge {
  background-color: #FECDCA;
  
  padding: 5px 10px;
  color: #F04438;
  font-size: 12px;
  font-weight: 500;
}

.ticketPosting {
  color: #636466;
  font-size: 12px;
  font-weight: 500;
  width: 400px;
}

.ticketQuestion {
  color: #202224;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 10px 0;
}

.ticketPara {
  color: #4D4E50;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.borderBtm {
  border-top: 0.3px solid#B9B9B9;
  margin-top: 10px;
  padding-top: 10px;

}

.ticketImg {
  width: 28px;
  height: 28px;
  object-fit: contain;
  object-position: center;
  border-radius: 100%;
}

.ticketUserName {
  color: #202224;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}

.ticketLink,
.ticketLink:hover {
  color: #424242;
  font-size: 14px;
  font-weight: 500;
}

.createTicket {
  font-size: 18px;
  color: #202224;
  font-weight: 600;
}

.ticketText {
  color: #797A7C;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 0.3px solid#B9B9B9;
  margin-top: 10px;
  padding-bottom: 20px;
}

.allLbl {
  color: #202224;
  font-size: 14px;
  margin-bottom: 5px;
}

.allinput,
.allinput,
:focus.allinput::placeholder {
  border: 1px solid #D0D5DD;
  
  padding: 10px 14px;
  color: #797A7C;
  font-size: 14px;
  outline: none;
}

textarea {
  resize: none;
}

.backLink,
.backLink:hover {
  color: #797A7C;
  font-size: 16px;
  text-decoration: none;
}

.ticketPara2 {
  color: #797A7C;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;

}
.submenu{
  margin-top:10px;
  margin-left:30px;
  padding-left: 20px;
  border-left: 1px solid #797A7C ;
}
.submenu>li{
  padding: 10px;
  font-size:12px;
  margin-top:2px;
  cursor: pointer;
}
.submenuactive{
background: #004C97;
  
  color: #fff;
}
.disable-btn{
padding: 8px 24px 8px 24px;

text-decoration: none;
color: #8A8A8A;
opacity: 0px;
background: #EFEFEF;
}
.disable-btn:hover{
  color: #8A8A8A;

}
/* ================== Support End here  ==================*/
/* ================== Settings Start here  ==================*/
.settingsHeading {
  color: #202224;
  font-size: 28px;
  font-weight: 500;
}

.settingsPara {
  color: #36383A;
  font-size: 18px;
  margin-top: 10px;
}

.settingPills .nav-link {
  text-align: left;
  color: #797A7C;
  font-size: 16px;
  font-weight: 500;
  margin: 7px 0;
}

.settingPills .nav-link.active {
  color: #fff;
  background-color: #004C97;
}

.settingPara {
  color: #4D4E50;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  border-bottom: 1px solid rgba(185, 185, 185, 0.15);
  margin-top: 10px;
  padding-bottom: 10px;
}

.settingLeftBorder {
  border-left: 1px solid rgba(185, 185, 185, 0.15);
  padding-left: 20px;
}

.profileText {
  color: #202224;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.profilePic {
  width: 64px;
  height: 64px;
  object-fit: contain;
  object-position: center;
  border-radius: 100%;
  margin-right: 10px;
}

.profileName {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}

.profileRole {
  color: #4D4E50;
  font-size: 14px;
  margin-top: 5px;
}

.securityText {
  color: #202224;
  font-size: 16px;
  font-weight: 600;
}

.securityDesc {
  color: #636466;
  font-size: 14px;
  margin-top: 5px;
}

.customSwitch.form-switch .form-check-input {
  width: 4em;
  height: 2em;
}

.customSwitch .form-check-input:checked {
  background-color: #004C97;
  border-color: #004C97;
  outline: none;
  box-shadow: none;
}

.customSwitch .form-check-input:not(:checked):focus {
  border: 1px solid rgba(185, 185, 185, 1);
  outline: none;
  box-shadow: none;
}

.form-switch .form-check-input:not(:checked):focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
}




/* ================== Settings End here  ==================*/

/* ======================= Media Queries =========================================== */
@media(max-width:991px) {
  .searchField {
    width: 280px;
  }
}

@media(max-width:767px) {}

@media(max-width:575px) {}

.hidden {
  display: none;
}

/* When the submenu is shown, display it */
.show {
  display: block;
}