:root {
  --bs-blue: #5F37EF;
  --bs-indigo: #727cf5;
  --bs-purple: #d62d2c;
  --bs-pink: #F5387B;
  --bs-red: #EF4358;
  --bs-orange: #F56538;
  --bs-yellow: #FFBA49;
  --bs-green: #70C217;
  --bs-teal: #299EF3;
  --bs-cyan: #38B0F5;
  --bs-white: #fff;
  --bs-gray: #4d5469;
  --bs-gray-dark: #4d5969;
  --bs-primary: #5F37EF;
  --bs-secondary: #299EF3;
  --bs-success: #70C217;
  --bs-info: #d62d2c;
  --bs-warning: #FFBA49;
  --bs-danger: #EF4358;
  --bs-light: #f9fafd;
  --bs-dark: #0b1727;
  --bs-font-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #4d5769;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover{text-decoration:none!important;}
.brand-wrapper {
  margin-bottom: 19px; }
  .brand-wrapper .logo {
    height: 37px; }

.login-card {
  border: 0;
  border-radius: 27.5px;
  box-shadow: 0 10px 30px 0 rgba(172, 168, 168, 0.43);
  overflow: hidden; }
  .login-card-img {
    border-radius: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .login-card .card-body {
    padding: 85px 60px 60px; }
    @media (max-width: 422px) {
      .login-card .card-body {
        padding: 35px 24px; } }
  .login-card-description {
    font-size: 22px;
  
    font-weight: normal;
    margin-bottom: 0px; }
  .login-card form {
    max-width: 326px; }
.login-card #mc-form {
    max-width: 90%; }	
.login-card-tagline{font-size: 14px;
  
    font-weight: normal;
    margin-bottom: 10px; font-style: oblique; }	
	

  .login-card .login-btn {
    padding: 13px 20px 12px;
    background-color: #000;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px; }
    .login-card .login-btn:hover {
      border: 1px solid #000;
      background-color: transparent;
      color: #000; }
  .login-card .forgot-password-link {
    font-size: 14px;
    color: #919aa3;
    margin-bottom: 12px; }
  .login-card-footer-text {
    font-size: 14px;

    margin-bottom: 0px; }
    @media (max-width: 767px) {
      .login-card-footer-text {
        margin-bottom: 5px; } }
  .login-card-footer-nav a {
    font-size: 14px;
   }
.otptxt{font-size:14px;}
.fa-eye{font-size:26px;}
.hide{display: none;}
/***************************************************show pass********************************************/
.input-group {
  margin-bottom: 1.25em;
}

/* suppress IE >= 10 native functionality that can show password */
input[type="password"]::-ms-reveal {
  display: none;
}

.input-group {
  position: relative;
  width: 100%;
}.toggle {
  background: none;
  border: none;
  color: #94A2B3;
  /*display: none;*/
  /*font-size: .9em;*/
  font-weight: 600;
  /*padding: .5em;*/
  position: absolute;
right: 1em;
top: 2.2em;
  z-index: 999;
}
.smalltxt{font-size:12px;}
.btn-liteblue {
  color: #fff;
  background-color: #4285F4;
  border-color: #4285F4;
}
.btn-liteblue:hover {
  color: #fff;
  background-color: #174ea6;
  border-color: #174ea6;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.6rem 2rem;
  font-size: 1rem;
  /*border-radius: 0.625rem;*/
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.56rem 0.8rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #94A2B3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.form-control[type="file"] {
  overflow: hidden;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  background-color: #fff;
  border-color: #af9bf7;
  outline: 0;
-webkit-box-shadow: 0 0.4375rem 0.875rem 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;
-moz-box-shadow: 0 0.4375rem 0.875rem 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;
box-shadow: 0 0.4375rem 0.875rem 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-webkit-input-placeholder {
  color: rgba(77, 84, 105, 0.5)!important;
  opacity: 1!important;
}

.form-control::-moz-placeholder {
  color:rgba(77, 84, 105, 0.5)!important;
  opacity: 1!important;
}

.form-control:-ms-input-placeholder {
  color: rgba(77, 84, 105, 0.5)!important;
  opacity: 1!important;
}

.form-control::-ms-input-placeholder {
  color: rgba(77, 84, 105, 0.5)!important;
  opacity: 1!important;
}

.form-control::placeholder {
  color:rgba(77, 84, 105, 0.5)!important;
  opacity: 1!important;
}
/*.form-control:focus-visible {
    color: transparent;
    text-shadow: 0 0 0 rgba(73, 80, 87, 0);
}*/


.form-control::file-selector-button {
  padding: 0.56rem 0.8rem;
  margin: -0.56rem -0.8rem;
  -webkit-margin-end: 0.8rem;
  margin-inline-end: 0.8rem;
  color: #94A2B3;
  background-color: #F8F8F8;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #ececec;
}

.form-control::-webkit-file-upload-button {
  padding: 0.56rem 0.8rem;
  margin: -0.56rem -0.8rem;
  -webkit-margin-end: 0.8rem;
  margin-inline-end: 0.8rem;
  color: #94A2B3;
  background-color: #F8F8F8;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #ececec;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.56rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #94A2B3;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.hide {
  display: none;
}

.v-hide {
  visibility: hidden;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1.6rem + 2px);
  padding: 0.8rem 2rem;
  font-size: 1rem;
  border-radius: 0.625rem;
}

.form-control-lg::file-selector-button {
  padding: 0.8rem 2rem;
  margin: -0.8rem -2rem;
  -webkit-margin-end: 2rem;
  margin-inline-end: 2rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.8rem 2rem;
  margin: -0.8rem -2rem;
  -webkit-margin-end: 2rem;
  margin-inline-end: 2rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1.12rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1.6rem + 2px);
}

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.56rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.closebutton{position: absolute;
top: 5%;
right: 5%;opacity:1; cursor:pointer;}

.closebutton > img{
width: 50px;}

.burgerline {
	position: relative;
	display: block;
	width: 28px;
	height: 4px;
	margin: 0 auto;
	background: #5A3B5D;
	transform: skew(5deg);
	transition: all .275s;
}

.burgerline1 {
	position: relative;
	display: block;
	width: 28px;
	height: 4px;
	margin: 0 auto;
	background: #5A3B5D;
	transition: all .275s;
}
.burgerline2 {
	position: relative;
	display: block;
	width: 28px;
	height: 4px;
	margin: -8px auto -3px;
	background: #5A3B5D;
	transition: all .275s;
}

.burgerline1 {
	transform: translateY(-12px) translateX(-2px) skew(-20deg);
}

.burgerline2 {
	transform: translateY(-16px) skew(-10deg);
}


/* MENU Text part */

.burgerline-text {
	display: block;
	font-size: .675rem;
	letter-spacing: .05em;
	margin-top: .5em;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	color: #5A3B5D;
}


.sidebar-right{
	position:fixed;
	top:35%;
	right:0%;
	height:auto;
	padding:10px;
	text-align:center;

}
.footerrdbx{background:#d62d2c;overflow: hidden;}

.sidebar-right a{
	clear:both;
	color:#fff;
	margin-bottom:10px;
	
}
.sidebar-right img{
	width:32px;
	
	
}
.functionlink{cursor:pointer;}

option:disabled {
    color: #cac8c8;
}




@media (max-width: 575.98px) {
	.mobfootspace{height:60px; width:100%;}
	.logo, .login-card-tagline, .login-card-footer-text, .brand-wrapper{text-align:center;}
.login-card-description{text-align:center; font-size:20px;text-transform: uppercase;}	
	
	.closebutton{
right: 5%;opacity:0.4}
.closebutton > img{
width: 50px;}
	
	.footerrdbx{background:#d62d2c;overflow: hidden;}
.mobfooterico{height:auto; width:32px;}
.footerfix {
  position: fixed;
  bottom: 0;
  right: 0px;

  width: 100%;
  z-index: 999;
  padding: 8px 10px 2px;
}
	.login-card {
    border: 0;
    border-radius: 27.5px;
    box-shadow: 0 0px 0px 0 #fff;
    overflow: hidden;
}
	 .login-card .card-body {
    padding: 0px;}
	
.login-card #mc-form {
  max-width: 100%;
}	
	
	
	
	
	
	
	
	
	
	
}