@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}


*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.container{
  width: 100%;
}

@media (min-width: 640px){

  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){

  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){

  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){

  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

  .container{
    max-width: 1536px;
  }
}

.pointer-events-none{
  pointer-events: none;
}

.\!visible{
  visibility: visible !important;
}

.visible{
  visibility: visible;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: -webkit-sticky;
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.bottom-0{
  bottom: 0px;
}

.left-0{
  left: 0px;
}

.right-0{
  right: 0px;
}

.top-0{
  top: 0px;
}

.top-\[18\%\]{
  top: 18%;
}

.z-50{
  z-index: 50;
}

.float-right{
  float: right;
}

.m-0{
  margin: 0px;
}

.m-2{
  margin: 0.5rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.me-1{
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}

.me-2{
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.me-3{
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-auto{
  margin-left: auto;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.mr-auto{
  margin-right: auto;
}

.ms-2{
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}

.ms-3{
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}

.mt-0{
  margin-top: 0px;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.h-1\/2{
  height: 50%;
}

.h-2{
  height: 0.5rem;
}

.h-4{
  height: 1rem;
}

.h-auto{
  height: auto;
}

.min-h-screen{
  min-height: 100vh;
}

.w-10{
  width: 2.5rem;
}

.w-2{
  width: 0.5rem;
}

.w-4{
  width: 1rem;
}

.w-48{
  width: 12rem;
}

.w-\[450px\]{
  width: 450px;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.grow{
  flex-grow: 1;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize{
  resize: both;
}

.flex-row{
  flex-direction: row;
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-center{
  align-items: center;
}

.justify-center{
  justify-content: center;
}

.gap-1{
  gap: 0.25rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.overflow-hidden{
  overflow: hidden;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}

.p-0{
  padding: 0px;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pt-0{
  padding-top: 0px;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.text-end{
  text-align: end;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-bold{
  font-weight: 700;
}

.font-medium{
  font-weight: 500;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-yellow-200{
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.line-through{
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-80{
  opacity: 0.8;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline{
  outline-style: solid;
}

.blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-2xl{
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ant-drawer-body {
    padding: 0px !important;
}

.ql-snow .ql-editor h5 {
    font-size: 1.4em;
}

.ant-menu-dark {
    background-color: #0872BC;
}

.ant-menu-dark, .ant-menu-dark {
    background: #0872BC;
}

.ant-menu-sub {
    background-color: #3EAEE2 !important;
}

.ant-layout-sider {
    /*background: #0872BC;*/
    background: white;
}

.ant-input, .ant-input-number, .ant-select-selection--single {
    height: 100%
}

.ant-select-selection--single .ant-select-selection__rendered, .ant-input-number-input-wrap {
    height: 100%;
    display: flex;
}

.ant-menu-submenu.ant-menu-submenu-vertical.ant-menu-submenu-selected {
    background-color: #3EAEE2;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
    background: #C6C9D5;
}

.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background-color: transparent;

}

.ant-form-item {
    /* margin-bottom: 2px;    */
}

#root > div > div > section > section > main > div > div > div.antd-pro-components-page-header-wrapper-index-content > div > div > div > div > div > form > div.ant-row > div:nth-child(1) > div > div {
    margin-bottom: 2px;

}

#root > div > div > section > section > main > div > div > div.antd-pro-components-page-header-wrapper-index-content > div > div > div > div > div > form > div:nth-child(1) > div.ant-col.ant-col-11.ant-col-offset-2 > div > div {
    margin-bottom: 2px;
}

.ant-select-selection-selected-value, .ant-input-number-input {
    align-self: center;
}

.ant-btn-primary {
    background-color: #0872BC;
    border-color: #0872BC;
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.header {
  height: 56px;
  width: 100%;
  padding: 0 24px 0 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leftArea {
  min-width: 40px;
  display: flex;
  align-items: center;
}
.menu :global(.anticon) {
  margin-right: 8px;
}
.menu :global(.ant-dropdown-menu-item) {
  min-width: 160px;
}
.trigger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #6f7785;
  font-size: 18px;
  cursor: pointer;
}
.right {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-right: 8px;
  overflow: visible;
}
.right .action {
  height: 40px;
  padding: 0 8px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}
.right .action:hover {
  background: #f4f6f9;
}
.right .account {
  margin-left: 8px;
  padding-left: 12px;
  padding-right: 8px;
  border-left: 1px solid #eceff3;
  height: 56px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.right .avatar {
  margin-right: 10px;
  color: #2f6bd9;
  background: #eef2fa;
  width: 36px;
  height: 36px;
  line-height: 36px;
  min-width: 36px;
  min-height: 36px;
}
.right .name {
  max-width: 250px;
}
.dark .action {
  color: rgba(255, 255, 255, 0.85);
}
.iconBox {
  margin-right: 0;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  object-fit: contain;
}
.anouncmentIcon {
  margin-right: 0;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  object-fit: contain;
  cursor: pointer;
}
.antd-pro-components-global-header-index-action {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
.antd-pro-components-global-header-index-action:hover {
  opacity: 0.85;
}
.antd-pro-components-global-header-index-action img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.admin-box .content {
  line-height: 1.2;
}
.admin-box .content h5 {
  margin: 0;
  text-transform: none !important;
  color: #1f2a3d !important;
  font-size: 30px;
  font-weight: 600;
  white-space: nowrap;
}
.admin-box .content > div,
.admin-box .content > small {
  display: none;
}
.name.content {
  margin: 0 !important;
  padding-top: 0 !important;
}
.ant-dropdown-menu-root.menu {
  height: auto !important;
}
.ant-dropdown-menu-root.menu li {
  display: flex;
  gap: 10px;
}
.ant-dropdown-menu-root.menu li .ant-dropdown-menu-title-content {
  display: flex;
  gap: 10px;
  align-items: center;
}
.displayName {
  color: #1f2a3d !important;
  font-size: 15px;
  font-weight: 600;
}
.userDropArrow {
  color: #8d97a8;
  font-size: 11px;
  margin-left: 2px;
  margin-top: 2px;
}
.back-user-dropdown .ant-dropdown-menu {
  min-width: 330px;
  border-radius: 8px;
  padding: 8px 0;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
}
.back-user-dropdown .ant-dropdown-menu-item {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #2d3340;
}
.back-user-dropdown .ant-dropdown-menu-item .anticon {
  font-size: 15px;
  color: #7a8190;
}
.back-user-dropdown .ant-dropdown-menu-item span {
  color: #2d3340;
  font-weight: 500;
}
.back-user-dropdown .iconBox {
  width: 16px;
  height: 16px;
  opacity: 0.65;
}
@media only screen and (max-width: 768px) {
  .header {
    height: 72px;
    padding: 0 12px;
  }
  .trigger {
    display: inline-flex;
  }
  .right {
    margin-right: 0;
  }
  .right .account {
    border-left: none;
    padding-left: 6px;
    margin-left: 2px;
    height: 44px;
  }
  :global .admin-box .content h5,
  :global .displayName {
    font-size: 14px;
    font-weight: 600;
  }
}
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/assets/owl.video.play-BJo37keB.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }
:global .gray-color {
  color: #555;
}
:global .mr50 {
  margin-right: 50px !important;
}
:global .currency-list {
  color: #6666;
}
:global .currency-list .currency-card {
  border-radius: 10px;
}
:global .currency-list .currency-card .currency-name {
  font-weight: 600;
}
:global .currency-list .currency-card .currency-value {
  color: #0f52ba;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}
:global .currency-list .currency-card .your-rate .rate {
  color: #1890ff;
  font-size: 20px;
  font-weight: 600;
}
:global .reeudo-slider .owl-theme .owl-nav {
  display: block !important;
  position: absolute;
  width: 100%;
  top: 25%;
}
:global .reeudo-slider .owl-theme .owl-nav .owl-prev {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #acacac;
  line-height: 0;
  font-weight: 500;
  color: white;
  left: -25px;
  cursor: pointer;
}
:global .reeudo-slider .owl-theme .owl-nav .owl-prev:hover {
  background: #1890ff;
}
:global .reeudo-slider .owl-theme .owl-nav .owl-next {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #acacac;
  line-height: 0;
  font-weight: 500;
  right: -25px;
  color: white;
  cursor: pointer;
}
:global .reeudo-slider .owl-theme .owl-nav .owl-next:hover {
  background: #1890ff;
}
:global .unizHomeDashboardCardSlider .owl-theme .owl-nav {
  display: block !important;
  position: absolute;
  width: 100%;
  top: 25%;
}
:global .unizHomeDashboardCardSlider .owl-theme .owl-nav .owl-prev {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #acacac;
  line-height: 0;
  font-weight: 500;
  color: white;
  left: -25px;
  cursor: pointer;
}
:global .unizHomeDashboardCardSlider .owl-theme .owl-nav .owl-prev:hover {
  background: #1890ff;
}
:global .unizHomeDashboardCardSlider .owl-theme .owl-nav .owl-next {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #acacac;
  line-height: 0;
  font-weight: 500;
  right: -25px;
  color: white;
  cursor: pointer;
}
:global .unizHomeDashboardCardSlider .owl-theme .owl-nav .owl-next:hover {
  background: #1890ff;
}
:global .unizHomeDashboardCard {
  color: black;
}
:global .unizHomeDashboardCard .currency-card {
  border-radius: 10px;
}
:global .unizHomeDashboardCard .currency-card .currency-name {
  font-weight: 600;
}
:global .unizHomeDashboardCard .currency-card .currency-value {
  color: black;
  font-size: 15px;
  margin-bottom: 2px;
  font-weight: 600;
}
:global .unizHomeDashboardCard .currency-card .enquiryButton {
  background: #ed3a56;
  color: #ffffff;
  margin-top: 25px;
  padding: 20px;
}
.custom-exchange {
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.05s ease-in-out;
    background-color: #f9f9f9;
    overflow: hidden;
}

.custom-exchange:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

.custom-exchange-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.custom-exchange-body {
    padding: 13px;
    text-align: center;
    min-height: 190px;
}

.custom-exchange-img {
    max-width: 50%;
    border-radius: 50%;
    border: 2px solid #e0e0e0;
    margin-bottom: 15px;
}

.custom-exchange-btn {
    background-color: #0f52ba;
    border: none;
    border-radius: 25px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.custom-exchange-btn:hover {
    background-color: #0f52ba;
}

.custom-exchange-link {
    color: #0f52ba;
    font-size: 12px;
    text-decoration: none;
}

.custom-exchange-link:hover {
    text-decoration: underline;
}


.order-summary-card {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
}

.doc-label {
    font-size: 12px;
    font-weight: 600;
}

.status-information-card {
    margin-top: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.status-item {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    text-align: center;
}


.header-quote .quotation-date p {
    font-weight: 600;
}

.description-section table tr td:first-child {
    font-weight: 600;
}

.description-section table {
    max-width: 65%;
    font-size: 13px;
}

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

.header-quote img {
    max-width: 22%;
}

.quotation-date {
    float: right;
}

.charge-text {
    margin-right: 15px;
}

.forex-off {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    background-color: #f8f8f8;
    text-align: center;
}

.forex-content {
    padding: 50px;
    background-color: #fd8383;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 600px;
}

.forex-content h2 {
    margin-ottom: 10px;
    color: #fff;
}

.forex-label {
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 14px;
    background: #ff0000cc;
}
.appProfile2 {
    overflow: visible !important;
}

.room-details-row h6 {
    color: gray;
    font-size: 14px;
}

.room-details-row p {
    font-size: 13px;
}

.room-heading h5 {
    font-weight: 600;
    margin-bottom: 1px;
}

.room-details-row {
    line-height: 10px;
}

.card-single-enquiry {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #ccc;
    /*box-shadow: 0 0 13px 0px rgb(0 0 0 / 22%) !important;*/
}

.btn-enquiry-collapse {
    max-height: 38px;
}

.room-details-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.detail-item {
    width: 48%;
    display: flex;
    align-items: center;
}

.detail-item i {
    margin-right: 10px;
    font-size: 13px;
    color: #0b52ba;
}

.room-details-row h6 {
    font-size: 14px;
    color: gray;
    margin: 0;
}

.room-details-row p {
    font-size: 13px;
    margin: 5px 0 0 0;
}

.divider {
    border: 1px solid #ccc;
    margin: 10px 0;
}

.personal-enquiry-title {
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 10px;
    background: #f1f1f1;
}

.personal-enquiry-title h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.personal-enquiry-title i {
    font-size: 20px;
    color: #0f52ba;
}

.personal-enquiry-details {
    padding: 10px 23px 0px;
    font-size: 14px;
    line-height: 7px;
}

.personal-enquiry-details span, .personal-enquiry-details label {
    padding-left: 35px;
}

.enquiry-email {
    color: #58AEF4;
}

.personal-enquiry-details h6 {
    font-size: 24px;

}

.country-details {
    font-size: 14px;
    color: gray;
    float: right !important;
}

.enquiry-box {
    padding: 10px;
}

.property-location {
    margin-left: 8px;
    font-weight: 600;
}

.property-location h6 {
    color: #0f52ba;
    font-size: 18px;
    font-weight: 600;
}

.image-box-update {
    height: 135px;
}

.image-box-update img {
    border-radius: 5px;
    /*border: 1px solid #0f52ba;*/
    box-shadow: 0 0 10px rgba(15, 82, 186, 0.42);
}

.property-location p {
    font-size: 14px;
    font-weight: normal;
}

.room-heading.card {
    margin: 10px;
}

.hr-enquiry {
    margin: 8px 5px;
}

.update-enquiry i {
    font-size: 14x;
    padding-right: 2px;
}

.update-enquiry span {
    background: #E9ECF6;
    color: #319DF4;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    border-radius: 5px;
}

.room-heading {
    padding: 0px 20px;
}

.image-container2 {
    position: relative;
}

/*.image-container2:hover .hover-icon {*/
/*    display: block;*/
/*}*/

.image-container2:hover img {
    opacity: 0.8;
    transition: opacity 0.3s;
}

.image-container2 img {
    max-width: 100%;
    padding: 0;
    border: 1px solid #ccc;
}

.hover-icon {
    display: none;
    transition: color 0.3s;
}

.table-pro-img {
    max-width: 91%;
    padding: 5px;
    border: 1px solid #ccc;
    margin-top: 15px;
    border-radius: 7px;

}

.enquiryCard {
    padding: 14px !important;
    margin-bottom: 0px !important;
}

.suggest-pro-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    object-fit: cover;
}

.image-container2.img-container3 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 68%;
    overflow: hidden
}

.property-filters {
    padding: 23px 60px;
}

.property-filters-btn button {
    width: 98% !important;
}


.remove-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    border-radius: 50%; /* Circular shape */
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color: white !important;
}

.menu-items-property {
    min-width: 400px;
    min-height: 100px;
    padding: 30px;
}

.label-property {
    border: 1px solid #5CB85C;
    color: #5CB85C
}

.edit-amenities {
    float: right;
}

.amenities-label {
    font-weight: 600;
    color: #0f52ba;
}

.commissionBox .ant-table-pagination.ant-pagination {
    margin-top: 10px !important;
}
.participant_card .info_card {
  border-right: 1px solid #f1f1f1;
  height: 93vh;
}
.participant_card .info_card .information {
  padding: 20px 20px 5px 30px;
  height: 150px;
  display: flex;
}
.participant_card .info_card .information img {
  height: 100%;
  width: auto;
  margin-right: 30px;
  border-radius: 10px;
}
.participant_card .info_card .comments {
  padding: 0 20px 10px;
  position: relative;
  height: calc(100vh - 290px);
}
.participant_card .info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.participant_card .info_card .alignCenter {
  align-items: center;
  display: flex;
}
.participant_card .input_box {
  display: flex;
  align-items: center;
  width: 96%;
  position: absolute;
  bottom: 0;
}
.participant_card .input_box .input_comment1 {
  border-radius: 50px;
  background-color: #efeded;
  height: 45px;
}
.participant_card .single_info_card {
  border-right: 1px solid #f1f1f1;
}
.participant_card .single_info_card .information {
  margin-bottom: 5px;
}
.participant_card .single_info_card .information h6 {
  color: black;
}
.participant_card .single_info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.participant_card .single_info_card .alignCenter {
  align-items: center;
  display: flex;
}
.comment_text {
  flex: 1 1;
  background-color: white;
  border-radius: 35px;
  padding: 5px 10px 5px 15px;
  border: 1px solid #f1f1f1;
}
.p0 {
  padding: 0 !important;
}
body {
  color: #212529 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
}
.logo-link {
  display: none;
}
.ant-layout {
  background: white;
}
.ant-card-head .ant-drawer-title,
.ant-drawer-header .ant-drawer-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  margin: 0;
}
input[type='text'],
input[type='password'],
input[type='number'],
.ant-select-selection {
  height: 33px;
}
.ant-input,
.ant-input-number,
.ant-select-selection--single {
  height: 33px;
}
.ant-input.ant-select-search__field {
  height: 43px !important;
  border: 1px solid #666 !important;
}
.ant-select {
  width: 100%;
  font-size: 12px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.ck.ck-reset.ck-editor.ck-rounded-corners {
  width: 100%;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4px {
  margin-top: 4px !important;
}
.mt5px {
  margin-top: 5px !important;
}
.mt5 {
  margin-top: 7px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.groupingTags {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  margin-top: 10px;
  margin-left: 10px;
}
.groupCard {
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  font-family: Poppins, sans-serif;
  cursor: pointer;
  flex-shrink: 0;
}
.groupCard-top {
  width: 220px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  font-family: Poppins, sans-serif;
  cursor: pointer;
  flex-shrink: 0;
}
.groupLeft h5 {
  margin: 0;
  color: #58BADE;
}
.groupRight {
  text-align: right;
}
.groupBalance {
  font-weight: 600;
  font-size: 22px;
  color: #222;
}
.groupStatus {
  margin-top: 4px;
  font-size: 13px;
  color: #555555;
  line-height: 1.1;
  font-family: Poppins, sans-serif;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px;
}
.mb100 {
  margin-bottom: 100px;
}
.customForm .ant-select {
  width: 100%;
}
.customForm .ant-form-item-label {
  line-height: 28.9999px;
}
.customForm .ant-form-item {
  margin-bottom: 2px;
}
.ant-layout-sider {
  background: white;
  border-right: 3px solid #ededed !important;
}
.ant-form-item {
  margin-bottom: 2px;
}
.apply-for-esim {
  background: #0f52ba;
  padding: 6px 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
  color: white;
}
.esim-country-name {
  font-size: 14px;
  font-weight: 600;
}
.esim-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.esim-country {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}
.custom-nav-arrow left-arrow {
  background-color: red;
}
.esim-country-flag {
  position: absolute;
  top: 8px;
  right: 8px;
  background: white;
  padding: 2px;
  border-radius: 4px;
}
.antd-pro-components-sider-menu-index-logo {
  text-align: center;
  height: 60px;
  background: white !important;
  padding: 5px 5px 5px 0;
  display: flex;
}
.antd-pro-components-sider-menu-index-logo img {
  height: 100%;
}
.ant-layout-sider-collapsed .antd-pro-components-sider-menu-index-logo {
  text-align: left;
  height: 60px;
  background: white;
  padding: 5px;
  display: flex;
}
.ant-layout-sider-collapsed {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
.ant-layout-sider-collapsed .antd-pro-components-sider-menu-index-logo a {
  text-align: center;
}
.ant-menu-submenu-popup {
  left: 120px !important;
}
.ant-menu-inline-collapsed {
  padding-top: 0 !important;
  /*.ant-menu-item-selected {
      background-color: #22ade2 !important;
    }*/
  /* li {
       padding: 0 10px !important;
       display: flex;
       width: 100% !important;
       justify-content: center;
       align-items: center;
       height: 60px !important;

       .ant-menu-submenu > .ant-menu-submenu-title {
         padding: 0 10px !important;
       }

       span, a {
         line-height: 15px;
         color: #fff;
         display: flex !important;
         flex-direction: column !important;
         width: 100% !important;
         justify-content: center;
         align-items: center;

         span {
           opacity: 1 !important;
         }
       }
     }*/
}
.englishTypeBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.englishTypeBox div {
  width: 80px;
}
/*.inputBox {
    margin-top: 10px;
    margin-bottom: 10px;

    .labelRow {
      line-height: 25px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 2px 0;

      .extra {
        a {
          margin-left: 10px;
        }
      }
    }

    .labelNew {
      //line-height: 25px;
      line-height: 34px;
      color: rgba(0, 0, 0, 0.65);
      float: left;
      margin: 0 15px 0;
    }

    .innerBox {
      //margin-top: 14px;

      &.logoCls {
        //margin-top: 10px;
      }

      .ant-calendar-picker {
        width: 100%;
      }
    }

    .uniTypeCheckbox {
      .ant-checkbox-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;

        label {
          width: 45%;
          margin-bottom: 5px;
        }
      }
    }
  }*/
.inputBox {
  /*margin-top: 10px;
    margin-bottom: 10px;*/
  margin-bottom: 12px;
}
.inputBox .labelRow {
  padding: 0 10px;
  display: inline-block;
  overflow: hidden;
  line-height: 30px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.inputBox .labelRow .extra a {
  color: #000000d9;
  margin-left: 10px;
  text-decoration: underline;
}
.inputBox .labelNew {
  float: left;
  /*color: #666;
      margin-bottom: 0;*/
  color: rgba(0, 0, 0, 0.65) !important;
  margin: 0 15px 0;
  line-height: 39.999px;
}
.inputBox .innerBox {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.inputBox .innerBox .ant-calendar-picker {
  width: 100%;
}
.inputBox .uniTypeCheckbox .ant-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.inputBox .uniTypeCheckbox .ant-checkbox-group label {
  width: 45%;
  margin-bottom: 5px;
}
.ant-select-selection--multiple {
  height: auto;
}
.ant-input-number {
  width: 100%;
}
.courseBox {
  line-height: 22px;
}
.courseBox .ant-card-body {
  padding-bottom: 0;
}
.courseBox a {
  color: #0064e1;
}
.courseBox .ant-card-bordered {
  border: none;
  border-bottom: 1px solid #e8e8e8;
}
.courseBox .uniInfo {
  display: flex;
  align-items: center;
  font-weight: normal;
  padding: 8px 24px;
}
.courseBox .uniInfo img {
  height: 48px !important;
  width: 48px !important;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.courseBox .uniInfo .uniName {
  font-size: 20px;
}
.courseBox .uniInfo .uniName .uniAdd {
  font-size: 15px;
}
.courseBox .courseRow {
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 9px;
  padding: 12px 24px;
}
.courseBox .courseRow:last-child {
  border: none;
}
.courseBox .courseRow .courseName {
  font-size: 13px;
  margin-right: 20px;
}
.courseBox .courseRow .courseInfo {
  font-weight: normal;
  font-size: 15px;
  margin-top: 8px;
}
.courseBox .courseRow .courseInfo .ant-col {
  line-height: 1;
}
.courseBox .courseRow .courseInfo .ant-col span {
  font-size: 12px;
}
.courseBox .courseRow .courseInfo .ant-col small {
  font-size: 12px;
}
.courseBox .courseRow .courseInfo .ant-col button {
  color: #2f8ac9;
}
.courseBox .loadAllBtn {
  display: flex;
  justify-content: space-between;
  padding: 10px 100px;
  position: absolute;
  z-index: 999;
  top: 100px;
  width: 100%;
  background: #1890ff54;
  font-size: 17px;
  font-weight: 500;
  align-items: center;
  border-left: 10px solid #1890ff;
}
.universityBox a {
  color: #0064e1;
}
.universityBox .ant-col {
  margin-bottom: 10px;
}
.universityBox .uniInfo {
  display: flex;
  align-items: center;
  font-weight: normal;
  padding: 8px 5px;
  height: 50px;
}
.universityBox .uniInfo img {
  height: 40px;
  width: 40px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.universityBox .uniInfo .uniName {
  font-size: 15px;
}
.universityBox .uniInfo .uniName .uniAdd {
  font-size: 13px;
}
.linkBtn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  touch-action: manipulation;
  height: 32px;
  padding: 3px 40px;
  font-size: 13px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.linkBtn i {
  margin-right: 5px;
}
.linkBtn.small {
  height: 28px;
  padding: 2px 10px;
}
.alignCenter {
  text-align: center;
  cursor: pointer;
}
.alignRight {
  text-align: right !important;
}
.alignLeft {
  text-align: left !important;
}
.loadMoreBox {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  margin-bottom: 15px;
}
.totalCourseCount {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  position: relative;
}
.vertical-form .header {
  font-size: 25px !important;
  color: #606a84;
  margin-top: 10px;
}
.vertical-form .ant-card {
  margin-bottom: 20px;
}
.vertical-form .ant-row {
  margin-bottom: 0;
}
.vertical-form .ant-row .ant-form-item-label {
  text-align: left;
  line-height: 30px;
}
.vertical-form .ant-calendar-picker {
  width: 100%;
}
.sticky {
  /*position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    left: 0;*/
  position: fixed;
  top: 0;
  width: calc(100% - 168px);
  z-index: 10;
  opacity: 0.9;
}
.outerLoader {
  height: 100%;
  width: 100%;
  background: #ffffffc7;
  z-index: 99999;
  position: fixed;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #1890ff;
  font-size: 25px;
}
.outerLoader .ant-spin-dot {
  font-size: 40px;
}
.outerLoader .mainLoader {
  margin-top: 20px;
  font-size: 50px;
}
.outerLoader .mainLoader i {
  margin-right: 20px;
}
.outerLoader .ant-progress-text {
  display: block !important;
}
.imgSm {
  height: 50px;
  width: 50px;
}
input[type='file']::-webkit-file-upload-button {
  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-weight: normal;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  height: 100%;
  border: none;
  border-right: 1px solid #ddd;
  width: 150px;
  margin-right: 10px;
}
.ant-form input[type='file']:focus {
  outline: 0 auto -webkit-focus-ring-color !important;
  border-color: white;
}
.rowFlex {
  display: flex;
}
.rowFlex > div {
  width: 100%;
}
.rowFlex button {
  margin-left: 10px;
}
.rowFlex .d1 {
  width: 100%;
}
.rowFlex .d1.mr10 {
  margin-right: 10px;
}
.rowFlex .d2 {
  width: 100%;
  margin-left: 10px;
}
.linkBtn {
  line-height: 1.499;
  position: relative;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  touch-action: manipulation;
  height: 40px;
  padding: 0 10px;
  font-size: 18px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #666;
  color: rgba(0, 0, 0, 0.65);
  margin-left: 5px;
  background-color: white;
  margin-top: 1px;
}
.linkBtn.sm {
  height: 25px;
  padding: 0 10px;
  font-size: 13px;
}
ul.list {
  padding-left: 0;
}
ul.list li {
  justify-content: space-between;
  border: 1px solid #ddd;
  align-items: center;
  padding: 5px 10px;
  border-bottom: none;
}
ul.list li:last-child {
  border-bottom: 1px solid #ddd;
}
.padd-5-bb-1 {
  border-bottom: 1px solid #d3d3d34a;
  padding: 7px 5px;
  font-size: 13px;
  color: #2a2a2a;
}
.padd-5-bb-1 .ant-row .ant-col:first-child {
  color: #333 !important;
}
.ant-success {
  color: #0872bc;
}
.ant-info {
  color: #5bc0de;
}
.ant-warning {
  color: rgba(240, 173, 78, 0.87);
}
.card.unizportal button.btn[type='submit'] {
  width: 150px;
  background: #1556bc;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0 0;
  border-radius: 50px;
  font-weight: 600;
  height: 42px !important;
}
.ant-btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ant-btn-basic {
  color: #333;
  background-color: #f1f1f1;
  border-color: #f7ebeb;
}
.successTag {
  background: #0872bc;
  border: 1px solid #0872bc;
  padding: 1px 20px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
}
.statusDiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.statusDiv .statusBox {
  height: 30px;
  background: #fff;
  border-radius: 0;
  text-align: center;
  border: 1px solid #ddd;
  margin: 3px 0;
  color: #333;
  padding: 3px;
  font-size: 12px;
  width: 350px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.statusDiv .statusBox .icon {
  position: absolute;
  right: 10px;
  color: rgba(240, 173, 78, 0.87);
  top: 25%;
}
.bgTheme {
  background-color: #0872bc !important;
  border: 1px solid #0872bc !important;
  color: white !important;
}
.bgTheme .icon {
  color: #0872bc !important;
}
table tbody tr:nth-child(odd) {
  background: white;
}
table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.applicationProfile {
  overflow: hidden;
  height: calc(100vh - 200);
}
.applicationProfile .imgDiv {
  display: inline-flex;
}
.applicationProfile aside {
  display: none;
}
.applicationProfile .ant-layout-content {
  padding: 0;
  margin: 0;
}
.applicationProfile .ant-drawer-header {
  background-color: #fafafa;
  border-radius: 0;
  padding: 10px 20px;
}
.applicationProfile .ant-drawer-header .ant-drawer-title {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 15px;
}
.applicationProfile .ant-drawer-header .ant-drawer-close {
  color: rgba(0, 0, 0, 0.85);
}
.applicationProfile .input-group-box {
  width: 40%;
}
.applicationProfile .logo-link {
  display: block;
}
.applicationProfile .displayName {
  display: none;
}
.bgWhite {
  background: white !important;
}
.appProfile {
  overflow: hidden !important;
  background: #f5f8fa;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.appProfile ::-webkit-scrollbar {
  width: 5px;
}
.appProfile ::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}
.appProfile .align-self-stretch {
  display: flex;
  align-self: stretch !important;
  word-break: break-word;
  overflow: visible;
  flex-grow: 1;
  width: 100%;
}
.appProfile .align-self-stretch .profile-3-column {
  overflow: scroll;
  height: calc(100vh - 1px);
  padding-bottom: 45px;
}
.appProfile .align-self-stretch .profile-3-column.profile-3-col-sidebar.profile-3-col-sidebar--left {
  border-right: 1px solid #dfe3eb;
  padding-bottom: 52px;
  flex-basis: 350px;
  max-width: 500px;
  min-width: 280px;
}
.appProfile .align-self-stretch .profile-3-column.profile-3-col-sidebar--right-wrapper {
  background-color: #fff;
  display: block;
  flex-basis: 25%;
  max-width: 500px;
  transition: flex 0.15s cubic-bezier(0.16, 0.84, 0.44, 1);
  will-change: flex;
  min-width: 280px;
}
.appProfile .align-self-stretch .profile-6-column {
  padding-bottom: 45px;
}
.appProfile .align-self-stretch .profile-6-column.noteBlock {
  flex-basis: 50%;
  height: 100vh;
  padding-left: 10px;
}
.appProfile .align-self-stretch .profile-12-column {
  padding-bottom: 45px;
}
.appProfile .align-self-stretch .profile-12-column.noteBlock {
  /* flex-basis: 100%;
           //padding-top: 10px;
           height: 100vh;
           //border-left: 1px solid #ddd;
           //border-right: 1px solid #ddd;
           padding-left: 10px;
           overflow: hidden;
           border-bottom: 3px solid #ededed;
           padding-top: 15px;*/
  flex-basis: 100%;
  height: 100vh;
  /* padding-left: 10px; */
  overflow: hidden;
  border-bottom: 3px solid #ededed;
  /* padding-top: 15px; */
  border-top: 1px solid #ededed;
}
.appProfile .align-self-stretch .profile-12-column.noteBlock.noteBlockAgent {
  height: auto !important;
  max-height: 100vh !important;
}
.appProfile .align-self-stretch .profile-12-column.noteBlock.noteBlockAgent .scrollView {
  height: auto !important;
  max-height: 100vh !important;
}
.appProfile .infoBox {
  line-height: 1.5;
  margin-bottom: 10px;
}
.appProfile .infoBox label {
  font-size: 12px;
  color: #1890ff;
}
.appProfile .bgWhite {
  background: white !important;
}
.appProfile .bgWhite .ant-card-body {
  padding: 0;
}
.appProfile .actionBlock {
  display: flex;
  justify-content: space-between;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
  background: white;
  margin-top: 10px;
}
.appProfile .stuInfo {
  padding: 18px 45px;
}
.appProfile .leftBlock {
  text-align: center;
}
.appProfile .bgImg {
  height: 80px;
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
.appProfile .logo {
  height: 80px;
  width: 80px;
}
.appProfile .font15 {
  font-size: 15px;
}
.appProfile .appInfo {
  margin-top: 10px;
  font-size: 13px;
  line-height: 2.3em;
}
.appProfile .appInfo .moveBtn {
  display: flex;
  justify-content: space-between;
}
.appProfile .appInfo .moveBtn .ant-btn {
  margin-left: 10px;
}
.appProfile .ant-collapse-header {
  background: white;
}
.appProfile .ant-collapse-content {
  border: none;
}
.appProfile .noteBlock {
  height: 100vh;
  border-left: 3px solid #ededed;
  border-right: 3px solid #ededed;
  overflow: scroll;
  background: white;
  /* &::-webkit-scrollbar-track {
         background: #f1f1f1;
       }

       &::-webkit-scrollbar-thumb {
         background: @primary;
       }

       &::-webkit-scrollbar-thumb:hover {
         background: @success;
       }*/
}
.appProfile .noteBlock::-webkit-scrollbar {
  width: 3px;
}
.appProfile .noteBlock .activityBlock {
  padding: 30px 10px 10px 50px;
}
.appProfile .noteBlock .noteCardOuter {
  margin: 10px;
}
.appProfile .noteBlock .noteCardOuter .dateLabel {
  font-size: 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.appProfile .noteBlock .noteCardOuter .noteCard {
  background: white;
  line-height: 2.5;
  font-size: 15px;
  box-shadow: 2px 2px 10px #ddd;
  margin-bottom: 20px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content {
  display: flex;
  padding: 5px 20px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content i {
  margin-top: 10px;
  margin-right: 20px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content .noteContent {
  width: 100%;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content .noteContent .title {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content .noteContent .title .date {
  font-size: 12px;
  color: #9d8e8e;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm {
  padding: 0;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent {
  width: 100%;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title {
  background: #dfe6ed;
  color: black;
  padding: 0 10px;
  border: 1px solid #80808014;
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  font-size: 12px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title .leftTit {
  display: flex;
  padding: 5px 0;
  align-items: flex-start;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title .leftTit i {
  font-size: 12px;
  margin-right: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title .leftTit .subject {
  line-height: 1;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .commContent {
  padding: 10px 20px 10px 50px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .commContent strong {
  margin-right: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .date {
  display: flex;
  font-size: 10px;
  line-height: 1;
  padding: 5px 0;
  opacity: 0.7;
}
.appProfile .noteBlock .noteCardOuter .noteCard img {
  height: 30px;
  margin-right: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .commentBlock {
  border-top: 1px solid #ddd;
  padding: 5px 20px;
  color: #1890ff;
  display: flex;
  justify-items: center;
  align-items: center;
  font-weight: 600;
  margin-top: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .commentBlock a {
  color: #1890ff;
  margin-left: 10px;
}
.customTag .ant-tag {
  border: none;
  background: #ddffff !important;
  padding: 2px 8px;
}
.customTag .ant-tag.noneCls {
  border: none;
  background: none !important;
  font-size: 13px;
  color: #2a2a2a;
}
.documentTitle {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-size: 15px;
  align-items: center;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
  background: white;
  margin-top: 10px;
}
.documentTitle span {
  display: flex;
  align-items: center;
}
.oldDoc {
  background: #ddffff !important;
}
.oldDoc span {
  text-decoration: line-through !important;
}
.documentBlock .ant-collapse-header {
  font-weight: 600;
}
.documentBlock .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}
.documentBlock .documentDownBlock {
  margin-top: 10px;
  background: #dddddd4a;
  padding: 5px;
}
.documentBlock .documentText {
  font-size: 13px;
  padding-right: 15px;
}
.btnGroup {
  display: flex;
  justify-content: space-between;
}
.btnGroup .eBtn img {
  height: 40px;
  margin-bottom: 5px;
}
.btnGroup .eBtn button {
  margin-bottom: 10px;
}
.dashboardCard .ant-card-body .ant-card-meta {
  border-bottom: 1px solid #e8e8e8 !important;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.dashboardCard .ant-col .ant-card {
  text-align: center;
  text-transform: uppercase;
  padding: 0px 12px 0px 0px;
  font-weight: 600;
  border: none;
}
.dashboardCard .ant-col .ant-card .title {
  height: 25px;
  font-size: 12px;
}
.dashboardCard .ant-col .ant-card .count {
  margin-top: 10px;
}
.dashboardCard .ant-col .ant-card .count p {
  font-size: 28px;
  width: 80px;
  margin: 0 auto;
  padding: 6px;
  border-radius: 20px;
  color: #1890ff;
  cursor: pointer;
}
.dashboardCard .universityCountBox {
  padding: 10px;
  height: 400px;
  overflow-y: scroll;
}
.dashboardCard .universityCountBox::-webkit-scrollbar {
  width: 3px;
}
.dashboardCard .universityCountBox::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.dashboardCard .universityCountBox::-webkit-scrollbar-thumb {
  background: #1890ff;
}
.dashboardCard .universityCountBox::-webkit-scrollbar-thumb:hover {
  background: #0872bc;
}
.ant-menu-submenu-title {
  font-size: 13px;
}
.ant-menu-submenu-title span {
  font-size: 13px !important;
}
.drawerFooter {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  padding: 10px 15px;
  background: #fff;
  text-align: left;
}
.drawerFooter.alignRight {
  text-align: right;
}
.drawerFooter .ml-auto i {
  margin-left: 5px !important;
}
.drawerFooter .ant-btn {
  margin-left: 10px;
  display: flex;
  justify-content: center;
}
.ql-container {
  height: 400px;
}
.paddingHz {
  padding: 10px 0;
}
.attachment-box {
  background-color: white;
}
.attachment-box a {
  color: rgba(0, 0, 0, 0.65);
}
.noteTitle {
  display: flex;
  justify-content: space-between;
}
.commentBox {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 13px;
  background-color: white;
  padding: 10px;
}
.commentBox .avatar {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 20px;
}
.commentBox .avatar i {
  margin: 0 !important;
}
.commentBox .userInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1890ff;
}
.commentBox .userInfo .date {
  margin-left: 10px;
  font-size: 12px;
  color: #808080;
}
.commentBox .userInfo .date i {
  margin: 0 !important;
}
.commentBox .commentText {
  margin-top: 5px;
  font-size: 12px;
  margin-left: 15px;
}
.jcsb {
  display: flex;
  justify-content: space-between;
}
.jcc {
  display: flex;
  justify-content: center;
}
.jcic {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a {
    color: rgba(255, 255, 255, 0.9);

    &:hover {
      text-decoration: underline;
    }
  }*/
.customTimeLine {
  margin-left: 15%;
}
.customTimeLine .ant-timeline-item {
  min-height: 50px;
}
.customTimeLine .ant-timeline-item-head-custom {
  width: 180px;
}
.customTimeLine .ant-timeline-item-head-custom .date {
  position: absolute;
  top: 4px;
  text-align: right;
  color: #0872bc;
  font-weight: 500;
}
.customTimeLine .ant-timeline-item-head-custom .date span {
  font-size: 10px;
  color: #9d8e8e;
}
/* .ant-menu-inline-collapsed > .ant-menu-item .anticon + span {
     max-width: 100%;
   }*/
.ant-timeline-item-head-primary {
  color: #1890ff;
}
.customPanel {
  border: 1px solid #e8e8e8;
}
.customPanel .ant-collapse-header {
  background: white;
  font-size: 15px;
}
.pendencyList {
  border-bottom: 1px solid #dddddd54;
  padding: 7px 0;
}
.label {
  display: inline;
  padding: 5px;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label.labelNew {
  display: block;
  cursor: pointer;
}
.label.round {
  border-radius: 50px;
  padding: 0.1em 0.6em 0.2em;
}
.label.sm {
  padding: 0.1em 0.6em 0.2em;
  font-weight: normal !important;
}
.label.xs {
  padding: 0.5px 8px;
  font-weight: normal !important;
  margin: 2px 0;
}
.label.xs1 {
  padding: 0 6px;
  font-weight: normal !important;
  margin: 2px 0;
  font-size: 11px;
}
.label-info {
  background-color: #5bc0de;
}
.label-default {
  background-color: #0f52ba;
}
.label-primary {
  background-color: #337ab7;
}
.label-success {
  background-color: #0872bc;
}
.label-success-green {
  background-color: #5cb85c;
}
.label-danger {
  background-color: #d9534f;
}
.label-warning {
  background-color: rgba(240, 173, 78, 0.87);
}
.label-black {
  background-color: black;
}
.label-tag {
  border: none;
  font-size: 12px !important;
  color: black;
  text-transform: capitalize;
}
.label-tag-new {
  border: 1px solid #ddd;
  font-size: 12px !important;
  color: #444 !important;
  text-transform: capitalize;
}
.label-sm {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 85%;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-xs {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 !important;
}
.pointerCls-pdf {
  width: 24.6% !important;
  display: inline-block;
}
.pointerCls {
  cursor: pointer;
}
.linkPointer {
  cursor: pointer;
  color: #1890ff;
  font-size: 13px;
}
.linkPointerWhite {
  cursor: pointer;
  color: #ffffff;
  font-size: 13px;
}
.antd-pro-components-notice-icon-index-tabs .ant-tabs-nav-scroll {
  text-align: left;
}
.dotsReplace {
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  text-overflow: ellipsis;
  height: 30px;
}
.ant-btn-circle {
  margin-right: 2px;
  margin-bottom: 5px;
  min-height: 35px !important;
  min-width: 35px !important;
  background: none;
  border: none;
}
.ant-btn-circle.border {
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}
.bs_btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  background-color: #efefef;
  color: #333;
  padding: 0.2rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  height: 35px;
  min-width: 35px;
}
.bs_btn.bs-sm {
  padding: 5px 10px;
}
.bs_btn.bs-xs {
  padding: 2px 5px;
  font-size: 11px;
  height: 25px;
}
.bs_btn.bs-xxs {
  padding: 1px 5px;
  font-size: 10px;
  height: 20px;
}
.bs_btn.bs-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.bs_btn.bs-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bs_btn.bs-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bs_btn.bs-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bs_btn.bs-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bs_btn.bs-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bs_btn.bs-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.bs_btn.bs-link:hover {
  text-decoration: underline !important;
}
.bs-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
  font-size: 11px;
}
.bs-link:hover {
  text-decoration: underline !important;
}
.tableAction {
  width: 125px;
  display: flex;
  flex-wrap: wrap;
}
.tableAction button,
.tableAction a {
  margin-right: 2px;
  margin-bottom: 5px;
  min-height: 35px !important;
  min-width: 35px !important;
  background: none;
  border: none;
}
.appCommentDotsReplace {
  display: block;
  width: 150px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 35px;
}
.appTextReplace {
  display: block;
  white-space: pre-wrap;
  width: 100%;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 23px;
}
.newsContentDotsReplace {
  display: block;
  width: 350px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 28px;
}
.replaceAgentDot {
  display: block;
  width: 100px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  height: 17px;
  overflow-x: hidden;
}
.colorPrimary {
  color: #1890ff;
}
.colorDarkPrimary {
  color: #0f52ba;
}
.colorPrimaryDark {
  color: #0f52ba;
}
.colorSuccess {
  color: #5cb85c;
}
.colorDanger {
  color: #d9534f;
}
.label1 {
  display: block !important;
  white-space: normal !important;
  font-size: 12px;
}
.linkAA {
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.student-tab {
  border-right: none;
}
.commission-count {
  line-height: 25px;
  font-size: 25px;
  font-weight: 600;
  background-color: #fff;
  color: #000;
}
.university-name {
  font-weight: 500;
  color: #333;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .applicationProfile {
    overflow: scroll;
  }
  .applicationProfile .appProfile .align-self-stretch {
    flex-direction: column;
  }
  .applicationProfile .profile-3-column.profile-3-col-sidebar.profile-3-col-sidebar--left {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .applicationProfile .profile-3-column.profile-3-col-sidebar--right-wrapper {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .applicationProfile .profile-6-column.noteBlock {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
}
.tuitionBox {
  font-size: 15px;
  color: black;
}
.ant-calendar-picker,
.ant-time-picker {
  width: 100%;
}
.ant-btn {
  line-height: 1.5;
  padding: 0.225rem 0.75rem !important;
  height: auto !important;
}
.ant-btn[type='submit'] {
  background: #1556bc;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0 0;
  border-radius: 50px;
  font-weight: 600;
  width: auto;
  height: auto !important;
}
table {
  border: none;
}
table tbody th {
  font-size: 13px;
  border-top: 2px solid #dee2e6 !important;
  background: #fafafa;
  border-bottom: 1px solid #dee2e6 !important;
}
table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
table tbody tr:nth-of-type(even) {
  background: #fafafa;
}
table tbody tr td {
  padding: 8px 10px !important;
  font-size: 12px;
  font-weight: 500;
  color: #212529 !important;
}
table td.borderNone {
  border: none;
}
.ant-table-thead {
  background: #fafafa;
}
.ant-table-thead tr th {
  padding: 8px 10px !important;
  border: none !important;
  color: #212529 !important;
}
.ant-table-small {
  border: none;
}
.ant-table-content {
  border-right: none !important;
}
.antd-pro-components-global-header-index-header {
  padding: 15px 25px !important;
  height: auto;
}
.antd-pro-components-sider-menu-index-logo {
  text-align: center;
  height: 81px;
  background: white;
  padding: 0;
  border-bottom: 3px solid #ededed !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.antd-pro-components-sider-menu-index-logo img {
  width: 65%;
  height: auto;
}
.antd-pro-components-sider-menu-index-sider {
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35) !important;
  border-right: 3px solid #ededed !important;
}
.ant-layout-header {
  height: auto !important;
  padding: 0 !important;
  line-height: normal !important;
  background: transparent !important;
  color: inherit !important;
  border-bottom: 3px solid #ededed !important;
}
.ant-layout-header .antd-pro-components-global-header-index-header {
  padding: 13px 25px !important;
  height: 83px;
  box-shadow: none;
  border-bottom: 3px solid #ededed !important;
}
.sidebar {
  height: auto;
  overflow-y: initial;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  overflow-x: hidden;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  height: 100%;
}
.antd-pro-components-global-header-index-right {
  display: flex;
  flex-direction: row;
}
.antd-pro-components-global-header-index-action {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.antd-pro-components-global-header-index-action .antd-pro-components-global-header-index-name {
  line-height: 1;
  margin-top: 10px;
}
.admin-box .content h5 {
  font-size: 15px;
  white-space: nowrap;
  font-weight: 600;
  color: #1a5abd;
  margin: 0;
}
form.input-group-box {
  width: 46%;
  float: left;
  margin-top: 10px;
}
.pd-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.appAction {
  float: right;
  margin-bottom: 10px;
}
.top_P10 {
  padding-top: 10px !important;
}
.sort-box-table {
  padding-right: 20px;
}
.btnBorder {
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-box-table-width {
  width: 34%;
  margin-right: auto;
}
.round-input .ant-select-selection--single {
  font-size: 14px;
  border-radius: 50px;
  padding-left: 10px;
}
.card-body table td span.badge {
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  background: #1053ba;
  border-radius: 4px;
  color: #fff;
}
.ant-form-item label {
  color: rgba(0, 0, 0, 0.65);
  float: left;
  margin: 0 15px 0;
}
.form-control {
  height: 42px !important;
  border-color: #666;
  color: #666;
  border-radius: 6px;
}
/*  .PhoneInputInput {
      border-width: 1px !important;
      height: 42px !important;
      border-color: #666;
      color: #666;
      border-radius: 6px;
    }*/
.PhoneInputCountrySelect {
  padding: 10px !important;
}
.PhoneInput {
  border: 1px solid #666 !important;
  height: 42px !important;
  color: #666;
  border-radius: 6px;
  padding-right: 3px;
}
.PhoneInput .PhoneInputCountry {
  padding: 10px;
  border-right: 1px solid #666 !important;
}
.PhoneInput .PhoneInputInput {
  height: 40px !important;
  color: #666;
  padding-left: 10px;
  border: none;
}
.PhoneInput .PhoneInputInput::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999 !important;
  opacity: 1;
  /* Firefox */
}
.PhoneInput .PhoneInputInput:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999 !important;
}
.PhoneInput .PhoneInputInput::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999 !important;
}
.ant-select-selection--single {
  height: 42px !important;
  border-color: #666;
  color: #666;
  border-radius: 6px;
}
.ant-select-selection--multiple {
  min-height: 42px !important;
  border-color: #666;
  color: #666;
  border-radius: 6px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  min-height: 40px !important;
}
.ant-select-selection--multiple .ant-select ul,
.ant-select-selection--multiple .ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 5px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
}
.ant-form-item-control {
  line-height: 30px;
}
.ant-select-selection__rendered {
  line-height: 40px !important;
}
.ant-select-arrow {
  -webkit-user-select: none;
          user-select: none;
  background: #666666;
  padding: 5px;
  color: white;
  font-weight: 600;
  margin-top: -12px;
  border-radius: 5px;
}
.ant-select-focused .ant-select-arrow {
  background: #1254bb !important;
}
.ant-input-number {
  height: 42px;
}
.heading-form.stuHeader span.img img {
  height: 18px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.heading-form a.btn {
  box-shadow: 0 0 12px 0px #00000038 !important;
  border-radius: 0;
  margin: 0 40px;
  font-size: 13px;
  text-transform: capitalize;
  min-width: 120px;
}
.pa-0 {
  padding: 0 !important;
}
.antd-pro-layouts-basic-layout-content {
  padding: 20px 15px;
  margin: 0 !important;
}
.ant-select-selection-selected-value {
  margin-right: 20px;
}
.ant-calendar-picker-input.ant-input,
.ant-time-picker-input {
  height: 40px !important;
}
.ant-calendar {
  width: auto;
}
.stuIcon {
  font-size: 20px;
  color: #1890ff;
}
ul.pointerUl li {
  cursor: pointer;
}
.ant-menu-dark {
  background: white;
}
.ant-menu-dark svg {
  display: none;
}
.ant-menu-dark .ant-menu-item {
  font-size: 13px !important;
}
.ant-menu-dark .ant-menu-item:hover {
  background: rgba(0, 0, 0, 0.1);
  color: black !important;
}
.ant-menu-dark .ant-menu-item:hover div > span {
  color: black !important;
}
.ant-menu-dark .ant-menu-sub {
  background: white !important;
}
.ant-menu-dark li:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #343a40 !important;
}
.ant-menu-dark li:hover span,
.ant-menu-dark li:hover a {
  color: #343a40 !important;
}
.ant-menu-dark li a {
  color: #343a40 !important;
}
.ant-menu-dark li a :hover {
  color: #343a40 !important;
}
.ant-menu-dark li span {
  color: #343a40 !important;
}
.ant-menu-dark li span :hover {
  color: #343a40 !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  box-shadow: none;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item {
  height: 40px;
  line-height: 40px;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #343a40 !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item:hover a:hover {
  color: #343a40 !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item:hover span:hover {
  color: #343a40 !important;
}
li.ant-menu-item.ant-menu-item-selected {
  background: #fff !important;
  color: #343a40 !important;
  box-shadow: 0 0 12px 0px #00000038 !important;
  border-right: 5px solid #1254bb !important;
}
li.ant-menu-item.ant-menu-item-selected a {
  color: #343a40 !important;
}
li.ant-menu-item.ant-menu-item-selected a span {
  color: #343a40 !important;
}
i.ant-menu-submenu-arrow {
  color: #343a40 !important;
}
i.ant-menu-submenu-arrow::before {
  background: #343a40 !important;
}
i.ant-menu-submenu-arrow::after {
  background: #343a40 !important;
}
.nav-item {
  color: #343a40 !important;
}
.nav-item a {
  color: #343a40 !important;
}
.imgDiv {
  display: inherit;
  width: 70%;
}
.imgDiv .logo-link {
  width: 350px;
  box-shadow: 3px 0 0 #ededed;
}
.imgDiv .logoImg {
  line-height: 0.8;
  margin-left: 0.8rem;
  margin-right: 0.5rem;
  margin-top: -3px;
  width: auto;
  box-shadow: none !important;
  opacity: 1 !important;
  border-radius: 0;
  max-height: 45px !important;
}
.student-dashboard {
  width: calc(100% - 352px);
}
.profile-main {
  height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  padding-bottom: 50px;
}
.profile-main::-webkit-scrollbar {
  display: none;
}
.search-profile-main {
  height: 84vh;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.search-profile-main::-webkit-scrollbar {
  display: none;
}
.attachment-box {
  height: 100vh;
  overflow: scroll;
  /*  &::-webkit-scrollbar {
        width: 3px;
      }

      &::-webkit-scrollbar-track {
        background: #f1f1f1;
      }

      &::-webkit-scrollbar-thumb {
        background: @primary;
      }

      &::-webkit-scrollbar-thumb:hover {
        background: @success;
      }
  */
  padding-bottom: 50px;
}
.scrollView {
  height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  padding-bottom: 50px;
}
.scrollView::-webkit-scrollbar {
  display: none;
}
.mobileMenu {
  display: none;
}
.infoBox {
  width: 350px;
}
.courseBox {
  min-height: 80px;
}
.courseFeeInfo {
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.selectStudentBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
}
.selectStudentBox .filter-box button.apply {
  font-size: 11px;
}
.selectStudentBox .selectStudentBtn {
  display: flex;
  align-items: center;
  background: #0f52ba;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 50px;
  min-width: 100px;
  font-size: 12px;
}
.selectStudentBox .selectStudentBtn i {
  margin-right: 5px;
}
.detail-list li {
  color: #212529;
}
.ant-pagination-options-size-changer .ant-select-selection--single {
  height: 33px !important;
  border: 1px solid #ddd;
}
.ant-pagination-options-size-changer .ant-select-selection--single::after {
  content: '' !important;
}
.ant-pagination-options-size-changer .ant-select-selection--single::before {
  content: '' !important;
}
.ant-btn[type='submit'] {
  width: auto;
  height: auto !important;
}
.custom-sort-box-table {
  width: 34% !important;
}
.sort-box-table-right {
  text-align: right;
}
.search-box-table.round {
  margin-right: auto;
  display: flex;
  border-radius: 50px;
  padding-left: 50px;
  position: relative;
  background: #fff;
}
.search-box-table.round.m0 {
  margin: 0 !important;
}
.search-box-table.round img {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-box-table.round input {
  border: none !important;
  border-radius: 50px !important;
  height: auto;
  padding: 8px 15px;
  padding-left: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.search-box-table.ml0 {
  margin-left: 0 !important;
}
td span.badge {
  padding: 5px 7px !important;
  cursor: pointer;
}
select {
  background: white;
}
.custom-sort-box-new {
  padding-right: 0 !important;
  margin-bottom: 10px;
}
.custom-sort-box-new select {
  margin-right: auto;
  display: flex;
  position: relative;
  background: #fff;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 42px;
}
.custom-sort-box-new select ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #495057 !important;
  opacity: 1;
  /* Firefox */
}
.custom-sort-box-new select :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #495057 !important;
}
.custom-sort-box-new select ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #495057 !important;
}
.custom-sort-box-new select:visited,
.custom-sort-box-new select:active,
.custom-sort-box-new select:focus {
  border: none !important;
  outline: none !important;
}
table td button.btn,
table td a.btn {
  padding: 0 4px !important;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #495057 !important;
  opacity: 1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #495057 !important;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #495057 !important;
}
.courseList-box {
  margin-top: 43px;
}
.unizportal .ant-col-8 .inputBox {
  margin-top: 0;
  position: relative;
}
/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 4px;
  border-radius: 10px !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px !important;
  box-shadow: inset 0 0 5px #acacac;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 10px !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #9b9b9b;
  border-radius: 10px !important;
}
.chooseCountryBox {
  position: absolute;
  z-index: 9;
  top: 35px;
  background: #fff;
}
.chooseCountryBox label {
  margin: 0 !important;
  border-bottom: 1px solid #ddd;
}
.selectedCountryLabel .icon {
  position: absolute;
  right: 10px;
  top: 12px;
}
.profile-activity.application-activity ul li .date {
  width: 15%;
}
.ant-menu-dark .ant-menu-sub {
  background: #dddddd42 !important;
}
.font11 {
  font-size: 11px !important;
}
.font12 {
  font-size: 12px !important;
}
.font14 {
  font-size: 13px;
}
.font14_1 {
  font-size: 14px;
}
.font15 {
  font-size: 15px;
}
.actionBtnGroup .viewBtn {
  height: 20px;
}
.actionBtnGroup .crossBtn {
  height: 10px;
}
.antd-pro-components-sider-menu-index-sider {
  box-shadow: none;
  border-right: 3px solid #ededed !important;
}
.ant-select-selection__rendered {
  content: '' !important;
}
.ant-select-selection__clear {
  top: 42%;
  right: 15px;
}
.ant-select-selection__clear .ant-select-clear-icon {
  height: 20px;
  width: 20px;
}
.ant-select-selection__clear .ant-select-clear-icon svg {
  height: 20px;
  width: 20px;
}
.ant-select-enabled.ant-select-allow-clear .ant-select-selection--single:hover .ant-select-arrow {
  display: none;
}
.PrivacyPolicyPage {
  font-size: 12px;
  padding: 50px;
}
.PrivacyPolicyPage h4 {
  text-align: left;
  font-size: 18px;
  text-decoration: underline;
}
.PrivacyPolicyPage p {
  text-align: left;
  line-height: 1.8;
  color: #6c4a4a;
  margin-bottom: 20px;
}
.linkUl {
  float: right;
  color: #6c4a4a;
}
.linkUl a {
  text-decoration: underline !important;
}
.ant-drawer-close {
  width: 30px;
  height: 30px;
  right: 20px !important;
  line-height: 2;
  top: 1px;
}
.ant-drawer-close:focus {
  outline: none;
}
.roundBtn {
  line-height: 1.5;
  padding: 10px 15px !important;
  border-radius: 50px !important;
  height: 42px !important;
  margin-right: 5px;
  border-color: #efe8e8;
}
.roundBtn.icon {
  height: 40px !important;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.status.status1 p {
  min-height: 22px;
  height: auto !important;
}
.ant-btn-success {
  width: 150px;
  background: #1556bc !important;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff !important;
  margin: 25px 0 0;
  border-radius: 50px !important;
  font-weight: 600;
  height: 42px !important;
}
.ant-btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ant-btn-warning {
  color: #fff !important;
  background-color: rgba(240, 173, 78, 0.87) !important;
  border-color: #eea236 !important;
}
.ant-btn-cancel {
  background: #999;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 50px;
  min-width: 100px;
  margin-right: 15px;
  height: 42px !important;
}
.ant-table-scroll .ant-table-body::-webkit-scrollbar {
  height: 4px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 4px;
  /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}
.btn-success-green {
  border: 1px solid #5cb85c !important;
  background-color: #5cb85c !important;
  color: white !important;
}
.moreBtn {
  text-decoration: underline;
  color: #5f5f5f;
  margin-left: 20px;
  font-size: 10px;
}
.moreBtn:hover {
  color: #5f5f5f;
}
.guestEmailBox {
  background: white !important;
  padding: 5px 5px;
  margin: 2px;
  display: flex;
  border: 1px solid #ddddff;
  border-radius: 5px;
  min-height: 40px;
}
.guestEmailBox ul {
  padding-left: 0;
  margin-bottom: 0;
}
.guestEmailBox li.emailTag {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 2px 5px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  margin-bottom: 2px;
}
.guestEmailBox .emailIcon {
  font-size: 12px;
  position: relative;
  top: -2px;
  margin-left: 5px;
}
#loginForm.login-main {
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
}
@media screen and (max-width: 560px) {
  .mobileMenu {
    display: block;
    position: absolute;
    top: 0;
  }
  .antd-pro-layouts-basic-layout-content {
    margin: 0;
  }
  .infoBox {
    width: 100%;
  }
  .applicationProfile aside {
    display: block;
  }
  .imgDiv .logo-link {
    display: none;
  }
  .imgDiv .logoImg {
    line-height: 0.8;
    margin-left: 0.8rem;
    margin-right: 0.5rem;
    margin-top: -3px;
    width: auto;
    box-shadow: none !important;
    opacity: 1 !important;
    border-radius: 0;
    max-height: 45px !important;
  }
  .student-dashboard {
    width: 100% !important;
  }
  .profile-main,
  .search-profile-main,
  .attachment-box,
  .scrollView {
    height: 100%;
  }
}
@media screen and (min-width: 769px) {
  .applicationProfile .ant-layout-header .antd-pro-components-global-header-index-header {
    padding: 0 !important;
    height: 90px;
    border-bottom: 3px solid #ededed !important;
  }
  .applicationProfile .imgDiv {
    height: 90px;
  }
  .applicationProfile .imgDiv .logo-link {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .applicationProfile form.input-group-box {
    margin-top: 0;
    display: flex;
    align-items: center;
    padding-left: 70px;
  }
}
.login-box .d-flex button.btn {
  height: 42px !important;
}
.card-pane-right.listing-section ul.count {
  justify-content: start !important;
}
.card-pane-right.card-pane-new .pointerCls .linkText {
  font-size: 18px;
}
.card-pane-right.card-pane-new .pointerCls .linkText.small {
  font-size: 15px;
}
.card-pane-right.card-pane-new .pointerCls .statusLabel {
  color: black;
  font-size: 15px;
}
.card-pane-right.card-pane-new .pointerCls .statusLabel.small {
  font-size: 12px;
}
.mark-btn.mark-btn30 {
  width: 35% !important;
}
.mark-btn.mark-btn30 div {
  display: flex;
}
.mark-btn.mark-btn30 div a {
  margin: 0 5px;
}
.mark-btn.mark-btn40 {
  width: 50% !important;
  position: absolute;
  right: 0;
}
.mark-btn.mark-btn40 div {
  display: flex;
}
.mark-btn.mark-btn40 div a {
  margin: 0 5px;
}
.mark-btn.mark-btn70 {
  width: 70% !important;
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
.mark-btn.mark-btn70 div {
  display: flex;
}
.mark-btn.mark-btn70 div a {
  margin: 0 5px;
}
.selectedUni {
  margin-right: 10px;
  background: #666666;
  padding: 2px 10px;
  border-radius: 5px;
  color: white !important;
  font-size: 12px;
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 450px !important;
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.uniBox .col-lg-4 {
  margin-bottom: 20px;
}
.uniBox .col-lg-4 .logo img {
  height: 67px;
}
.featureCourseDiv .heading-form {
  position: fixed !important;
  top: 0;
  z-index: 9;
  background: white;
  width: 100%;
  padding: 10px 0;
}
.featureCourseDiv .cardRelative {
  position: relative;
  top: 70px;
  background: white !important;
  padding-bottom: 0 !important;
}
.featureCourseDiv .courseBox .col-lg-4 {
  background: #f1f1f1 !important;
  padding: 20px;
}
.featureCourseDiv .courseBox .newRow {
  margin-bottom: 20px;
}
.featureCourseDiv .courseBox .infoRow {
  padding-left: 20px;
}
.featureCourseDiv .courseBox .infoRow p {
  margin-bottom: 0;
}
.featureCourseDiv .logo {
  padding: 10px;
}
.featureCourseDiv .logo img {
  height: 60px;
}
.featureCourseDiv .nameBox {
  height: 70px;
  font-weight: 600;
  color: #0f52ba;
}
.featureCourseDiv .infoBox {
  /* width: 500px;
       display: flex;
       justify-content: space-between;
       align-items: center;*/
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 44%;
}
.featureCourseDiv .infoBox .totalInfo {
  display: flex;
  padding-left: 27px;
}
.featureCourseDiv .infoBox .totalInfo .totalCourseCount {
  margin-right: 50px;
  top: 4px;
}
.featureCourseDiv .infoBox .featureCourseHeader {
  padding: 0 25px;
}
.featureCourseDiv .infoBox .featureCourseHeader h5 {
  padding: 0;
}
.featureUniversityDiv .heading-form {
  padding: 20px 0 0 !important;
}
.featureUniversityDiv .ml-auto {
  display: flex;
  justify-content: center;
  align-items: center;
}
.featureUniversityDiv .ml-auto i {
  margin-left: 5px !important;
}
.featureUniversityDiv .cardRelative {
  position: relative;
  background: white !important;
}
.featureUniversityDiv .cardRelative.pb-0 {
  padding-bottom: 0 !important;
}
.featureUniversityDiv .courseBox .col-lg-4 {
  background: #f1f1f1 !important;
  padding: 20px;
}
.featureUniversityDiv .courseBox .newRow {
  margin-bottom: 20px;
}
.featureUniversityDiv .courseBox .infoRow {
  padding-left: 20px;
}
.featureUniversityDiv .courseBox .infoRow p {
  margin-bottom: 0;
}
.featureUniversityDiv .logo img {
  height: 80px;
}
.featureUniversityDiv .nameBox {
  height: 80px;
  font-weight: 600;
  color: #1890ff;
}
.featureUniversityDiv .infoBox {
  align-self: flex-end !important;
  margin-bottom: 10px;
  width: 600px;
  display: flex;
  justify-content: space-between;
}
.loadMoreDiv {
  text-align: center;
  text-transform: uppercase;
}
.loadMoreDiv a {
  background: #f1f1f1;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  min-width: 100px;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  border-radius: 5px;
}
.loadMoreDiv a i {
  position: relative;
  bottom: 2px;
  margin-left: 5px !important;
}
.social.social1 {
  padding: 0 !important;
}
.social.social1 h6 {
  color: white;
}
.navbar-dark {
  background-color: transparent;
  border-color: #4b545c;
}
.searchAppDiv .loadMoreBox {
  text-align: right;
  text-transform: uppercase;
}
.searchNewBtn {
  background: #0f52ba !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 14px;
  text-transform: capitalize;
  min-width: 100px;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.searchNewBtn:hover {
  opacity: 0.7;
  color: white;
}
.clearNewBtn {
  background: #efefef !important;
  border-radius: 50px !important;
  color: black !important;
  font-size: 14px;
  text-transform: capitalize;
  min-width: 100px;
  margin-left: 5px;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.clearNewBtn:hover {
  opacity: 0.7;
  color: white;
}
.btn.apply:hover {
  opacity: 0.7;
}
.invalidValueField .form-control {
  border: 2px solid #ff0000;
}
.requirementNote {
  font-size: 12px;
  color: black;
  padding-left: 10px;
}
.frontFooter .social {
  padding: 0 !important;
}
.frontFooter .social h6 {
  color: white !important;
}
.frontFooter .white {
  color: white !important;
}
.all-student-search h5 {
  width: 20% !important;
}
.all-student-search h5.allAppCountry {
  width: 70% !important;
}
.all-student-search .search-box-table {
  width: 30%;
}
.all-student-search .search-box-table.round {
  margin-left: 10px !important;
  position: relative;
}
.all-student-search .search-box-table.round a.searchBtn1 {
  position: absolute;
  right: 0;
  top: 1px;
  background: #0872bc;
  color: white;
  padding: 7px 5px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 13px;
}
.all-student-search .search-box-table.ml0 {
  margin-left: 0 !important;
  margin-bottom: 10px;
}
.all-student-search .form-control {
  height: 35px !important;
}
.search-box-table.round {
  margin-left: 10px !important;
  position: relative;
}
.search-box-table.round a.searchBtn1 {
  position: absolute;
  right: 0;
  top: 0px;
  background: #0872bc;
  color: white;
  padding: 11.5px 8px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 13px;
}
.search-box-table.ml0 {
  margin-left: 0 !important;
  margin-bottom: 10px;
}
header.navbar-fix nav.newNav a:first-child {
  color: black !important;
  background: none !important;
  border: none;
  margin-right: 15px;
  box-shadow: none;
  text-decoration: underline;
  font-size: 15px !important;
}
header.navbar-fix nav.newNav a:last-child {
  color: #fff !important;
  background: #0f52ba;
  border: none;
  margin-right: 15px;
  box-shadow: 2px 2px 4px #00000057;
}
@media screen and (max-width: 560px) {
  .table-head .search-box-table {
    display: none !important;
  }
  .all-student-search h5 {
    width: 60%;
  }
  .containerStu {
    margin-top: 20% !important;
  }
}
.recharts-legend-wrapper {
  position: relative !important;
  bottom: 35px !important;
}
.amt {
  font-style: normal;
  color: black;
  font-size: 13px;
  font-weight: 600;
}
.ant-scroll-number {
  position: absolute;
  top: 11px;
  right: 6px;
}
.rowWrap {
  display: flex;
  flex-wrap: wrap;
}
.custom-tooltip {
  background: #ffffff6e;
  padding: 10px 10px 2px 10px;
  line-height: 1.3;
  font-size: 13px;
}
.custom-tooltip .label {
  color: black;
  font-size: 13px;
  padding: 0;
}
.recharts-legend-wrapper {
  margin-top: 20px;
}
.barChart .recharts-legend-wrapper {
  display: none;
}
.barLabel_ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.barLabel_ul.btn_option {
  display: flex;
  justify-content: space-between;
}
.barLabel_ul li {
  display: inline-flex;
  margin-right: 10px;
  align-items: center;
  font-size: 14px;
}
.barLabel_ul li .colorBox {
  height: 12px;
  width: 12px;
  margin-right: 4px;
}
.barLabel_ul li.lg .colorBox {
  height: 25px;
  width: 40px;
  margin-right: 4px;
}
.newsRowBox {
  display: flex;
  cursor: pointer;
  margin-right: 20px !important;
}
.newsRowBox i {
  margin-right: 5px;
  font-weight: 600;
  margin-top: 2px;
  font-size: 15px;
  color: #1890ff;
}
.sideMenuSoical li {
  margin-right: 10px !important;
}
.sideMenuSoical img {
  height: 32px;
}
.tableBox {
  margin-bottom: 20px;
}
.tableBox.striped .tableRow:nth-child(odd) {
  background-color: #f9f9f9;
}
.tableBox .tableRow {
  padding: 4px 10px;
  display: flex;
  font-size: 12px;
  /*border-bottom: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;*/
  border-bottom: 1px solid #dddddd78;
  border-left: 1px solid #dddddd78;
  border-right: 1px solid #dddddd78;
}
.tableBox .tableRow .title {
  font-weight: 600;
  width: 35%;
  height: 18px;
}
.tableBox .tableRow .title1 {
  font-weight: 600;
  width: 40%;
}
.tableBox .tableRow p {
  margin-bottom: 0;
}
.tableBox .tableRow:first-child {
  border-top: 1px solid #dddddd78;
}
.circleBtn {
  background: #0872bc;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.justifyContent {
  display: flex !important;
  justify-content: space-between;
  align-items: center !important;
}
.meetingInfo {
  line-height: 1.8;
}
.login-form label {
  display: none !important;
}
.login-form .form-control {
  border: none !important;
}
.login-form input[type='text'].form-control {
  background: #e6e6e6 !important;
}
.login-form input[type='file'].form-control {
  background: #e6e6e6 !important;
  padding: 0;
}
.login-form .documents .inputBox {
  margin-bottom: 0;
}
.login-form .documents .inputBox .labelNew {
  height: 20px;
}
.login-form .documents .inputBox input[type='file'].form-control {
  height: 35px !important;
}
.login-form input.ant-calendar-picker-input.ant-input {
  height: 55px !important;
}
.login-form .form-control {
  height: 55px !important;
}
.login-form .ant-select-selection__placeholder,
.login-form .ant-select-search__field__placeholder {
  color: #666;
  font-size: 14px;
}
.login-form .ant-select-selection {
  background: #e6e6e6;
  border: none;
  width: 100%;
  height: 55px !important;
  padding: 0 23px;
  outline: none;
  border-radius: 6px;
  padding-right: 75px;
  font-size: 14px;
}
.login-form .btnSub {
  background: #0f52ba;
  color: #fff;
  height: 42px !important;
  min-width: 120px;
  border-radius: 50px;
}
.btn-secondary.dropdown-toggle {
  background: #0f52ba !important;
  border-radius: 50px;
  width: 150px;
  margin-right: 10px;
}
header.navbar-fix nav a:first-child.regLink {
  color: #666 !important;
}
header.navbar-fix nav a.regLink {
  color: #666 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left;
  justify-content: flex-start;
}
/* Dropdown Button */
.dropbtn {
  background: #0f52ba !important;
  border-radius: 50px;
  width: 150px;
  margin-right: 10px;
  color: #fff;
  height: 37px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem !important;
}
.dropbtn i {
  margin-left: 5px;
}
.dropbtn.lite {
  background: transparent !important;
  border: 1px solid #c1c1c1;
  color: black;
}
.dropbtn:focus {
  outline: none !important;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-left: 10px;
  border-radius: 10px;
}
.dropdown-content a.regLink {
  margin-right: 0 !important;
  border-radius: 0;
}
.dropdown-content a.regLink:hover {
  background: #e5dddd !important;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.studentRegForm {
  padding: 20px 20px;
  margin-top: 50px;
  border-radius: 5px;
  background: #fffdfd;
}
.studentRegForm label {
  display: block !important;
  padding: 0 !important;
  margin: 0;
}
.studentRegForm .ant-form-item-label {
  line-height: 28.9999px;
}
.studentRegForm .labelNew {
  display: block !important;
  color: #666;
  margin: 0 0 10px 0 !important;
}
.studentRegForm input[type='text'],
.studentRegForm input[type='text'].form-control,
.studentRegForm input[type='password'],
.studentRegForm input[type='email'],
.studentRegForm input[type='number'],
.studentRegForm input[type='textarea'],
.studentRegForm .ant-select-selection {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.studentRegForm input[type='text'].ant-select-focused,
.studentRegForm input[type='text'].form-control.ant-select-focused,
.studentRegForm input[type='password'].ant-select-focused,
.studentRegForm input[type='email'].ant-select-focused,
.studentRegForm input[type='number'].ant-select-focused,
.studentRegForm input[type='textarea'].ant-select-focused,
.studentRegForm .ant-select-selection.ant-select-focused {
  background: #ffffff !important;
}
.studentRegForm .ant-select-search__field {
  background: transparent !important;
  padding: 0 !important;
}
.studentRegForm .ant-calendar-picker {
  padding: 0 !important;
}
.studentRegForm input.ant-calendar-picker-input.ant-input {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.studentRegForm input[type='file'] {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.studentRegForm input[type='file']::-webkit-file-upload-button {
  width: 120px;
}
.studentRegForm input[type='file'].form-control {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.containerStu {
  max-width: 100%;
  padding: 0 calc((100% - 1140px) / 2);
  overflow-y: scroll;
  margin-top: 5%;
  z-index: 99999;
  overflow-x: hidden;
}
.containerStu::-webkit-scrollbar {
  display: none;
}
.containerStu .inner-container {
  height: 80vh;
}
.login-form label.authCheckbox {
  display: block !important;
}
.hyperLink {
  color: #00e !important;
}
.hyperLinkUnderLine {
  color: #00e !important;
  text-decoration: underline !important;
}
.disbaledField {
  display: flex;
  width: 100%;
  padding: 0 11px;
  text-align: left;
  border: 1px solid #666;
  border-radius: 5px;
  outline: 0;
  background: #ededed;
}
.sliderBox {
  margin: 0 15px;
}
.sliderBox .sliderImg {
  height: 65px;
  width: 100%;
}
.dotNone {
  background: none !important;
}
.owl-theme .owl-dots {
  margin-top: 5px;
}
.owl-theme .owl-dots .owl-dot span {
  background-color: #666 !important;
  height: 7px !important;
  width: 7px !important;
}
.owl-theme .owl-dots .owl-dot.active span {
  background-color: #0872bc !important;
}
.owl-theme .owl-nav {
  display: none !important;
}
.owl-theme.owl-new .owl-nav {
  display: block !important;
}
.owl-theme.owl-new .owl-nav .owl-prev {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #f1f1f1;
  line-height: 0;
  font-weight: 500;
  left: -14px;
}
.owl-theme.owl-new .owl-nav .owl-next {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #f1f1f1;
  line-height: 0;
  font-weight: 500;
  left: 97%;
}
.main-footer {
  border-bottom: none !important;
}
.ant-time-picker,
.ant-calendar-picker {
  padding: 0 !important;
  border-color: #666 !important;
  box-shadow: none !important;
}
.form-control {
  border-color: #666 !important;
}
/* .btn {
     width: 150px;
     background: #1556bc;
     font-size: 14px;
     text-transform: uppercase;
     color: #fff;
     margin: 25px 0 0;
     border-radius: 50px;
     font-weight: 600;
     height: 42px;
   }*/
.ant-slider-mark {
  width: 82%;
  left: 9%;
}
.custom-slider .ant-slider-mark {
  width: 102%;
  left: 0%;
}
.statusRow .statusColumn {
  margin-bottom: 10px;
  text-align: center;
}
.statusRow .statusColumn .ant-card-body {
  text-align: center;
  height: 120px;
}
.statusRow .box {
  text-align: center;
}
.statusRow .box.active {
  color: white;
  background-color: #0872bc;
}
.statusRow .box img {
  height: 20px;
  margin-bottom: 5px;
}
.statusRow .status {
  font-size: 12px;
}
.statusRow .title {
  font-size: 18px;
  font-weight: 600;
}
.statusRow .iconDiv {
  font-size: 28px;
  padding: 1px;
}
.newsImg {
  margin-top: 20px;
}
.newsImg img {
  width: 80%;
  margin-left: 10%;
}
.roundGoBackBtn {
  line-height: 1.5;
  padding: 10px 15px !important;
  border-radius: 50px !important;
  border-color: #efe8e8;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px !important;
  background-color: white;
}
.roundGoBackBtn.icon {
  width: 36px;
}
.thinLabel {
  font-weight: normal !important;
}
.flairUniversityBlockOuter .flairUniversityBlock .innerBox {
  padding: 15px 40px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
  min-height: 250px !important;
}
.flairUniversityBlockOuter .flairUniversityBlock .imgBlock {
  background-color: white;
  padding: 10px 20px;
  border-radius: 3px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flairUniversityBlockOuter .flairUniversityBlock .imgBlock img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.flairUniversityBlockOuter .flairUniversityBlock .applyBtn {
  background-color: white;
  padding: 6px 15px;
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  margin-top: 10px;
  border: none;
  border-radius: 3px;
}
.flairUniversityBlockOuter .flairUniversityBlock .applyBtn.dark {
  background-color: #0872bc;
  color: white;
}
.flairUniversityBlockOuter .slick-dots {
  position: absolute;
  bottom: 0px !important;
}
.flairUniversityBlockOuter .slick-dots li {
  border-bottom: none;
  background: none !important;
}
.flairUniversityBlockOuter .slick-dots li button {
  background: #0872bc !important;
  height: 5px !important;
}
.flairUniversityBlockOuter .slick-arrow.slick-prev {
  font-size: 10px;
}
.flairUniversityBlockOuter .ant-carousel .slick-prev::before {
  content: '<';
  z-index: 1000 !important;
  display: block;
  position: relative;
  bottom: 10px;
  right: -38px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.flairUniversityBlockOuter .slick-arrow.slick-next {
  font-size: 10px;
}
.flairUniversityBlockOuter .ant-carousel .slick-next::before {
  content: '>';
  display: block;
  position: relative;
  right: 0px;
  left: -39px;
  bottom: 10px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.countList {
  list-style: decimal;
  padding-left: 12px;
}
.labelDoc {
  margin-top: -2px;
  margin-bottom: 0;
}
.addStuInfo {
  width: 100%;
}
.addStuInfo .ant-row.row1 {
  width: 100%;
  display: flex;
  align-items: center;
}
.ant-drawer-body {
  overflow: hidden;
}
.ant-input-number-disabled {
  background-color: #e9ecef !important;
  opacity: 1;
}
.label_sm {
  padding-left: 10px;
  font-size: 13px;
  font-weight: normal !important;
  margin-bottom: 0 !important;
}
.antSelect.ant-select .ant-select-selection-selected-value {
  margin-right: 10px !important;
}
.antSelect.ant-select .ant-select-selection {
  border: none !important;
  border-radius: 50px !important;
  font-size: 13px !important;
}
.antSelect.ant-select .ant-select-selection .ant-select-selection__placeholder {
  display: block;
  color: #495057 !important;
}
.antSelect.ant-select .ant-select-selection .ant-select-arrow {
  background: none !important;
  color: #495057 !important;
}
.smSelect .ant-select-selection {
  height: 25px !important;
  border-radius: 0;
}
.smSelect .ant-select-selection .ant-select-selection__rendered {
  line-height: 1 !important;
  margin-left: 5px !important;
}
.smSelect .ant-select-selection .ant-select-selection__rendered .ant-select-selection-selected-value {
  margin-right: 5px !important;
}
.smSelect .ant-select-selection .ant-select-arrow {
  background: none !important;
  color: #495057 !important;
  border: none;
  position: absolute;
  right: 0;
  top: 8px;
}
.fcmtDiv {
  text-align: center;
}
.fcmtDiv img {
  height: 40px;
}
.fcmtDiv img.sm {
  height: 32px;
}
.infoUni {
  background-color: white;
  font-size: 15px;
  border-radius: 5px;
  line-height: 2;
  color: black;
}
.infoUni .title {
  width: 18% !important;
  font-size: 13px;
  font-weight: normal !important;
  border-right: 1px solid #ddd;
  margin-right: 10px;
}
.infoUni span {
  color: #0872bc;
  font-size: 13px;
}
.darkBtn {
  background: transparent !important;
  border: 1px solid #c1c1c1 !important;
  display: inline-block;
  border-radius: 50px;
  min-width: 110px;
  color: #000 !important;
  height: 38px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none !important;
}
.darkBtn span {
  color: #343a40 !important;
}
.sprBox {
  margin-top: 7px;
  padding-top: 7px;
}
.customAutoComplete ul {
  width: 100%;
}
.customAutoComplete .ant-select-search__field {
  height: 43px !important;
  border-color: #666 !important;
}
.pointerCls {
  height: 40px;
  padding-top: 3px;
}
.pCursor {
  cursor: pointer;
}
.CountCircle {
  font-size: 14px !important;
  height: 25px;
  width: 25px;
  border-radius: 5%;
  line-height: 2.5;
  background: white !important;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: 0 0 2px #1890ff !important;
}
.CountCircle a {
  align-self: center;
  font-size: 12px !important;
  color: black !important;
}
.pointerCls1 {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding-top: 0 !important;
}
.pointerCls1 h5 {
  font-size: 14px !important;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='number']::placeholder,
input[type='email']::placeholder,
input[type='file']::placeholder,
input[type='date']::placeholder,
textarea::placeholder,
.ant-select-selection::placeholder,
.ant-calendar-picker-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999 !important;
  font-size: 14px !important;
  opacity: 0.8 !important;
  /* Firefox */
}
.ant-select-selection__placeholder {
  color: #999 !important;
  font-size: 13px !important;
  opacity: 0.8 !important;
  /* Firefox */
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  /* overflow: hidden; */
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #edededbf;
}
.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-disabled {
  opacity: 0.5;
}
.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-disabled:hover {
  opacity: 0.5 !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.mailerOption input[type='radio'] {
  position: relative;
  top: 2px;
  margin-left: 10px;
}
.mailerOption label {
  font-weight: normal !important;
  margin-left: 5px !important;
  margin-bottom: 0 !important;
  margin-right: 5px;
}
.mailerOption i {
  font-style: inherit;
  margin-left: 3px;
}
.countLink {
  color: #1254bb;
}
.ck-editor__editable {
  min-height: 400px;
}
.quillEditor {
  background-color: white;
}
.quillEditor .ql-editor {
  line-height: 2;
  font-size: 15px;
}
.customExtra {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #00e;
  z-index: 9;
}
.defaultEligBtn {
  display: flex;
  border: 1px solid #ddd !important;
  justify-content: center;
  align-items: center;
  padding: 1px 10px !important;
  background: white !important;
  margin-top: 8px;
  font-size: 13px !important;
  border-radius: 50px !important;
}
.defaultEligBtn i {
  margin-right: 5px !important;
}
.eligiBtn {
  border: 1px solid #ddd !important;
  background: white !important;
  height: 27px;
  margin-top: 8px;
  font-size: 11px !important;
  border-radius: 50px !important;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px !important;
}
.eligiBtn i {
  margin-right: 5px !important;
}
.flexEndCustom {
  margin-top: 10px;
  justify-content: flex-end;
}
.wrapBox {
  display: flex;
  flex-wrap: wrap;
}
.wrapBox .widthLabel {
  font-weight: 600;
  text-decoration: underline;
  color: black;
}
.wrapBox .widthLabel.w100 {
  width: 100%;
}
.wrapBox .widthLabel.w200 {
  width: 200%;
}
.wrapBox label {
  font-weight: 600 !important;
}
.status p {
  min-height: 22px !important;
  height: auto !important;
}
.courseNameDotsReplace {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 40px;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
.smallBtn {
  padding: 10px !important;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lgBtn {
  padding: 15px 25px !important;
  height: auto !important;
}
.image-upload > input {
  display: none;
}
.image-upload label {
  margin-right: 10px;
}
.image-upload img {
  height: 30px;
  cursor: pointer;
}
.pendencyTab td {
  padding: 5px !important;
}
.documentBox {
  padding: 0 5px;
  /* margin: 2px; */
  border-radius: 5px;
  min-height: auto !important;
}
.documentBox ul {
  padding-left: 0;
  margin-bottom: 0;
}
.documentBox .emailTag {
  position: relative;
  float: left;
  margin-right: 4px;
  padding: 2px 5px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border-radius: 2px;
  white-space: nowrap;
  width: 180px;
  text-overflow: ellipsis;
}
.documentBox .emailIcon {
  font-size: 15px;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.cardSm {
  padding: 10px;
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.cardSm .pb0 {
  padding-bottom: 0;
}
.cardSm .smImg {
  height: 10px;
  margin-left: 5px;
}
.cardSm .smFont {
  margin-top: 5px;
  font-size: 11px;
}
.cardSm .smFont .dLab {
  color: #0872bc;
  font-weight: 600 !important;
}
.cardSm .dLab {
  font-size: 11px;
  margin-block: 0;
  font-weight: 600 !important;
}
.customTextArea {
  height: 100px !important;
}
.ratioBox label {
  margin-right: 20px;
}
.ratioBox input {
  position: relative;
  top: 2px;
  left: 3px;
}
.feedbackLabel {
  background: #0872bc;
  padding: 10px 50px;
  color: white;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.banner11 {
  padding-bottom: 40px !important;
}
.feedbackInfo {
  font-size: 25px;
  text-align: center;
  padding: 50px 0;
}
.antd-pro-components-header-dropdown-index-container {
  z-index: 99 !important;
}
.float-right {
  float: right !important;
}
.ant-avatar-sm {
  width: 40px;
  height: 40px;
  line-height: 24px;
  border-radius: 50%;
}
.avatarBig .ant-avatar-sm {
  width: 50px;
  height: 50px;
  line-height: 24px;
  border-radius: 50%;
}
.card-body.table-responsive {
  padding-top: 0px !important;
}
.ant-table-pagination.ant-pagination {
  margin-top: 0px !important;
  margin-bottom: 7px !important;
}
.slimBtn .fee-box .box .btn-group button {
  display: flex;
  width: 100%;
  border: 2px solid #ededed;
  background: #e6e7e8;
  font-size: 13px;
  text-transform: capitalize;
  margin: 0 0 10px;
  height: 30px;
  align-items: center;
  padding: 0 10px;
}
section.gic-revenue {
  border-radius: 15px;
}
section.gic-revenue a.main-btn {
  background: #11148a;
  font-size: 15px;
  color: #fff;
  border-radius: 12px;
  padding: 12px 25px;
  text-transform: capitalize;
  height: auto;
}
section.gic-revenue .list .box {
  box-shadow: inset 0 0 0 2px #e6e6e6;
  border-radius: 18px;
  padding: 10px 20px;
  margin: 0 0 15px;
  display: flex;
  padding-left: 80px;
  position: relative;
  flex-direction: column;
  text-align: left;
}
section.gic-revenue .list .box span {
  min-width: 50px;
  height: 50px;
  display: inline-flex;
  background: #e6e6e6;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 50px;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
section.gic-revenue .list .box h4 {
  font-size: 23px;
  font-weight: 600;
  color: #4d4d4d;
  line-height: normal;
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  margin: 0;
}
section.gic-revenue .list .box p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
  color: #666666;
}
section.gic-revenue .list .box span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.gic-revenue .list button.btn {
  background: #5bb85d;
  border-radius: 18px;
  width: 100%;
  color: #fff;
}
section.gic-revenue .list button.btn span {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.flexRow {
  display: flex;
  flex-wrap: wrap;
}
.flexRow span {
  padding: 3px 12px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.flexRow .cross {
  margin-left: 10px;
  position: relative;
  top: -1px;
}
.actBy {
  font-weight: normal;
  color: #745e5e;
  margin-left: 27px;
  padding: 0;
  height: 15px;
  margin-bottom: 5px;
  position: relative;
  top: -5px;
}
table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
table tbody tr:nth-child(odd) {
  background: white;
}
.input-group-inner.field1 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-right: 1px solid #00000017;
}
.input-group-inner.field1 .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-inner.field2 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding-left: 20px !important;
}
.input-group-inner.field3 {
  border-radius: 50px !important;
  border-right: none;
}
.input-group-inner.field3 .form-control {
  border-radius: 50px !important;
}
.icefBlock {
  display: flex;
  flex-direction: row;
  background: #ffffff7a;
  font-weight: 600;
  line-height: 36px;
  align-items: center;
  border-left: 3px solid #1890ff;
  padding: 10px 30px 10px 10px;
  box-shadow: 2px 5px 10px #e9c4c4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 20px;
  justify-content: space-between;
  width: 80%;
}
.icefBlock h1 {
  font-size: 20px !important;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 !important;
}
.icefBlock img {
  max-width: 60px;
}
.outMotto {
  font-size: 16px !important;
}
.card.unizportal.regStu {
  padding: 20px;
}
.student-application-detail.student-application-new .inputBox {
  margin-bottom: 0 !important;
}
.student-application-detail.student-application-new .card .form-group label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0 !important;
}
.student-application-detail.student-application-new.addCourseForm .card .form-group label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  margin: -10px 6px -5px !important;
}
.student-application-detail.student-application-new h5 {
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.student-application-detail.student-application-new .detail-list ul {
  padding-left: 0;
}
.student-application-detail.student-application-new .detail-list ul li {
  padding: 5px 0 !important;
}
.student-application-detail.student-application-new .detail-list ul li strong {
  width: 30%;
}
.student-application-detail.student-application-new .manageBox {
  background-color: white;
}
.student-application-detail.student-application-new .manageBox .managerHeader {
  background-color: gray;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  position: absolute;
  right: 10px;
  border-bottom-left-radius: 10px;
}
.student-application-detail.student-application-new .manageBox .managerBoxOuter {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.student-application-detail.student-application-new .manageBox .managerBoxOuter .manageBoxInfo {
  text-align: left;
  font-size: 12px;
  color: #585858;
  padding: 20px 0 20px 20px;
}
.student-application-detail.student-application-new .add-application-btn {
  background: #1556bc;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 0px 0 0 !important;
  border-radius: 50px;
  font-weight: 400;
  width: auto;
  height: auto !important;
}
.fee-box .box .btn-group button.profileBtn {
  border: 2px solid #ededed;
  background: #e6e7e8 !important;
  border-radius: 5px;
  text-align: center;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.login-box .form-group .countryCode img {
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin-right: 5px;
}
.referBtn {
  background-color: #0f52ba;
  color: white;
  text-align: center;
  margin: 10px;
  border-radius: 3px;
  padding: 0 20px 20px 10px;
}
.referBtn .ant-badge {
  position: relative;
  top: -17px;
}
.referBtn .ant-badge img {
  margin-right: 10px !important;
  height: 20px;
}
.referBtn a:hover {
  color: white !important;
}
.referCodeBox {
  border-color: #0f52ba;
  border-style: dashed;
  padding-top: 5px;
  padding-bottom: 5px;
}
.referHeader {
  background-color: #0f52ba;
  padding-bottom: 5px;
  padding-top: 10px;
  margin-top: 10px;
}
.marketingHeader {
  background-color: white;
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin-top: 10px;
  color: black;
  font-size: 18px;
}
.marketingHeader .fa {
  margin-right: 5px;
}
.referInfoBox {
  margin-top: 30px;
  text-align: center;
}
.conditionList {
  flex: 1;
  padding-left: 15px;
  padding-right: 30px;
}
.conditionListText {
  font-size: 12px;
}
.reportingBox {
  padding: 15px;
  background-color: white;
  margin: 5px;
  text-align: center;
}
.reportContainer .reportBox {
  margin: 20px 0;
}
.reportContainer .reportingBox {
  padding: 0 !important;
  box-shadow: 1px 1px 10px #b3b3b36b !important;
  background-color: #1890ff;
  margin: 0;
  border-radius: 5px;
  position: relative;
}
.reportContainer .reportingBox .arrowIcon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: white;
}
.reportContainer .reportingBox .reportingInnerBox {
  border-radius: 5px;
  border-bottom-right-radius: 80px !important;
  background-color: white;
  padding: 20px;
  margin: 20px 0;
}
.reportContainer .reportingBox img {
  margin-bottom: 10px;
  height: 30px;
}
.reportContainer .reportingBox .anticon {
  margin-left: 10px;
}
.reportContainer .reportingBox .reportInfoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.reportContainer .reportingBoxLiveReporting {
  padding: 0 !important;
  box-shadow: 1px 1px 10px #b3b3b36b !important;
  background-color: white;
  margin: 0;
  border-radius: 5px;
  position: relative;
}
.reportContainer .reportingBoxLiveReporting .arrowIcon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: white;
}
.reportContainer .reportingBoxLiveReporting .reportingInnerBox {
  border-radius: 5px;
  border-bottom-right-radius: 80px !important;
  background-color: white;
  padding: 20px;
  margin: 20px 0;
}
.reportContainer .reportingBoxLiveReporting img {
  margin-bottom: 10px;
  height: 30px;
}
.reportContainer .reportingBoxLiveReporting .anticon {
  margin-left: 10px;
}
.reportContainer .reportingBoxLiveReporting .reportInfoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.linkText {
  color: #0066ff;
  cursor: pointer;
}
.customGrpBtn .ant-input-group-addon {
  padding: 0 !important;
}
.customGrpBtn .ant-input-group-addon a {
  padding: 5px 15px !important;
  border-radius: 3px;
}
.customGrpBtn .ant-input-group-addon a:first-child {
  border-right: 1px solid #ddd !important;
}
.customGrpBtn .selected {
  background-color: #1890ff;
  color: white;
}
.othAppContainer {
  margin-top: 10px;
  margin-bottom: 50px;
}
.othAppContainer .flexColumn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.othAppContainer .flexColumn .otherAppList {
  width: 32%;
}
.othAppContainer .otherAppList {
  display: flex;
  background-color: white;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 10px #ddd;
  border-radius: 5px;
  padding: 10px 10px 5px;
  flex-direction: column;
  margin-top: 10px;
}
.othAppContainer .otherAppList .leftBox {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.othAppContainer .otherAppList .leftBox img {
  width: 120px !important;
  height: auto !important;
  margin-bottom: 10px;
}
.othAppContainer .otherAppList .rightBox {
  text-align: left;
  width: 100%;
}
.othAppContainer .otherAppList .rightBox .label1 {
  font-size: 10px !important;
}
.othAppContainer .otherAppList .rightBox a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  width: 100%;
}
.othAppContainer .otherAppList .rightBox a p {
  color: #495057;
  font-size: 15px;
}
.photoShortName {
  max-height: 35px;
  margin-bottom: 5px;
  padding: 5px 10px 0;
}
.photoShortName a {
  color: black !important;
  display: block;
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.followUp {
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px;
  background-color: #ddd !important;
}
.studentRegForm .form-group input {
  padding-right: 10px !important;
}
.forgetEmailText {
  font-size: 16px !important;
  margin-top: 10px;
  text-transform: capitalize;
}
.forgetEmailText strong {
  color: #1890ff;
  font-weight: 500;
}
.gcKey {
  height: 250px !important;
}
.oshcBox {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  padding: 3px 5px;
  border-radius: 5px;
  background: #1690ff;
  color: white;
  font-weight: 600;
}
.oshcBox img {
  height: 18px;
  margin-right: 5px;
}
.noteMain {
  overflow: hidden !important;
}
.student-tab {
  overflow: hidden !important;
}
.student-tab .loadMoreBoxDiv {
  text-align: center;
  background-color: white;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1 !important;
}
.student-tab .noteTitle {
  color: #111b21;
}
.student-tab .noteRow {
  background-color: white !important;
  position: relative;
}
.student-tab .noteRow .noteContainer {
  height: 80vh;
  overflow-y: auto;
}
.student-tab .noteRow .noteColumn .card {
  background: white !important;
  border: 1px solid #1890ff57;
  line-height: 1.5;
}
.student-tab .noteRow .noteColumn .card .dateBox {
  text-align: left;
  font-weight: 600;
  color: #0872bc;
}
.student-tab .noteRow .noteColumn .card .userBox {
  text-align: right;
  color: #667781;
  padding: 0;
  line-height: 1;
  font-size: 15px;
}
.student-tab .noteRow .noteColumn.noteRight {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
.student-tab .noteRow .noteColumn.noteRight .card {
  border: 1px solid #5cb85c57;
}
.student-tab .noteRow .noteColumn.noteRight .card .dateBox {
  text-align: right;
}
.student-tab .noteRow .noteColumn.noteRight .card .userBox {
  text-align: right;
}
.student-tab .noteRow .noteBox {
  width: 75% !important;
}
.student-tab .noteRow .noteBox .card {
  background: #fff;
}
.student-tab .noteRow .noteBox .inner.card {
  padding: 10px 15px !important;
}
.textAreaCls {
  height: 200px;
}
.textAreaCls textarea.form-control {
  height: 200px !important;
}
.loginCredentialsBox {
  border: 0.3px solid #e6e7e8;
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  box-shadow: 1px 1px 10px #e6e7e8;
}
.loginCredentialsBox .header {
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
}
.localLoginCredentialsBox {
  margin-top: 10px;
  padding: 7px;
  background-color: white;
  box-shadow: 1px 1px 10px #0f52ba2e;
  border-radius: 10px;
  margin-bottom: 20px;
}
.localLoginCredentialsBox .header {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: 500;
  text-transform: uppercase;
}
.localLoginCredentialsBox .header .loginBanner {
  margin-bottom: 10px;
}
.localLoginCredentialsBox .header .loginIcon {
  margin-bottom: 5px;
  height: 50px;
}
.localLoginCredentialsBox .verticalPadding10 {
  padding-left: 10px;
  padding-right: 10px;
}
.localLoginCredentialsBox .verticalPadding10 .label1 {
  position: relative;
  padding: 4px;
  font-size: 13px;
  color: #555;
  display: flex !important;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.localLoginCredentialsBox .verticalPadding10 .label2 {
  position: relative;
  padding: 4px;
  font-size: 13px;
  color: #555;
  display: flex !important;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
.localLoginCredentialsBox .verticalPadding10 .label2 .btn-info {
  background-color: #0f52ba;
  border-color: #0f52ba;
}
.localLoginCredentialsBox .verticalPadding10 .rowC {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
}
.localLoginCredentialsBox .verticalPadding10 .rowC:last-child {
  border-bottom: none;
}
.localLoginCredentialsBox .verticalPadding10 .rowC:last-child span {
  margin-top: 5px;
}
.localLoginCredentialsBox .verticalPadding10 .rowC img {
  height: 20px;
  margin-right: 8px;
}
.localLoginCredentialsBox .verticalPadding10 .rowC span {
  border: none;
  padding: 0;
  flex: 1;
  text-transform: capitalize;
  display: flex;
}
.commissionBox .commissionParentBox {
  display: flex;
  flex-direction: column;
}
.commissionBox .commissionParentBox.row {
  flex-direction: row;
}
.commissionBox .commissionParentBox.row .commissionUniInfo {
  flex: 1;
  margin: 0 10px 20px;
}
.commissionBox .commissionParentBox .commissionUniInfo {
  border: none;
  box-shadow: 1px 1px 10px #ddd;
  border-radius: 5px;
  margin-bottom: 20px;
}
.commissionBox .commissionParentBox .commissionUniInfo .ant-card-body {
  padding: 10px;
}
.commissionBox .commissionParentBox .commissionUniInfo img {
  width: -webkit-max-content;
  width: max-content;
  height: 50px;
}
.commissionBox .commissionParentBox .commissionUniInfo div[class*='ant-col'] {
  display: flex;
  justify-content: center;
  height: 70px;
  flex-direction: column;
}
.commissionBox .commissionParentBox .commissionUniInfo .logoBox {
  border-right: 1px solid #ddd;
  padding-right: 30px;
  align-items: center;
}
.commissionBox .commissionParentBox .commissionUniInfo .contantBox {
  padding-left: 50px !important;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox {
  display: flex;
  min-height: 60px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox .studentProfile {
  width: 20%;
  border-right: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox .studentProfile img {
  height: 60px;
  max-width: 100%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox .studentInfo {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 5px 5px 5px 40px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart {
  border-right: 1px solid #f1f1f1;
  padding-right: 30px;
  width: 30%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:first-child {
  width: 25%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:last-child {
  border: none;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart .studentInfo {
  justify-content: flex-start;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart .uniLogo {
  margin-left: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart .uniLogo img {
  height: 50px;
  width: 50px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew {
  border-right: 1px solid #f1f1f1;
  padding-right: 30px;
  width: 22.5%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew:first-child {
  width: 25%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew:last-child {
  border: none;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew .studentInfo {
  justify-content: flex-start;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew .uniLogo {
  margin-left: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew .uniLogo img {
  height: 50px;
  width: 50px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.inputFlex {
  width: 15%;
  padding-left: 20px;
}
.commissionBox .commissionParentBox .commissionUniInfo .uniName {
  font-size: 18px;
  color: #0f52ba;
}
.commissionBox .commissionParentBox .commissionUniInfo .courseInfo {
  font-size: 15px;
  color: black;
}
.commissionBox .commissionParentBox .commissionUniInfo .courseInfo.sm {
  font-size: 14px;
  color: #555;
}
.commissionBox .commissionParentBox .commissionUniInfo .commissionInfo {
  font-size: 14px;
  color: #0872bc;
  font-weight: 600;
}
.commissionBox .inputGroup {
  margin-top: 10px;
}
.commissionBox .inputGroup .input-group-text {
  background-color: #e9ecef;
  border-color: #666;
}
.commissionBox textarea.form-control {
  height: 50px !important;
}
.comBtnGroup {
  display: flex;
  flex-wrap: wrap;
}
.comBtnGroup .btn {
  margin-bottom: 3px;
  font-size: 13px !important;
  padding: 0 4px !important;
  width: 180px;
}
.comBtnGroup .btn img {
  margin-right: 5px;
  height: 13px;
}
.comBtnGroup .btn-view {
  border: 1px solid #d9d9d9 !important;
  color: #212529 !important;
  background-color: white;
}
.darkFont {
  color: black;
}
.dangerPos {
  position: absolute;
  left: 10px;
}
.commissionListBox {
  margin-top: 20px;
  position: relative;
}
.commissionListBox .addMoreCommissionBtn {
  position: absolute;
  top: 5px;
  right: 5px;
}
.student-group {
  margin-top: 10px;
  margin-right: 10px;
}
.student-group label {
  margin: 0 10px 4px 3px !important;
  color: black;
  font-weight: 500 !important;
}
.student-group .form-control {
  border-color: #e5dcdc !important;
  background-image: none !important;
  height: 35px !important;
  border-radius: 5px !important;
}
.student-group .input-group-text {
  border-color: #e5dcdc !important;
  height: 35px !important;
}
.uniInfoLogo {
  border-right: 1px solid #f1f1f1;
  padding-right: 20px;
  margin-right: 20px;
}
.uniInfoLogo img {
  height: 70px !important;
}
.textCap {
  text-transform: capitalize !important;
}
.textUpp {
  text-transform: uppercase;
}
.customCheckbox {
  cursor: pointer;
  text-align: center;
}
.customCheckbox img {
  height: 25px;
}
.universityParentBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.universityParentBox .commissionUniInfo {
  border: none;
  box-shadow: 1px 1px 10px #ddd;
  border-radius: 5px;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.universityParentBox .commissionUniInfo .ant-card-body {
  justify-content: center;
  flex: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.universityParentBox .commissionUniInfo .uniLogo {
  border-right: none;
}
.universityParentBox .commissionUniInfo .uniLogo img {
  height: 70px !important;
  width: 100%;
}
.universityParentBox .commissionUniInfo .studentInfoBox {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.universityParentBox .commissionUniInfo .ant-card-body {
  padding: 10px;
}
.universityParentBox .commissionUniInfo img {
  width: -webkit-max-content;
  width: max-content;
  height: 50px;
}
.universityParentBox .commissionUniInfo .uniName {
  font-size: 18px;
  color: #0f52ba;
}
.filterCard .ant-select .ant-select-selection--single {
  border: 1px solid #e9d5d5 !important;
}
.filterCard .search-box-table.round {
  border: 1px solid #e9d5d5 !important;
}
.filterCard .roundBtn {
  border: 1px solid #e9d5d5 !important;
}
.statusDate {
  margin-top: 5px;
  font-size: 13px;
  color: #0f52ba;
  font-weight: 500;
}
.btn-warning {
  background-color: rgba(240, 173, 78, 0.87) !important;
  color: white !important;
}
.btn-success {
  border-color: #0872bc !important;
  background-color: #0872bc !important;
  color: white !important;
}
.btn-success-dark {
  border-color: #0f52ba !important;
  background-color: #0f52ba !important;
  color: white !important;
}
.btn-view {
  border: 1px solid #d9d9d9 !important;
  color: #212529 !important;
  background-color: white !important;
  margin-top: 0 !important;
}
.btn-view.sm {
  padding: 0.25rem 0.8rem;
  font-size: 0.8rem;
  line-height: 1.5;
}
.label-info-new {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: none;
}
.btn-paid {
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
  color: white !important;
}
.label-paid {
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
  color: white !important;
}
.view-btn-box {
  margin-top: 5px;
  /* .eyeBtn {
       height: 20px;
     }*/
}
.view-btn-box .btn-view {
  font-size: 12px !important;
  border: 1px solid #d9d9d9;
  height: 32px;
  padding: 2px 5px;
  border-radius: 5px;
  color: #212529 !important;
  margin-right: 5px;
}
.view-btn-box .btn-view img {
  height: 17px;
}
.contract {
  text-transform: uppercase;
  margin-top: 5px;
  color: black;
}
.contract a {
  text-decoration: underline;
  font-weight: 500;
}
.customInput {
  margin-top: 8px;
}
.customInput label {
  margin-bottom: auto;
}
.table-head .sort-box-table.sort-box-table30 {
  width: 30% !important;
}
.flexRowBox {
  display: flex;
}
.flexRowBox .flexBox1 {
  flex: 1;
  width: 30%;
  margin-right: 10px;
  background-color: #f1f1f1 !important;
  margin-bottom: 18px;
}
.flexRowBox .flexBox2 {
  flex: 2;
}
.imgFlex {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}
.imgFlex .img-column {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  margin-right: 10px;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgFlex .img-column img {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart {
    width: 33%;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:first-child {
    width: 33%;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:nth-child(3) {
    border: none;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:last-child {
    border: none;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.inputFlex {
    width: 50%;
    padding-left: 20px;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.inputFlex .student-group {
    margin-top: 0;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .uniName {
    font-size: 15px;
    color: #0f52ba;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .courseInfo {
    font-size: 12px;
    color: black;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .courseInfo.sm {
    font-size: 12px;
    color: #555;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .commissionInfo {
    font-size: 12px;
    color: #0872bc;
    font-weight: 600;
  }
  .universityParentBox {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .universityParentBox .commissionUniInfo {
    border: none;
    box-shadow: 1px 1px 10px #ddd;
    border-radius: 5px;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .universityParentBox .commissionUniInfo .ant-card-body {
    justify-content: center;
    flex: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .universityParentBox .commissionUniInfo .uniLogo {
    border-right: none;
  }
  .universityParentBox .commissionUniInfo .uniLogo img {
    height: 70px !important;
    width: 100%;
  }
  .universityParentBox .commissionUniInfo .uniName {
    font-size: 15px;
    color: #0f52ba;
  }
  .customInput {
    margin-top: 8px;
  }
  .customInput label {
    margin-bottom: 0;
  }
}
.round-date-picker .ant-calendar-picker-input {
  height: 42px !important;
  border-radius: 50px;
  border: none;
}
.verifyOfferBox {
  position: relative;
  overflow: hidden;
  height: auto;
  padding-top: 7%;
  padding-bottom: 90px;
  min-height: 80vh;
}
.verifyOfferBox h3 {
  font-size: 32px;
  text-transform: capitalize;
  margin: 0 0 10px;
  color: #0f52ba;
}
.verifyOfferBox .store {
  padding-top: 7%;
}
.verifyOfferBox .store img {
  width: 100%;
}
.verifyOfferBox .iframeBox {
  margin: 5% 15% 100px;
  border: 1px solid #ddd;
  padding: 10px;
}
.announcement_banner {
  background-color: white;
  max-height: 250px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.announcement_banner img {
  width: auto;
  height: 250px;
}
.announcement_banner .applyBtn {
  position: absolute;
  bottom: 15px;
  width: 350px !important;
}
.certificate_box .btn-default {
  margin-bottom: 10px;
  width: 220px;
}
.certificate_box .ant-tag {
  margin-bottom: 5px;
  border-color: #007bff33;
}
.certificate_box .ant-tag .btn-link {
  font-weight: 400;
  color: #007bff !important;
  text-decoration: none;
}
.duplicateRecordLink {
  font-size: 15px;
  margin-bottom: 10px;
}
.broadcast_info {
  font-size: 25px;
  text-align: center;
  padding: 50px 0;
  min-height: 500px;
}
.broadcast_info img {
  height: 150px;
  margin-bottom: 20px;
}
.addInfo {
  padding-left: 3px !important;
}
.addInfo .box {
  position: relative;
  margin-bottom: 5px;
  display: flex !important;
}
.addInfo .box img {
  height: 22px !important;
  width: auto !important;
}
.addInfo .box span {
  margin-left: 27px;
}
@media (max-width: 600px) {
  .verifyOfferBox {
    position: relative;
    overflow: hidden;
    height: auto;
    padding-top: 100px;
    padding-bottom: 90px;
    min-height: 80vh;
  }
  .verifyOfferBox h3 {
    font-size: 32px;
    text-transform: capitalize;
    margin: 0 0 10px;
    color: #0f52ba;
  }
  .verifyOfferBox .store {
    padding-top: 7%;
  }
  .verifyOfferBox .store img {
    width: 100%;
  }
  .verifyOfferBox .iframeBox {
    margin: 5% 2% 100px;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: auto;
  }
}
.counsellerDashboard {
  width: auto;
}
.counsellerDashboard .main-logo {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.counsellerDashboard .counseller-card {
  width: 100%;
  height: 50%;
  border: 1px solid lightgrey;
}
.counsellerDashboard .counseller-card .countryInfo {
  text-align: center;
}
.counsellerDashboard .counseller-card .countryInfo .map {
  width: auto;
  height: 100px;
}
.counsellerDashboard .counseller-card .countryInfo h5 {
  color: #000;
  font-size: 22px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.counsellerDashboard .counseller-card .counselling-container {
  position: relative;
  min-height: 200px;
  border-bottom: 1px solid #ddd;
}
.counsellerDashboard .counseller-card .counselling-container .waitingBox {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #00000033;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.counsellerDashboard .counseller-card .counselling-container .waitingBox .waitingLabel {
  font-size: 25px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  font-size: 15px;
  flex-direction: column;
  padding: 20px 20px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card:nth-child(0) {
  border-bottom: 1px solid lightgrey;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title {
  width: 100%;
  padding: 10px;
  padding-bottom: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  background-color: #f1f1f1;
  border-radius: 10px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title img {
  border-radius: 50px;
  margin-right: 15px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title .box-title {
  font-size: 12px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title .tarundiv {
  display: flex;
  flex-direction: column;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .waitingInfo {
  display: flex;
  margin-bottom: 20px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .waitingInfo .counsellerInfo-num {
  background-color: #ddd;
  border-radius: 40px;
  padding: 0 10px;
  margin-left: 10px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo {
  width: 100%;
  height: 50%;
  font-size: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo.active {
  color: #0872bc;
}
.comment-boxx {
  border-bottom: lightgrey;
}
.student-informationn {
  display: flex;
  padding: 9px 14px;
}
.studentprofile {
  display: flex;
  flex-direction: row;
}
.studentprofile .image {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studentprofile .image img {
  border-radius: 100%;
}
.studentprofile .descrip {
  width: 65%;
}
.studentprofile .descrip .border {
  width: 60%;
  border: 2px solid gray;
  padding: 10px;
}
.imagee {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imagee img {
  border-radius: 100%;
}
.studentinformationboxx {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.nameandnumberboxx {
  height: 40%;
}
.localLoginCredentialsBoxx {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  box-shadow: 1px 1px 10px #0f52ba2e;
  border-radius: 10px;
  margin-bottom: 10px;
}
.centerpage {
  display: flex;
  align-items: center;
  justify-content: center;
}
.centerpage .borderr {
  width: 50%;
}
.dateandhistory {
  height: 50px;
}
.studentListContainer {
  margin-bottom: 5px;
}
.studentListContainer.active .otherAppList {
  background-color: #fff8e1;
}
.studentListContainer .otherAppList {
  display: flex;
  padding: 10px 10px 5px;
  background-color: white;
  box-shadow: 0 0 10px #f1f1;
  border-radius: 5px;
  margin-bottom: 10px;
}
.studentListContainer .otherAppList .leftBox {
  text-align: left;
  display: flex;
  align-items: flex-start;
  padding: 10px;
}
.studentListContainer .otherAppList .leftBox .logo1 {
  width: 200px;
  height: 200px;
}
.studentListContainer .otherAppList .leftBox img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.studentListContainer .otherAppList .leftBox .studentDetails {
  line-height: 1.5;
}
.studentListContainer .otherAppList .leftBox .leftBox1 {
  background-color: gray !important;
  text-align: left;
  display: flex;
  align-items: flex-start;
  padding: 10px;
}
.studentListContainer .otherAppList .leftBox .leftBox1 img {
  width: 50px !important;
  height: 50px !important;
  margin-right: 20px;
}
.studentListContainer .otherAppList .leftBox .leftBox1 .studentDetails {
  line-height: 1.5;
}
.studentListContainer .otherAppList .rightBox {
  margin-top: 10px;
  text-align: left;
}
.studentListContainer .otherAppList .rightBox a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
}
.studentListContainer .otherAppList .rightBox a p {
  color: #495057;
  font-size: 15px;
}
.closeconvert {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.flaguk {
  margin-left: 466px;
  width: 25px;
}
.nameanddate {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.backanddot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.onoffdot {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
  padding-bottom: 10px;
}
.onoffdot .innerdot {
  margin-right: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: red;
}
.picandmore {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.caseclose {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.caseclose .caseclosebtn {
  width: 100px;
  background: #0872bc;
  font-weight: 500 !important;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  border: none;
  outline: none;
}
.myTextarea {
  padding: 10px;
}
.directUniCount {
  width: 16.6% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.directUniCount .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.directUniCount .uniCountBox img {
  height: 30px;
  width: auto;
}
.directUniCount .uniCountBox h5 {
  font-size: 14px !important;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.canadaDirectUniCount.canadaDirectUniCount2 {
  width: 25% !important;
}
.canadaDirectUniCount2 .innerBox {
  border: 1px solid #ccc;
}
.card.card-pdf {
  background: white !important;
}
.canadaDirectUniCount {
  width: 19.6% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.canadaDirectUniCount .innerBox {
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.canadaDirectUniCount .innerBox .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
}
.canadaDirectUniCount .innerBox .uniCountBox img {
  height: 30px;
  width: auto;
}
.canadaDirectUniCount .innerBox .uniCountBox img.sm {
  height: 25px;
}
.canadaDirectUniCount .innerBox .uniCountBox img.md {
  height: 35px !important;
}
.canadaDirectUniCount .innerBox .uniCountBox h5 {
  font-size: 14px;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.canadaDirectUniCount .innerBox .btnBox {
  border-top: 1px solid #f1f1f1;
  margin-top: 15px;
  padding-top: 8px;
  display: flex;
  justify-content: space-around;
}
.canadaDirectUniCount .innerBox .btnBox a {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.canadaDirectUniCount .innerBox .btnBox a i {
  margin-right: 5px;
}
.canadaDirectUniCount .innerBox .dirUniAgent {
  padding: 10px 0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 27px;
}
.filter-row.ant-row {
  display: flex;
  flex-wrap: wrap;
}
.commissionBlock {
  margin: 20px 0;
}
.commissionBlock .countryCommission {
  padding: 20px;
  text-align: center;
}
.commissionBlock .countryCommission .countryName {
  font-size: 16px !important;
  height: 50px;
}
.commissionBlock .countryCommission .countryFlag {
  margin: 25px 0;
}
.commissionBlock .countryCommission .countryFlag img {
  height: 30px;
}
.commissionBlock .countryCommission .currencyName {
  font-size: 16px !important;
}
.commissionBlock .countryCommission .countryAmount {
  font-size: 25px;
  cursor: pointer;
}
.commissionBlock .countryCommission .canada {
  color: #adff2f;
}
.commissionBlock .countryCommission .uk {
  color: #808080;
}
.commissionBlock .countryCommission .australia {
  color: #003399;
}
.card.bgWhite {
  background: white !important;
}
.ant-col-md-0 {
  display: block;
}
.squareContainer {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}
.squareContainer .squareStyle {
  width: 45px;
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
}
.squareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.squareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.squareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.squareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.squareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.ukSquareContainer {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 15px;
  grid-column-gap: 5px;
}
.ukSquareContainer .squareStyle {
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  text-align: center;
}
.ukSquareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.ukSquareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.ukSquareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.ukSquareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.ukSquareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.dirUniLabelBox {
  display: flex;
  padding: 30px 2.4rem 0 !important;
}
.dirUniLabelBox div {
  margin: 0 20px;
  padding: 0 10px;
}
.dirUniLabelBox div:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.dirUniLabelBox div:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.dirUniLabelBox div:nth-child(3) {
  border-bottom: 2px solid #5bc0de;
}
.ledgerBox {
  padding: 20px 3%;
}
.ledgerBox .header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}
.ledgerBox .header .ant-col {
  color: black;
  font-weight: 500;
  padding-bottom: 10px;
}
.ledgerBox .ant-col:nth-child(3) {
  text-align: right;
}
.ledgerBox .ant-col:last-child {
  text-align: right;
}
.ledgerBox .ant-row {
  padding: 10px 10px 0;
}
.ledgerBox .ant-row:nth-child(even) {
  background-color: #f7f7f7;
}
.ledgerBox .ant-row:nth-child(odd) {
  background-color: #ff11ff08;
}
.ledgerBox .ant-row.header {
  background-color: white;
}
.ledgerBox .debit {
  color: #d9534f;
  font-weight: 600;
}
.ledgerBox .credit {
  color: #5cb85c;
  font-weight: 600;
}
.ledgerBox .dateBox {
  font-size: 15px;
  font-weight: 500;
  color: #0872bc;
  padding-bottom: 10px;
}
.claim-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-card {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin: 1rem auto;
  font-family: 'Segoe UI', sans-serif;
}
.card-row {
  display: flex;
  justify-content: space-between;
  margin-top: 6.5px;
  border-bottom: 1px solid #eee;
}
.card-row:last-child {
  border-bottom: none;
}
.label {
  font-weight: 500;
}
.value {
  font-weight: 600;
}
.receive-commission {
  display: flex;
  gap: 10px;
  width: 160px;
}
.receive-commission-box {
  display: flex;
  gap: 16px;
}
.receive-commission-new {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  width: 160px;
}
.receive-commission-new-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  width: 160px;
}
.commission-value-new-total {
  color: green;
  font-weight: 600;
}
.commission-value-new-pending {
  color: red;
  font-weight: 600;
}
.receive-Amt {
  color: green;
}
.pending-Amt {
  color: orange;
}
.label-of-date {
  min-width: 70px;
  color: black;
}
.input-amount {
  border-color: black;
}
.receive-btn {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.filterBox .search-box-table.round {
  border: 1px solid #dfe3e8;
  border-radius: 50px;
  min-height: 40px;
  height: 40px;
  margin-left: 0 !important;
  background: #fff;
  align-items: center;
  padding-left: 40px;
}
.filterBox .search-box-table.round input {
  height: 40px !important;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}
.filterBox .search-box-table.round img {
  left: 14px;
}
.filterBox .antSelect.ant-select .ant-select-selector,
.filterBox .ant-select .ant-select-selector {
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  background: #fff !important;
}
.filterBox .antSelect.ant-select .ant-select-selection,
.filterBox .ant-select .ant-select-selection {
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  background: #fff;
}
.filterBox .antSelect.ant-select .ant-select-selection__rendered,
.filterBox .ant-select .ant-select-selection__rendered {
  line-height: 38px !important;
  margin-left: 12px;
  margin-right: 32px;
}
.filterBox .antSelect.ant-select .ant-select-selection__placeholder,
.filterBox .ant-select .ant-select-selection__placeholder {
  line-height: 38px !important;
  color: #b1b7c0 !important;
}
.filterBox .antSelect.ant-select .ant-select-selection-item,
.filterBox .ant-select .ant-select-selection-item,
.filterBox .antSelect.ant-select .ant-select-selection-placeholder,
.filterBox .ant-select .ant-select-selection-placeholder {
  line-height: 38px !important;
}
.filterBox .antSelect.ant-select .ant-select-arrow,
.filterBox .ant-select .ant-select-arrow {
  margin-top: 0 !important;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #b1b7c0 !important;
}
.filterBox .ant-calendar-picker {
  width: 100%;
}
.filterBox .ant-picker {
  width: 100%;
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  background: #fff !important;
  padding-left: 12px;
  padding-right: 34px;
}
.filterBox .ant-picker .ant-picker-input > input {
  height: 38px !important;
}
.filterBox .ant-picker .ant-picker-suffix,
.filterBox .ant-picker .ant-picker-separator {
  color: #b1b7c0 !important;
}
.filterBox .ant-calendar-picker-input {
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  padding-left: 12px;
  padding-right: 34px;
}
.filterBox .ant-calendar-range-picker-separator {
  color: #b1b7c0;
}
.filterBox .ant-calendar-picker-icon {
  color: #b1b7c0;
}
.filterBox .search-box-table.round {
  margin-left: 0 !important;
}
.agentName {
  display: flex;
}
.agentName .agentOnline {
  height: 7px;
  width: 7px;
  background-color: #5cb85c;
  border-radius: 50%;
  margin-left: 5px;
}
.display-linebreak {
  white-space: pre-line;
}
.hrFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.selectable-box {
  border: 1px solid #e5d9d9;
  margin: 5px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 5px 10px;
  border-radius: 5px;
}
.box-text {
  font-size: 14px;
}
.countCircle {
  font-size: 12px !important;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  line-height: 0.9;
  background: #0872bc;
  color: white !important;
  margin-left: 7px;
  margin-top: 2px;
  padding: 5px;
  display: inline-block;
}
.selectable-box.selected {
  background-color: #007bff;
  color: white;
}
.selectable-box.selected .countCircle {
  background: #5cb85c;
}
.intakeRow {
  display: flex;
  flex-wrap: wrap;
  padding-left: 20px;
  margin-top: 10px;
}
.intakeRow .singleIntakeBox {
  border: 1px solid #d9d9d9;
  padding: 0 5px;
  background: #fafafa;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}
.intakeRow .singleIntakeBox .singleIntakeBox-check {
  height: 12px;
  width: 12px;
  margin-right: 5px;
  bottom: 3px;
}
.intakeRow .singleIntakeBox.selected {
  background-color: #1890ff;
}
.intakeRow .singleIntakeBox.selected i {
  color: white !important;
}
.intakeRow .singleIntakeBox i {
  font-style: normal;
  color: rgba(0, 0, 0, 0.65);
}
.trainingBox {
  text-align: center;
  margin-top: 50px;
}
.trainingBox img {
  height: 150px;
}
.trainingBox .textBox {
  margin-top: 20px;
}
.trainingBox .textBox h3 {
  font-weight: 600;
  text-transform: uppercase;
  font-family: ui-monospace;
  font-size: 30px;
  margin-bottom: 3%;
}
.trainingBox .textBox.normal h3 {
  text-transform: capitalize;
}
.trainingBox .textBox .confirmLink {
  font-size: 17px;
  background-color: #0f52ba;
  color: white;
  padding: 6px 30px;
  text-transform: capitalize;
  border-radius: 5px;
}
.marketingUserBox {
  margin-bottom: 50px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 1px 10px 10px #ddd;
}
.marketingUserBox.managerBoxCanada {
  width: 100%;
  margin-bottom: 0;
}
.marketingUserBox.managerBoxCanada .ant-avatar img {
  left: 0 !important;
}
.marketingUserBox.managerBoxCanada .managerHead {
  margin-bottom: 5px;
  background-color: #ad2125;
}
.marketingUserBox .managerHead {
  margin-right: auto;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 80%;
}
.marketingUserBox .managerBody {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 10px;
  padding-left: 10px;
}
.marketingUserBox .managerBody.ais {
  align-items: flex-start;
}
.whatsNewCard .whatsNewBox {
  border-bottom: 1px solid #fde6e6;
  padding: 20px;
}
.whatsNewCard .whatsNewBox .flex-row {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px;
}
.whatsNewCard .whatsNewBox .flex-row .icon {
  width: 50px;
  height: 50px;
  margin-right: 30px;
  margin-left: 20px;
}
.whatsNewCard .whatsNewBox .flex-row .title {
  color: #0f52ba;
  font-size: 18px;
  margin-bottom: 5px;
  text-transform: capitalize;
  font-weight: 600;
}
.whatsNewCard .whatsNewBox .flex-row .dateRow {
  color: #555;
  font-size: 14px;
}
.whatsNewCard .whatsNewBox .flex-row .dateRow i {
  margin-right: 5px;
  color: #888;
}
.whatsNewCard .whatsNewBox .content-box {
  margin-top: 20px;
}
.whatsNewCard .whatsNewBox .img-box img {
  width: 80%;
}
.studentInfoTableRow {
  padding: 4px 10px;
  display: flex;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.studentInfoTableRow .title {
  font-weight: 600;
  width: 40%;
  padding: 5px 10px;
}
.studentInfoTableRow .details {
  padding: 5px 10px;
}
.studentInfoTableRow p {
  margin-bottom: 0;
}
.studentInfoTableRow:first-child {
  border-top: 1px solid #ddd;
}
.studentInfoTableRow:nth-child(odd) {
  background-color: white;
}
.studentInfoTableRow:nth-child(even) {
  background-color: #effbf8;
}
.textAreaHeight {
  min-height: 100px !important;
}
.agent_form {
  background-color: #f7f7ff;
}
.agent_form .ant-form-item {
  margin-bottom: 0.8rem;
}
.agent_form .form-control,
.agent_form .ant-select-selection {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212529 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  -webkit-appearance: none;
  appearance: none;
  height: 50px !important;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-image: none !important;
}
.agent_form .form-control::-webkit-input-placeholder,
.agent_form .ant-select-selection::-webkit-input-placeholder {
  font-size: 1rem !important;
  font-weight: 400;
}
.agent_form .ant-select-selection__placeholder {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
}
.agent_form .ant-select-selection__rendered {
  margin-left: 0;
}
.agent_form .ant-select-arrow {
  background-color: white;
  color: #777 !important;
}
.agent_form .ant-select-focused .ant-select-arrow {
  background-color: white !important;
  color: #777 !important;
}
.agent_form label {
  font-size: 18px !important;
  margin: 0 !important;
  margin-bottom: 8px !important;
}
.agent_form .right_bg {
  height: 100%;
  background-position: 35%;
  background-repeat: no-repeat;
}
.agent_form .btn_sub {
  padding: 8px 16px !important;
  font-size: 1.25rem;
  border-radius: 0 !important;
  background-color: #1890ff;
  border: none;
}
.registrationClose {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default_btn {
  border: 1px solid #ddd;
  padding: 3px 10px;
  color: #555;
  text-decoration: none;
  font-size: 0.8rem !important;
  border-radius: 3px;
  margin-right: 5px;
  height: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 5px;
}
.default_btn:last-child {
  margin-right: 0;
}
.default_btn img {
  height: 15px !important;
  margin-right: 4px;
  margin-bottom: 2px;
}
.btn_group {
  display: flex;
  flex-wrap: wrap;
}
.btn_group .default_btn {
  margin-right: 5px;
}
.btn_group .btn {
  margin-right: 5px;
}
.select_btn_group {
  display: flex;
  flex-wrap: wrap;
}
.select_btn_group .default_btn {
  margin-right: 5px;
  background-color: white;
  line-height: 1.5;
  padding: 0.4rem 1.75rem !important;
  height: auto !important;
  border: none;
  margin-left: 5px;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 15px;
}
.select_btn_group .default_btn.selected {
  background-color: #5cb85c;
  color: white;
}
.select_btn_group .default_btn .anticon {
  font-size: 16px;
  margin-right: 7px;
}
.select_btn_group .default_btn_lg {
  margin-right: 10px;
  background-color: white;
  line-height: 1.5;
  padding: 0.4rem 3rem !important;
  height: auto !important;
  border: none;
  margin-left: 5px;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 15px;
  border-radius: 3px;
  color: #555;
  display: flex;
  align-items: center;
}
.select_btn_group .default_btn_lg.selected {
  color: white;
}
.select_btn_group .default_btn_lg .anticon {
  font-size: 16px;
  margin-right: 7px;
}
.btn_link {
  text-decoration: underline;
}
.custom-checkbox {
  width: 100%;
}
.custom-checkbox .ant-checkbox-group-item {
  width: 40% !important;
}
.custom-checkbox span {
  font-weight: normal;
}
.filter_box {
  margin-top: 15px;
  background-color: white;
  border-radius: 5px;
  padding: 15px 10px 10px;
}
.filter_box.bg {
  border: 1px solid #dee2e6 !important;
}
.filter_box .labelNew {
  font-size: 14px;
  font-weight: normal !important;
}
.filter_box input:not([type='checkbox']):not([type='radio']):not([type='file']),
.filter_box select,
.filter_box textarea,
.filter_box .form-control,
.filter_box .ant-input,
.filter_box .ant-input-affix-wrapper,
.filter_box .ant-input-number,
.filter_box .ant-select-selector,
.filter_box .ant-select-selection,
.filter_box .ant-select-selection--single,
.filter_box .ant-picker,
.filter_box .ant-calendar-picker-input {
  height: 40px !important;
  border-radius: 50px !important;
  border: 1px solid #ddd;
}
.filter_box input:not([type='checkbox']):not([type='radio']):not([type='file']) {
  width: 100%;
  padding: 0 5px 0 20px;
  font-size: 14px;
  color: #555;
}
.filter_box .ant-select.ant-select-focused .ant-select-arrow {
  background: transparent !important;
  color: #555;
}
.filter_box .ant-select .ant-select-selection {
  border-radius: 50px;
  border-color: #ddd;
  height: 40px !important;
}
.filter_box .ant-select .ant-select-selection .ant-select-arrow {
  background: transparent;
  color: #555;
}
.filter_box .ant-select .ant-select-selection:hover .ant-select-arrow {
  background-color: white;
  display: block;
}
.filter_box .ant-select .ant-select-selection:hover .ant-select-arrow .anticon {
  color: #555;
}
.filter_box .ant-select .ant-select-selector {
  border-radius: 50px !important;
  border-color: #ddd !important;
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.filter_box .ant-select-selection__placeholder {
  font-size: 14px !important;
  opacity: 0.8 !important;
  color: #333 !important;
}
.filter_box .ant-select-selection-item,
.filter_box .ant-select-selection-placeholder,
.filter_box .ant-select-selection-selected-value,
.filter_box .ant-select-selection__rendered {
  line-height: 38px !important;
}
.filter_box .ant-input-number-input-wrap input,
.filter_box .ant-picker-input > input {
  height: 38px !important;
}
.filter_box .ant-picker {
  padding-left: 12px;
  padding-right: 34px;
}
.filter_box .search-box-table.round {
  height: 40px;
  border-radius: 50px;
  border: 1px solid #ddd;
}
.filter_box .btn_group {
  display: flex;
  justify-content: flex-end;
}
.filter_box .btn_group .default_btn {
  margin-right: 5px;
  padding: 5px 20px;
  border-radius: 50px;
}
.filter_box .btn_group .default_btn:last-child {
  margin-right: 0;
}
.mismatchNote {
  padding: 5px 10px;
  background-color: #d9534f;
  color: white;
  font-weight: 600;
  margin-top: 10px;
}
.expenseAmtBox .successAmt {
  color: #5cb85c;
}
.expenseAmtBox .pendingAmt {
  color: rgba(240, 173, 78, 0.87);
}
.expenseAmtBox .totalAmt {
  color: #0872bc;
}
.joinDate {
  margin-top: 5px;
  color: #1890ff;
  font-size: 11px;
  border-radius: 3px;
  font-weight: 600;
}
.joinDate::before {
  content: '' !important;
  border-left: 2px solid #1890ff;
  padding-left: 3px;
}
.table-bordered {
  border: 1px solid #dee2e6 !important;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6 !important;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-bordered th,
.table-bordered td,
.table-bordered thead th,
.table-bordered tbody + tbody {
  border: 0;
}
.marketingDirectUniCount {
  width: 16.6% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
}
.marketingDirectUniCount .uni_box {
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.marketingDirectUniCount .uni_box img {
  height: 40px;
  width: auto;
}
.marketingDirectUniCount .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  flex-direction: row;
  margin-top: 15px;
}
.marketingDirectUniCount .uniCountBox .countBox {
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 40%;
  cursor: pointer;
}
.marketingDirectUniCount .uniCountBox .countBox .label {
  font-size: 12px !important;
  color: #555;
  padding: 0;
}
.marketingDirectUniCount .uniCountBox .countBox .count {
  padding: 0 5px;
  color: #1890ff;
}
.dropbtn {
  border: none;
}
input[type='date'].js_datepicker {
  background-color: white !important;
  border: 1px solid #e5dddd !important;
}
.eye_btn {
  padding: 0 3px !important;
  border-radius: 3px;
  margin-left: 5px;
  font-size: 10px;
  color: #0f52ba !important;
}
.eye_btn img {
  height: 14px;
}
.structureDotsReplace {
  display: block;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 28px;
}
.event_gallery_list {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
.event_gallery_list .single_img {
  border: 1px solid #ebcfcf;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}
.event_gallery_list .single_img:hover {
  border: 2px solid #0872bc;
}
.event_gallery_list .single_img .cross_btn {
  position: absolute;
  right: -8px;
  top: -8px;
  background: #0f52ba;
  border-radius: 50px;
  width: 22px;
  height: 22px;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
.event_gallery_list .single_img img {
  height: 100px;
}
.btn_options {
  display: flex;
}
.btn_options a {
  font-size: 14px;
  width: 100%;
  height: 40px !important;
  padding: 0.475rem 0.75rem;
}
.btn_options .date_box {
  width: 220px;
  margin-right: 10px !important;
}
.btn_options .date_box.selected {
  background-color: #f1f1f1 !important;
}
.btn_options .date_box.selected .btn {
  background-color: #f1f1f1 !important;
}
.btn_options .date_box .form-control {
  border-color: #ddd !important;
  font-size: 15px;
}
.ant-calendar-month-calendar {
  width: 300px;
}
div#studentChart {
  padding-top: 30px !important;
}
.agent-rank-label {
  font-size: 10px !important;
  padding: 4px !important;
}
.priorityBox {
  margin-top: 10px;
}
.priorityBox .priority {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 50px;
  color: white;
  background: rgba(240, 173, 78, 0.87);
  font-weight: 600;
  position: relative;
  top: -3px;
  left: 0;
  margin-left: 5px;
  font-style: normal;
  animation: glowS 0.5s ease-in-out infinite alternate;
  text-transform: uppercase;
}
.priorityBox .superPriority {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 50px;
  color: white;
  background: red;
  font-weight: 600;
  position: relative;
  top: -3px;
  left: 0;
  margin-left: 5px;
  font-style: normal;
  animation: glow 0.5s ease-in-out infinite alternate !important;
  text-transform: uppercase;
}
.eventDirectCount {
  width: 20% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.eventDirectCount .innerBox {
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.eventDirectCount .innerBox .uniCountBox {
  display: flex !important;
  align-items: center;
  padding: 10px 5px;
}
.eventDirectCount .innerBox .btnBox {
  border-top: 1px solid #f1f1f1;
  margin-top: 15px;
  padding-top: 8px;
}
.eventDirectCount .innerBox .btnBox a {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eventDirectCount .innerBox .btnBox a i {
  margin-right: 5px;
}
.eventDirectCount .innerBox .dirUniAgent {
  padding: 10px 0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 27px;
}
.eventDirectCount .innerBox .squareContainer {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  margin-bottom: 10px;
}
.eventDirectCount .innerBox .squareContainer > div {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.eventDirectCount .innerBox .squareContainer > div span {
  font-size: 12px;
  margin-bottom: 5px;
}
.eventDirectCount .innerBox .squareContainer .squareStyle {
  width: 60px;
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  text-align: center;
  align-self: center;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.totalCount {
  border-bottom: 2px solid #5cb85c;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.approvedCount {
  border-bottom: 2px solid #1890ff;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.pendingCount {
  border-bottom: 2px solid #0872bc;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.deferredCount {
  border-bottom: 2px solid #5bc0de;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.deniedCount {
  border-bottom: 2px solid #d9534f;
}
.icefMeetingCount .singleLi {
  display: inline-block;
  padding: 10px;
}
.icefMeetingCount .singleLi .li_box {
  display: flex;
  align-items: center;
  border: 1px solid #f1f1f1;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
}
.icefMeetingCount .singleLi .li_box .squareStyle {
  margin-left: 20px;
  border-bottom: 2px solid;
  min-width: 30px;
  text-align: center;
  font-weight: 600;
}
.main-btn {
  width: auto !important;
  min-width: 150px;
  background: #1556bc;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0 0;
  border-radius: 50px;
  font-weight: 600;
  height: 42px !important;
}
.white-btn {
  background: white;
  border: 1px solid #ddd;
  color: #555;
}
.white-btn .ant-calendar-picker-input.ant-input {
  height: 35px !important;
}
.small-select .ant-select-selection {
  height: 30px !important;
  border-color: #ddd;
  border-radius: 3px;
}
.small-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.md-select .ant-select-selection {
  height: 33px !important;
  border-color: transparent;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.md-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.room_slider .mobile_view {
  display: none;
}
.room_slider .web_view {
  display: block;
}
@media (max-width: 768px) {
  .room_slider .mobile_view {
    display: block;
  }
  .room_slider .web_view {
    display: none;
  }
}
.shadow-select {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: none;
}
.shadow-select .ant-select-selection {
  height: 35px !important;
  border-radius: 7px;
  padding: 15px 10px;
  border: none;
}
.shadow-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.comment-section .sendBtn {
  border-radius: 15px !important;
  background-color: #87d068;
  border: none;
  color: white;
  padding: 14px !important;
}
.comment-section .avatar_text {
  background-color: #87d068;
  margin: 0 12px;
  font-size: 20px !important;
}
.top_city {
  height: 170px;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}
.top_city img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.top_city .city_name {
  position: absolute;
  bottom: 0;
  left: 7.5px;
  padding: 15px;
  z-index: 1;
  color: white;
  font-size: 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  width: calc(100% - 15px);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-weight: 500;
}
.shadow-select {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: none;
}
.shadow-select .ant-select-selection {
  height: 35px !important;
  border-radius: 7px;
  padding: 15px 10px;
  border: none;
}
.shadow-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.comment-section .sendBtn {
  border-radius: 15px !important;
  background-color: #87d068;
  border: none;
  color: white;
  padding: 14px !important;
}
.comment-section .avatar_text {
  background-color: #87d068;
  margin: 0 12px;
  font-size: 20px !important;
}
.top_city {
  height: 170px;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}
.top_city img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.top_city .city_name {
  position: absolute;
  bottom: 0;
  left: 7.5px;
  padding: 15px;
  z-index: 1;
  color: white;
  font-size: 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  width: calc(100% - 15px);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-weight: 500;
}
.icefManager {
  background: #A1A8EA;
  height: 140px;
  border-radius: 10px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icefManager .avatar_box {
  position: absolute;
  bottom: 0;
  left: 5%;
}
.icefManager .avatar_box img {
  height: 170px;
}
.icefManager .manager_info_box {
  position: absolute;
  left: 25%;
  font-size: 13px;
}
.icefManager .manager_info_box .head-title {
  font-size: 22px;
  color: white;
}
.icefManager .manager_info_box .manager_details .inline_a {
  display: flex;
  align-items: center;
}
.icefManager .manager_info_box .manager_details .inline_a:first-child {
  font-style: italic;
}
.event-card .card-container {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 400px !important;
  justify-content: flex-start;
}
.event-card .event-card-box h2 {
  font-size: 22px;
  margin: 15px 0 0 0;
  text-shadow: 1px 1px 5px #000;
  color: #fff;
  font-weight: 600;
}
.event-card .event-card-box h3 {
  font-size: 16px;
  margin: 5px 0 0 0;
  text-shadow: 1px 1px 5px #000;
  color: #fff;
  font-weight: 600;
}
.event-card .event-card-box p {
  font-size: 16px;
  position: absolute;
  bottom: 45px;
  left: 50%;
  right: 25%;
  width: 250px;
  margin-left: -145px;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px #000;
  font-weight: 600;
}
.event-card .event-card-box .event-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  margin-bottom: 20px;
  font-size: 16px;
}
.event-card .event-card-box .event-info .add-event-btn {
  margin-top: 1rem;
  border: 2px solid white;
  padding: 6px;
  position: absolute;
  right: 20px;
  bottom: 5px;
  cursor: pointer;
}
.task_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task_box .label-sm {
  padding: 0.5em 0.6em 0.3em;
}
.completeTask {
  text-decoration: line-through;
}
.event_list_card {
  height: 82vh;
  overflow-y: auto;
  padding: 5px;
}
.event_list_card .single_event_card {
  margin-bottom: 15px;
  padding: 20px;
  box-shadow: 0 0 10px #ddd;
  border-radius: 10px;
}
.event_list_card .single_event_card .ant-collapse {
  border: 1px solid #f4efef !important;
  margin-top: 10px;
}
.event_list_card .single_event_card .ant-collapse .ant-collapse-header {
  padding: 8px 40px;
}
.align_center {
  align-items: center;
  display: flex;
  color: #0f52ba;
}
.aic {
  align-items: center !important;
  display: flex !important;
}
.aic label {
  margin-bottom: 0;
}
.ant-select-disabled .ant-select-selection {
  background-color: #ededed !important;
}
.calendar-container.bgWhite {
  background: white !important;
}
.calendar-container.bgWhite .ant-card-body {
  padding: 0;
}
.calendar-container .table-event td {
  width: calc(100% / 7);
}
.small-select .ant-select-selection {
  height: 30px !important;
  border-color: #ddd;
  border-radius: 3px;
}
.small-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.round-select .ant-select-selection--single {
  height: 30px !important;
  border-color: #ddd;
  border-radius: 50px;
}
.round-select .ant-select-selection--single .ant-select-arrow {
  padding: 3px;
  margin-top: -10px;
  background-color: white !important;
  color: black;
}
.custom_row {
  display: flex;
  margin-left: -9px;
  margin-right: -9px;
}
.custom_row .custom_col {
  flex: 1;
  padding-left: 9px;
  padding-right: 9px;
}
.w-65 {
  width: 65% !important;
}
.login--wCard {
  width: 65% !important;
}
.commission-listing-section {
  padding: 30px 2rem !important;
}
.custom-calendar-1 {
  width: 100% !important;
  font-size: 26px;
  border: none !important;
}
.custom-calendar-1 .rc-calendar-header {
  border-bottom: none;
}
.custom-calendar-1 .rc-calendar-body {
  padding: 0;
}
.custom-calendar-1 .rc-calendar-body .rc-calendar-cell > div {
  margin-left: auto;
  margin-right: auto;
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 20px !important;
}
.autoCompleted ul {
  width: 100%;
}
.autoCompleted .ant-select-search__field__wrap {
  width: 100%;
}
.help_btn {
  position: absolute !important;
  font-size: 14px;
  right: 10px;
  margin-top: 2px;
  border: 1px solid #d5c4c4;
  padding: 0px 20px;
  border-radius: 5px;
  color: #555;
  bottom: 10px;
  display: flex;
  align-items: center;
}
.help_btn i {
  margin-right: 5px;
}
.help_btn:hover {
  color: black;
}
.req_btn {
  font-size: 14px;
  right: 10px;
  border: 1px solid #d5c4c4;
  padding: 0px 5px;
  border-radius: 5px;
  color: #555;
  bottom: 40px;
  display: flex;
  align-items: center;
}
.req_btn i {
  margin-right: 5px;
}
.req_btn:hover {
  color: black;
}
.custom-container .custom_card .ant-card-head {
  height: 30px;
  background: #f1f1f1;
  font-size: 15px;
  color: #555;
}
.custom-container .custom_card .ant-card-head span {
  font-size: 14px;
  /* margin-left: 5px; */
}
.custom-container .custom_card .ant-card-body {
  padding: 14px 14px 14px 24px;
  color: black;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem !important;
  font-size: 12px !important;
}
.table-striped tr:nth-of-type(odd) {
  background-color: #dff0d8;
}
.flexWrap {
  display: flex;
  flex-wrap: wrap;
}
.commissionRow {
  display: flex;
}
.commissionRow .commBox {
  flex: 1;
}
.direct-uni-box {
  clear: both;
}
.direct-uni-box .count {
  display: grid !important;
  gap: 20px 0;
  grid-template-columns: repeat(5, 1fr);
}
.direct-uni-box .canadaDirectUniCount {
  width: 100% !important;
  display: inline-block;
  padding: 0 10px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.direct-uni-box .canadaDirectUniCount:last-child {
  padding-right: 0;
}
.direct-uni-box .canadaDirectUniCount .innerBox {
  /*background: white;
        border-radius: 5px;
        box-shadow: 0 0 6px @darkPrimary !important;
        padding: 10px !important;*/
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 15px #0f52ba24 !important;
  padding: 10px !important;
  position: relative;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: flex-start;
  min-height: 70px;
  padding-top: 10px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox .record-count {
  display: flex;
  justify-content: center;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox img {
  height: 30px;
  width: auto;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox img.sm {
  height: 25px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox h5 {
  font-size: 14px;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .btnBox {
  border-top: 1px solid #f1f1f1;
  margin-top: 10px;
  padding-top: 8px;
  display: flex;
  justify-content: space-around;
  line-height: 1;
}
.direct-uni-box .canadaDirectUniCount .innerBox .btnBox a {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.direct-uni-box .canadaDirectUniCount .innerBox .btnBox a i {
  margin-right: 5px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .dirUniAgent {
  padding: 0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 1px;
  background: #f1f1f1;
  margin: 10px 0;
}
.direct-uni-box .canadaDirectUniCount .note_box {
  position: relative;
}
.direct-uni-box .canadaDirectUniCount .note_box .alert_note {
  position: absolute;
  font-size: 12px;
  text-align: center;
  left: 0;
  right: 0;
  top: -7px;
  font-weight: 500;
}
.direct-uni-box .squareContainer {
  margin-top: 15px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(4, 1fr);
}
.direct-uni-box .squareContainer .squareStyle {
  width: auto;
  height: 29px;
  border: 1px solid #efefef;
  line-height: 1.6;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  margin-bottom: 0;
  text-align: center;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid #f0ad4e;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(6) {
  border-bottom: 2px solid #337ab7;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(7) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.direct-uni-box .squareContainer .squareStyle:nth-child(8) {
  border-bottom: 2px solid #0872BC;
}
.commissionBlock .countryCommission {
  width: 20%;
}
@media only screen and (max-width: 1441px) {
  .canadaDirectUniCount .innerBox .uniCountBox {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
  }
  .canadaDirectUniCount .innerBox .uniCountBox img {
    max-height: 20px;
    width: auto;
  }
  .canadaDirectUniCount .innerBox .uniCountBox h5 {
    font-size: 9px !important;
    height: 25px;
    width: auto;
    min-width: 25px;
    line-height: 3;
  }
  .canadaDirectUniCount .innerBox .btnBox a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 560px) {
  section.banner1 {
    height: auto !important;
  }
  section.banner1 .img {
    display: none;
  }
  .login--wCard {
    width: 80% !important;
  }
  .direct-uni-box .canadaDirectUniCount {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .commissionBlock .countryCommission {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .institute--event .table-head h5 {
    width: 65% !important;
  }
  .institute--event .event-teaser .event-meta {
    flex-direction: column;
  }
  .institute--event .event-teaser .event-title {
    padding-right: 0;
  }
  .institute--event .event-teaser .event-date-day1 {
    width: 100%;
  }
  .institute--event .event-teaser .event-venue-wrap1 {
    padding: 20px 0;
    margin-left: 0;
  }
  .institute--event .event-teaser .reg_btn {
    margin-left: 0 !important;
  }
  .institute--event .event-teaser .regTime {
    margin: 10px 0;
  }
}
.WcStyle {
  padding: 3px !important;
}
.penSpan {
  background: #fff;
  white-space: nowrap;
  text-transform: capitalize;
  padding: 3px 12px;
  border-radius: 50px;
  font-weight: 500 !important;
  font-size: 12px;
  border: 2px solid;
}
.gic-list .active {
  color: #50C37E;
  border-color: #50C37E;
}
.gic-list .pending {
  color: #bccf5b;
  border-color: #bccf5b;
}
.rc-table table td span.inactive {
  color: #ff3f5b;
  border-color: #ff3f5b;
}
.rc-table table td:first-child img {
  width: 35px;
}
.rc-table table td a {
  font-weight: 500;
  color: #3E6AB4;
}
.rc-table table td:last-child {
  white-space: nowrap;
}
.rc-table table td:last-child button {
  padding: 0;
  width: 30px;
  height: 30px;
}
.rc-table table td:last-child button img {
  width: 100%;
}
.debit2 {
  color: #ff0000;
  font-weight: 600;
}
.credit2 {
  color: #008000;
  font-weight: 600;
}
.nav-sidebar .nav-item .nav-link1 {
  font-size: 13px !important;
}
.table-head.table-head-new h6 {
  font-size: 15px !important;
  margin: 0 !important;
  width: auto !important;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.travel-plan-table .ant-table-bordered .ant-table-thead > tr > th,
.travel-plan-table .ant-table-bordered .ant-table-tbody > tr > td {
  vertical-align: top;
}
.gic-manager .header-box {
  padding: 10px 20px 5px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  color: #0f52ba;
}
.round-selector .ant-select-selection__rendered ul {
  padding: 0 10px;
}
.round-selector .ant-select-selection__rendered ul li {
  border-radius: 50px;
}
.feedback-button.selected {
  border: 2px solid #1890ff !important;
}
.tag-gic {
  color: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  width: 200px;
  display: flex;
  align-items: center;
}
.travel-carousel .slick-list {
  padding-left: 20px;
}
.travel-carousel .slick-dots {
  position: absolute;
  bottom: 0px !important;
}
.travel-carousel .slick-dots li {
  border-bottom: none;
  background: none !important;
}
.travel-carousel .slick-dots li button {
  background: #0872bc !important;
  height: 5px !important;
}
.travel-carousel .slick-arrow.slick-prev {
  font-size: 10px;
}
.travel-carousel .ant-carousel .slick-prev::before {
  content: '<';
  z-index: 1000 !important;
  display: block;
  position: relative;
  bottom: 10px;
  right: 0px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  justify-content: center;
  align-items: center;
  padding: 9px 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.travel-carousel .slick-arrow.slick-next {
  font-size: 10px;
}
.travel-carousel .ant-carousel .slick-next::before {
  content: '>';
  display: block;
  position: relative;
  right: 0px;
  left: 0;
  bottom: 10px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  justify-content: center;
  align-items: center;
  padding: 9px 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.marketingUserBox2 .managerHead2 {
  margin-right: auto;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.marketingUserBox2 .managerHead2 .universityFlag {
  font-size: 11px;
  font-weight: 600;
}
.marketingUserBox2 .managerHead2 .universityFlag img {
  height: 20px;
  width: auto;
  border-radius: 3px;
}
.marketingUserBox2 .travel-avator {
  border: 2px solid;
  padding-right: 0;
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 15px;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.text-black {
  color: #212529;
}
.ant-input-group-wrapper {
  padding: 0 !important;
}
.ant-input-group-wrapper .ant-input {
  height: 40px;
}
tr.warning_tr td {
  background-color: #fcf8e3 !important;
}
.feedbackButton.selected {
  /* Selected button styles */
  background-color: #f0f0f0 !important;
  color: #333;
  border: 1px solid #ccc;
}
.successTag2 {
  background: #c2cdd5;
  border: 1px solid #0872bc;
  padding: 1px 20px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
}
.managerHead2 {
  margin-right: auto;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 100%;
}
.universityWiseBlock {
  margin-top: 15px !important;
}
.flagBox {
  height: 35px;
}
.liveReportingOuter {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 30px;
}
.liveReportingOuter .liveReportingInnerBox {
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  font-size: 15px;
  text-align: center;
}
.liveReportingOuter .liveReportingInnerBox .reportingInnerBox {
  height: 100px;
}
.sopModalRow {
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}
.successMessage {
  font-size: 18px;
  /*color: #1556bc;*/
  color: black;
  margin-bottom: 20px;
}
.buttonContainer {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.viewButton,
.closeButton {
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
.viewButton {
  background-color: #2196F3;
  color: white;
}
.viewButton:hover {
  background-color: #1976D2;
}
.closeButton {
  background-color: #f44336;
  color: white;
}
.closeButton:hover {
  background-color: #d32f2f;
}
.status-list-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 20px;
}
.status-list-grid .status-item-grid {
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
  /*    &::after {
            content: "|";
            display: inline-block;
          }*/
}
.status-list-grid .status-item-grid .status-box {
  display: inline-block;
}
.status-list-grid .status-item-grid .status-box .status-name {
  font-size: 15px;
  color: #666;
}
.status-list-grid .status-item-grid .status-box .status-count {
  color: #0f52ba;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
.liveReportTarget {
  margin-top: 10px;
}
.target-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 13px;
  font-weight: 500;
}
.target-box .value-box {
  display: flex;
  justify-content: center;
}
.target-box img {
  height: 20px;
  margin-right: 5px;
}
.target-box span {
  font-size: 17px;
}
.custom-autocomplete .ant-select-search__field__wrap {
  width: 100%;
}
.assessment_profile_card {
  background-color: #e6f0ff;
  border-radius: 10px;
  position: relative;
}
.assessment_profile_card .assessment-info-box .person-name {
  color: #0070cc;
  font-weight: 600;
  margin: 0;
}
.assessment_profile_card .document_box {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.assessment_profile_card .cross_btn {
  position: absolute;
  right: -8px;
  top: -8px;
  background: #0f52ba;
  border-radius: 50px;
  width: 22px;
  height: 22px;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
/* Larger screens */
@media (min-width: 1400px) {
  .canadaDirectUniCount {
    width: 32% !important;
    padding: 0 15px !important;
  }
  .card-pane-right.listing-section {
    padding: 30px 3rem 30px 4rem;
    display: flex;
    align-items: center;
  }
  .download-pdf-flag {
    width: 25px !important;
    height: 21px !important;
  }
  .download-pdf-text {
    font-weight: 600 !important;
    font-size: 19px !important;
  }
  .card-pane-right.listing-section ul li p {
    word-spacing: normal;
  }
  .card-pane-right.listing-section ul li {
    width: 23.6% !important;
    display: inline-block;
  }
}
@media print {
  body {
    font-family: Poppins, sans-serif;
    font-size: 12px;
  }
  .card-body {
    padding: 8px;
  }
  .download-pdf-flag {
    height: 20px;
    width: 25px;
    margin-right: 15px;
  }
  h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
}
.squareContainerContract {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}
.squareContainerContract .squareStyle {
  width: 45px;
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
}
.squareContainerContract .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.squareContainerContract .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.squareContainerContract .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.squareContainerContract .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.squareContainerContract .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
/* Login page shared styles */
.login-page-like {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.login-page-like::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/image/banner.png') no-repeat center bottom;
  background-size: 100% auto;
}
.login-page-like .login-topbar {
  position: relative;
  z-index: 2;
  padding: 38px 0 10px;
}
.login-page-like .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-page-like .topbar-logo img {
  width: 230px;
  max-width: 100%;
}
.login-page-like .topbar-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.login-page-like .pill-btn {
  height: 48px;
  min-width: 140px;
  border-radius: 999px;
  border: 1px solid #c5cfdf;
  background: #fff;
  color: #1a2b4c;
  font-size: 15px;
  font-weight: 600;
  padding: 0 24px;
}
.login-page-like .dropdown .dropbtn.lite {
  height: 48px;
  min-width: 140px;
  border-radius: 999px;
  border: 1px solid #c5cfdf;
  background: #fff;
  color: #1a2b4c;
  font-size: 15px;
  font-weight: 600;
  padding: 0 22px;
}
.login-page-like .pill-btn.active {
  background: #1f56d9;
  color: #fff;
  border-color: #1f56d9;
  box-shadow: 0 6px 14px rgba(31, 86, 217, 0.25);
}
.login-page-like .login-body {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - 96px);
  display: flex;
  align-items: center;
}
.login-page-like .login-left {
  width: 100%;
  max-width: 520px;
  margin-top: -40px;
}
.login-page-like .login-title {
  margin: 0 0 20px;
  color: #101f39;
  font-size: 42px;
  font-weight: 600;
}
.login-page-like .input-wrap {
  position: relative;
  margin-bottom: 20px;
}
.login-page-like .input-wrap .ant-form-item {
  margin-bottom: 0;
}
.login-page-like .login-input.ant-input {
  border: none;
  background: #dfe5ee;
  height: 64px;
  border-radius: 8px;
  padding: 0 58px 0 22px;
  font-size: 15px;
  color: #1f2a3f;
}
.login-page-like .login-input.ant-input::placeholder {
  color: #8f99a9;
}
.login-page-like .input-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #2d63d8;
  font-size: 18px;
}
.login-page-like .submit-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.login-page-like .otp-btn {
  min-width: 160px;
  height: 50px;
  border-radius: 999px;
  border: none;
  background: #1f56d9;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.login-page-like .otp-hint {
  margin: 6px 0 14px;
  color: #3d4f70;
  font-size: 14px;
  line-height: 1.6;
}
.login-page-like .resendOtpBtn {
  margin-top: 10px;
  display: inline-block;
}
@media (max-width: 1200px) {
  .login-page-like::before {
    background-size: cover;
  }
}
@media (max-width: 768px) {
  .login-page-like .login-topbar {
    padding-top: 22px;
  }
  .login-page-like .topbar-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .login-page-like .pill-btn {
    height: 44px;
    min-width: 118px;
    font-size: 14px;
    padding: 0 18px;
  }
  .login-page-like .login-body {
    align-items: flex-start;
    padding-top: 40px;
  }
  .login-page-like .login-left {
    margin-top: 0;
    max-width: 100%;
  }
  .login-page-like .login-title {
    font-size: 32px;
  }
}
.bankBox {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
  border-radius: 5px;
}
.bankBox .imgBox1 {
  position: relative;
}
.bankBox .imgBox1 img {
  width: 100%;
  height: 110px;
  cursor: pointer;
  padding: 20px 20px;
  background-color: white;
  border-radius: 10px;
}
.bankBox .imgBox1 img.selected {
  border: 1px solid green;
}
.bankBox .imgBox1 .checkMark {
  background-color: green;
  height: 25px;
  width: 30px;
  position: absolute;
  top: 0;
  right: 8px;
  border-radius: 3px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bankBox .imgBox1 .checkMark .checkIcon {
  color: white;
  font-weight: 600;
}
.userNameBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
}
.userNameBox div {
  margin-top: 5px;
}
.statusBox {
  display: flex;
  align-items: center;
}
.unReadIcon {
  height: 12px;
  width: 12px;
  background: #f0ad4e;
  border-radius: 50%;
}
.nameLabel {
  margin-left: 0;
}
.userNameBox div {
  margin-top: 5px;
}
.smallAvat {
  background: white;
  vertical-align: middle;
  margin-right: 7px;
  border-radius: 50%;
  color: black;
  height: 17px;
  width: 17px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-left: 5px;
}
.test {
  display: block;
}
.qualItem {
  display: flex;
  margin-left: 20px;
}
input {
  width: 120px;
}
.inputNumber {
  margin-left: 5px;
}
.minWidth {
  min-width: 200px;
  margin-left: 5px;
}
:global .chatBox .ant-card-body {
  padding: 0;
}
:global .chatBox .emptyBox {
  height: 400px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
:global .chatBox .list {
  padding: 0;
  border-right: 1px solid #ddd;
  height: 100vh;
}
:global .chatBox .list ul {
  border-top: 1px solid #ddd;
}
:global .chatBox .list ul li {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
:global .chatBox .chatScreen {
  display: flex;
  height: 72vh;
  padding-bottom: 10px;
}
:global .chatBox .chatScreen textarea {
  padding: 15px 20px 12px !important;
  border-radius: 50px !important;
  border: 1px solid #ddd !important;
  margin: 0 5px 0 10px !important;
  background-color: #f0f0f0;
  border-bottom: 2px solid #c4c4c4 !important;
  height: 45px !important;
  line-height: 1 !important;
  overflow: -moz-scrollbars-none !important;
  -ms-overflow-style: none !important;
  overflow: hidden !important;
}
:global .chatBox .chatScreen textarea::-webkit-scrollbar {
  width: 0 !important;
}
:global .chatBox .chatScreen textarea::placeholder {
  color: #b9bbbe;
}
:global .chatBox .chatScreen div {
  border-top: none !important;
}
:global .chat-float-btn {
  position: fixed;
  z-index: 99;
  bottom: 6%;
  right: 2%;
}
:global .chat-float-btn img {
  height: 56px;
}
:global .chat-float-btn .chatCount {
  position: absolute;
  right: -5px;
  background: #d9534f;
  padding: 0;
  border-radius: 50px;
  height: 22px;
  min-width: 35px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -10px;
  font-size: 12px;
  border: 3px solid white;
}
:global .ant-list-items {
  margin-top: 10px;
}
:global .textDiv {
  display: flex;
}
:global .textDiv span {
  padding-left: 5px;
}
:global .chat-room-list ul li {
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #ececec;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
:global .chat-room-list ul li .infoDiv {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
:global .chat-room-list ul li .infoDiv .innerInfo {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 5px;
  margin-right: 10px;
}
:global .chat-room-list ul li .infoDiv i {
  color: #d7d7d7;
}
:global .chat-room-list ul li:hover {
  background: #ececec;
  border-radius: 10px;
  cursor: pointer;
}
:global .chat-room-list .ant-list-item-action li {
  border-bottom: none;
  margin-bottom: 8px;
}
:global .chat-room-list .ant-list-item-action li a {
  background: #5cb85c;
  border-radius: 50%;
  width: 25px !important;
  height: 25px;
  display: flex;
  justify-content: center;
  color: white;
  padding: 5px;
  align-items: center;
  font-size: 12px;
}
:global .chat-room-list .ant-list-item-action li a:hover {
  background: #5cb85c;
  color: white;
}
:global .avatar {
  height: 35px;
  width: 35px;
  margin-right: 10px;
  padding: 0 !important;
}
:global .goBackBtn {
  background: white;
  height: 35px;
  width: 35px;
  margin-right: 10px;
  padding: 0 !important;
  color: #0f52ba;
  line-height: 1.5;
}
:global .headerBox {
  display: flex;
  flex-direction: column;
}
:global .headerBox .headerField {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 12px;
}
:global .headerBox .titleField {
  text-transform: capitalize;
  font-size: 11px;
}
:global .unreadSpan {
  height: 25px;
}
:global .unreadSpan .unreadCount {
  background-color: #0f52ba;
  color: white;
  padding: 0;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1.7;
}
:global .time {
  color: #0f52ba;
  font-size: 12px;
}
:global .chatDrawer .ant-drawer-content {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
:global .chatDrawer .ant-drawer-header {
  background-color: #0f52ba;
}
:global .chatDrawer .ant-drawer-header .ant-drawer-title {
  color: white;
}
:global .chatDrawer .ant-drawer-header .ant-drawer-close {
  color: white;
  margin-top: 5px;
}
:global .sendBtnBox {
  padding: 0 10px 0 0;
  margin-bottom: 1px;
}
:global .sendBtnBox img {
  height: 42px;
  position: relative;
  top: 0;
}
:global .plusBtnBox {
  padding: 0 10px 0 0;
  cursor: pointer;
}
:global .plusBtnBox img {
  height: 48px;
  position: relative;
  top: 3px;
}
:global .chat-popup {
  display: block;
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 99;
  height: 85vh;
  background: white;
  top: 12%;
  box-shadow: 2px 2px 10px #ddd;
  border-radius: 10px;
  width: 400px;
}
:global .chat-popup .input-group-box {
  float: none !important;
}
:global .chat-popup .input-group-box .form-control {
  height: 35px !important;
}
:global .chat-popup .conversationList {
  padding: 0;
  overflow-y: scroll !important;
  position: relative;
  height: 70vh;
}
:global .chat-popup .conversationList h3 {
  font-size: 17px;
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 20px;
}
:global .chat-popup .header {
  padding: 20px;
  background: #039;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
:global .chat-popup .header .topHeader {
  display: flex;
  justify-content: space-between;
}
:global .chat-popup .header .menuBtn {
  width: 100px;
  text-align: right;
}
:global .chat-popup .header .menuBtn a {
  margin: 0 5px;
  font-size: 14px;
}
@media screen and (max-width: 560px) {
  :global .chat-popup {
    display: none;
  }
  :global .chat-float-btn {
    display: none;
  }
}
.userNameBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
}
.userNameBox div {
  margin-top: 5px;
}
.pageHeader {
  background: #fff;
  padding: 16px 32px 0 32px;
  border-bottom: 1px solid #f0f0f0;
}
.pageHeader .wide {
  max-width: 1200px;
  margin: auto;
}
.pageHeader .detail {
  display: flex;
}
.pageHeader .row {
  display: flex;
  width: 100%;
}
.pageHeader .breadcrumb {
  margin-bottom: 16px;
}
.pageHeader .tabs {
  margin: 0 0 0 -8px;
}
.pageHeader .tabs :global .ant-tabs-bar {
  border-bottom: none;
  margin-bottom: 1px;
}
.pageHeader .logo {
  flex: 0 1 auto;
  margin-right: 16px;
  padding-top: 1px;
}
.pageHeader .logo > img {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: block;
}
.pageHeader .title {
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
.pageHeader .action {
  margin-left: 56px;
  min-width: 266px;
}
.pageHeader .action :global .ant-btn-group:not(:last-child),
.pageHeader .action :global .ant-btn:not(:last-child) {
  margin-right: 8px;
}
.pageHeader .action :global .ant-btn-group > .ant-btn {
  margin-right: 0;
}
.pageHeader .title,
.pageHeader .content {
  flex: auto;
}
.pageHeader .action,
.pageHeader .extraContent,
.pageHeader .main {
  flex: 0 1 auto;
}
.pageHeader .main {
  width: 100%;
}
.pageHeader .title,
.pageHeader .action {
  margin-bottom: 16px;
}
.pageHeader .logo,
.pageHeader .content,
.pageHeader .extraContent {
  margin-bottom: 16px;
}
.pageHeader .action,
.pageHeader .extraContent {
  text-align: right;
}
.pageHeader .extraContent {
  margin-left: 88px;
  min-width: 242px;
}
@media screen and (max-width: 1200px) {
  .pageHeader .extraContent {
    margin-left: 44px;
  }
}
@media screen and (max-width: 992px) {
  .pageHeader .extraContent {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .pageHeader .row {
    display: block;
  }
  .pageHeader .action,
  .pageHeader .extraContent {
    margin-left: 0;
    text-align: left;
  }
}
@media screen and (max-width: 576px) {
  .pageHeader .detail {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .pageHeader .action :global .ant-btn-group,
  .pageHeader .action :global .ant-btn {
    display: block;
    margin-bottom: 8px;
  }
  .pageHeader .action :global .ant-btn-group > .ant-btn {
    display: inline-block;
    margin-bottom: 0;
  }
}
.main {
  width: 100%;
  height: 100%;
  min-height: 100%;
  transition: 0.3s;
}
.main.wide {
  max-width: 1200px;
  margin: 0 auto;
}
.content {
  margin: 24px 24px 0;
}
@media screen and (max-width: 576px) {
  .content {
    margin: 24px 0 0;
  }
}
:global .header1 {
  font-size: 20px;
  text-decoration: underline;
}
:global .mt20 {
  margin-top: 20px !important;
}
:global .aggreementCard {
  padding: 20px 80px 20px 50px !important;
  background-color: white;
  font-size: 15px;
  line-height: 1.7;
}
:global .aggreementCard a {
  text-decoration: underline !important;
}
:global .aggreementCard p {
  margin-bottom: 20px !important;
  text-align: justify;
}
:global .aggreementCard ol,
:global .aggreementCard ul {
  margin-left: 10px !important;
}
:global .aggreementCard ol li,
:global .aggreementCard ul li {
  padding-left: 10px !important;
}
:global .aggreementCard ol,
:global .aggreementCard ul {
  list-style: auto !important;
}
:global .aggreementCard ol > li {
  padding-top: 20px;
}
:global .aggreementCard ol > li::marker {
  font-weight: 600 !important;
}
:global .aggreementCard ul {
  padding-left: 10px;
}
:global .aggreementCard ul.alpha {
  list-style: lower-alpha !important;
}
:global .aggreementCard ul.roman {
  list-style: lower-roman !important;
}
:global .aggreementCard ul.roman li::marker {
  content: "(" counter(list-item) ")";
  list-style-type: circle !important;
}
:global .themeColor {
  color: #0872BC;
  font-weight: 600 !important;
}
.userNameBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
}
.userNameBox div {
  margin-top: 5px;
}
.statusBox {
  display: flex;
  align-items: center;
}
.unReadIcon {
  height: 12px;
  width: 12px;
  background: #f0ad4e;
  border-radius: 50%;
}
.nameLabel {
  margin-left: 0;
}
.filter_row {
  display: flex;
  justify-content: space-between;
}
.single_column {
  margin-right: 5px !important;
}
.table tr td {
  width: 15%;
}
.table tr td:nth-child(1) {
  width: 5% !important;
  text-align: center;
}
.table tr td:nth-child(2) {
  width: 30%;
}
.table tr th {
  font-weight: 600;
}
.table tr.bgRow {
  background-color: #d9eafd7a;
}
.table tr.bgRow td {
  padding-top: 10px !important;
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  height: 80vh;
  opacity: 0.7;
}
.hideHead thead {
  display: none !important;
}
.date-picker {
    height: 33px !important;
}

/* TaskManager.css */

.task-manager-card {
    width: 90%;
    margin: 20px 30px;
}

.task-manager-table-head {
    display: flex;
    align-items: center;
}

.task-manager-card-body {
    display: flex;
    flex-direction: column;
}

.task-manager-input-section {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.task-manager-input {
    width: 40%;
    margin-right: 8px;
}

.task-manager-datepicker {
    width: 150px;
    height: 32px;
}

.task-manager-assignee-input {
    width: 150px;
    margin-left: 8px;
}

.task-manager-priority-input {
    width: 150px;
    margin-left: 8px;
    border-radius: 15px;
}

.task-manager-add-task-button {
    background-color: #164fb6;
    border: none;
    margin-right: 14px;
}


body {
    font-family: 'Arial', sans-serif; /* Choose a suitable font-family */
}

/* Component-specific styles */
.card {
    background-color: #f5f5f5; /* Light gray background */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Add padding for better spacing */
}

.taskWrapper {
    background-color: #0f52ba; /* Dark blue header background */
    color: white; /* White text color */
    padding: 10px; /* Add padding to the header */
    border-radius: 8px; /* Rounded corners for the header */
    height: 20px;
}

.card-body {
    margin-top: 20px; /* Add some space between the header and content */
}

/* Input and Button styles */
.ant-input,
.date-picker,
.ant-select-selection {
    border-radius: 5px; /* Rounded corners for input and select elements */
}

/* Button styles */
.ant-btn-primary {
    background-color: #0f52ba; /* Dark red for primary buttons */
    border-color: #0f52ba; /* Dark red border color */
    border-radius: 5px; /* Rounded corners for buttons */
}

.ant-btn-link {
    color: #000; /* Dark red for link buttons */
}

/* Modal styles */
.ant-modal-header {

    color: white; /* White text color for modal header */
    border-radius: 8px 8px 0 0; /* Rounded corners for modal header */
}

.ant-modal-body {
    padding: 20px; /* Add padding to the modal body */
}

/* List styles */
.ant-list-item {
    border-bottom: 1px solid #d9d9d9; /* Light gray border between list items */
}

/* Button inside List styles */
.ant-btn-link {
    color: #000; /* Dark red for link buttons inside the list */
}

/* Button inside Popconfirm styles */
.ant-popover-inner-content {
    background-color: #fff; /* White background for Popconfirm content */
}

.ant-btn-danger {
    color: #fff; /* White text color for danger buttons */
    background-color: #f5222d; /* Red background for danger buttons */
    border-color: #f5222d; /* Red border color for danger buttons */
}

.card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add a subtle box shadow */
}

/* style.css or your custom CSS file */
.input-hover {
    transition: box-shadow 0.3s ease;
}

.input-hover:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.button-hover {
    transition: transform 0.3s ease;
}

.button-hover:hover {
    transform: scale(1.2);
}

.primary-button-hover {
    transition: background-color 0.3s ease;
}

.cancel-button-hover {
    transition: background-color 0.3s ease;
}

.cancel-button-hover:hover {
    color: white
}

.remove-btn:hover {
    color: white;
    border: none;
}

.datepicker-input {
    height: 34px;
}

.group-by-button-hover {
    border-bottom: 1px solid transparent !important;
    border: none;
    margin-left: 8px;
    transition: border-color 0.3s ease-in-out;
}

.group-by-button-hover:hover {
    border-color: #1890ff !important;
}

.show-complete-tasks-button-hover,
.show-future-tasks-button-hover {
    border-bottom: 1px solid transparent !important;
    border: none;
    margin-left: 8px;
    transition: border-color 0.3s ease-in-out;
}

.show-complete-tasks-button-hover:hover,
.show-future-tasks-button-hover:hover {
    border-color: #1890ff !important;
}

/* Add these styles to your CSS or SCSS file */
.group-by-button-hover,
.show-complete-tasks-button-hover,
.show-future-tasks-button-hover {
    border-bottom: 1px solid transparent !important;
    border: none;
    margin-left: 8px;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Add box shadow */
}

.group-by-button-hover:hover,
.show-complete-tasks-button-hover:hover,
.show-future-tasks-button-hover:hover {
    border-color: #1890ff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adjust box shadow on hover */
}


/* Add these styles to your CSS or SCSS file */
.table-comp-shadow {
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1); /* Add box shadow */
    transition: box-shadow 0.3s ease-in-out;
}

.table-comp-shadow:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adjust box shadow on hover */
}


/* Recorder styling */
.recorder-container {
    margin: 20px;
}

.recorder-buttons {
    margin-bottom: 10px;
    position: relative;

}

.btn-record {
    margin-right: 10px;
}

.live-video {

    width: 100%;
    height: 100%;
}

.audio-recording-icon {
    animation: blink-animation 0.5s infinite alternate;
}

@keyframes blink-animation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

.audio-recording-modal .ant-modal-content {
    position: relative;
}

.audio-recording-modal .delete-audio-btn {
    position: absolute;
    top: 92px;
    padding-left: 10px;
    /* right: 324px; */
    color: red;
    font-size: 18px;
}

.mini-screen-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background-color: black;
}

.mini-screen {
    position: relative;
    width: 300px; /* Adjust as needed */
    height: 200px; /* Adjust as needed */
    border: 1px solid #ccc;
}

.mini-screen-video {
    width: 100%;
    height: 100%;
}


/*drawer task profile */

.head-text h6 {
    font: 30px/30px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-light, 300);
    margin: 0;
    padding: 21px 0 21px 0;
    display: block;
    word-wrap: break-word;
    margin-left: 20px;
}

.drawer-head {
    margin: 0px 5px 5px 5px;

}

.contents {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.left-side {
    background-color: white;
    border: 1px solid white;
    border-radius: 8px;
    width: 63%;
    margin: 0px 22px 10px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    height: 320px;
}

.progress-wrap {
    background-color: white;
    border: 1px solid white;
    border-radius: 8px;
    width: 64%;
    margin: 0px 10px 10px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.right-side {
    background-color: white;
    border: 1px solid white;
    border-radius: 8px;
    width: 35%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.text-area {
    overflow: auto;
    resize: vertical;
    border-radius: 7px;
    border: none;
    width: 100%;
    height: 109px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
}


.tabs-container1 {
    background: #f0f0f0;
}

.custom-tabs1 {
    display: flex;
    padding: 1px;
}

.custom-tabs1 button {
    font-size: 15px;
    margin: 5px;
    margin-right: 0px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    transition: background-color 0.3s ease;
    padding: 8px 12px;
    border-radius: 5px;
}

.custom-tabs1 button:hover {
    background-color: #56D1E0;
    color: white;
}

.custom-tabs1 button.active {
    background-color: #56D1E0;
    color: white;
}

.custom-tabs1 button:active {
    background-color: #56D1E0;
    color: white;
}

.custom-tabs1 button:focus {
    outline: none;
}

.progress-color {
    position: relative;
    display: inline-block;
    width: 90%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #f5f5f5;
    border-radius: 100px;
    margin: 16px;
}

.right-text {
    margin: 14px;
    color: gray;
}

.info-text {
    display: flex;
    align-items: center;
    padding: 0px;
    background: rgba(47, 198, 246, .1);
    border-radius: 48px;
    margin: 0px 63px;
    width: 80%;
}

.comments-box, .history-box {
    width: 62%;
    background-color: white;
    /* border-radius: 0px 8px 0px 8px; */
    padding: 15px;
    height: 300px;
    overflow-y: auto;
    margin-left: 19px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}


.comment {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    /*margin-right: 30px;*/
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.comment-text {
    flex: 1 1;
    background-color: #f0f0f0;
    border-radius: 35px;
    padding: 12px 20px 12px 20px;
    max-width: 85%;
}

.todo-comments-box .comment-text {
    flex: 1 1;
    background-color: #f0f0f0;
    border-radius: 35px;
    padding: 12px 20px 12px 20px;
    max-width: 95%;
}

.comment-author {
    margin-bottom: 5px;
}

.comment-author .name {
    text-transform: capitalize;
}

.comment-author .date {
    color: #0f52ba;
    font-size: 10px;
    font-style: italic;
    float: right;
    font-weight: 600;
}

.time-span {
    color: #0f52ba;
    font-size: 10px !important;
    font-style: italic;
}

.tab-menu {
    padding: 11px;
    border: none;
    border-radius: 12px 12px 0 0;
    margin-right: 5px;
    margin-left: 19px;
    background: #e5e0e9;
}

.tab-menu:hover {
    background-color: white;
}

.tab-menu.active {
    background-color: white;
}

.input-comment {
    text-overflow: ellipsis;
    flex-grow: 1;
    margin-right: 10px;
    height: 50px !important;
    border-radius: 20px;
    width: 80%;
}

.todo-input {
    text-overflow: ellipsis;
    flex-grow: 1;
    margin-right: 10px;
    height: 42px !important;
    border-radius: 20px;
    width: 80%;
}

.todo-comments-box {
    min-height: 70vh;
}

.todoText {
    height: 150px;
    overflow-x: auto;
}

.activityTab {
    margin-left: 19px;
    background-color: white;
    width: 62%;
    border-radius: 10px;
    padding: 10px;
    flex-direction: column;
}

.left-row {

    margin-bottom: 10px;
    background: #0f52ba;
    padding: 10px;
    margin-top: -6px;
    border-radius: 5px;
}


/* Add this CSS in your stylesheet */
.priority-select {
    position: relative;
    display: inline-block;
}

.priority-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    width: 120px;
}

.priority-select::after {
    content: '\25BC';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}

.priority-select select:hover,
.priority-select select:focus {
    border-color: #007bff;
}


.task-text {
    font-size: 14px;
    color: #555;

}

.even-row {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 10px;
}

.odd-row {
    display: flex;
    justify-content: space-between;
    background-color: #f2f2f2;
    padding: 10px;
}

.filter-select {
    border: none;
    height: 34px !important;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.filter-select .ant-calendar-picker-input.ant-input, .ant-time-picker-input {
    height: 34px !important;
    border: none;
    border-radius: 5px;
}
.card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    overflow: hidden;
}

.card-container:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: scale(1.03);
}

.card-content {
    text-align: center;
    font-size: 14px;
    transition: transform 0.3s ease-in-out;
}

/*.card-container:hover .card-content {
  transform: scale(1.01);
  height: 330px;
}*/

.icon-plus {
    float: right;
    font-size: 20px;
    border: 1px solid white;
    padding: 4px;
    margin-right: -71px;
    transition: font-size 0.3s ease-in-out;
}

.icon-plus:hover {
    font-size: 22px;
    color: white;
}

.custom-panel:hover,
.custom-panel:active,
.custom-panel:focus {
    background: linear-gradient(to right, #87ceeb, #0f52ba);
}

.custom-panel:hover > .ant-collapse-header,
.custom-panel:active > .ant-collapse-header,
.custom-panel:focus > .ant-collapse-header {
    color: white;
}

.collapsible {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

.button-part,
.button-part1,
.button-part2,
.button-part3 {
    background-color: rgb(142, 16, 41);
    color: white;
    width: 100%;
    border: none;
    min-height: 37px;
    transition: transform 0.3s ease;
}

.button-part:hover,
.button-part1:hover,
.button-part2:hover,
.button-part3:hover {
    transform: scale(1.1);
    background-color: rgb(142, 16, 41);
    color: white;
}

.button-part1 {
    background-color: #0f52ba;
}

.button-part1:hover {
    background-color: #0f52ba;
    color: white;
}

.button-part2 {
    background-color: rgb(4, 147, 4);
}

.button-part2:hover {
    background-color: rgb(4, 147, 4);
    color: white;
}

.button-part3 {
    background-color: purple;
}

.button-part3:hover {
    background-color: purple;
    color: white;
}


.profile-area {
    padding: 10px;
}

.profile-img-container {
    text-align: center;
}

.profile-img {
    border: 2px solid #0f52ba;
    border-radius: 50%;
    font-weight: 400;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.head-text {
    color: #0f52ba;
    margin-bottom: 15px;
}

.profile-text {
    color: gray;
    font-size: 14px;
    margin-bottom: 5px;
}

.profile-text a {
    text-decoration: underline;
    font-size: 12px;
    color: black;
}

.profile-text i {
    margin-right: 5px;
    margin-left: -6px;
}

.upcoming-events-title {
    color: #0f52ba;
    margin-left: 10px;
}

/*.add-event-btn {
  margin-top: 1rem;
  border: 2px solid white;
  padding: 6px;
  margin-left: 240px;
}*/

.past-events-title {
    color: #0f52ba;
    margin-left: 8px;
}

.past-events-row {
    margin-top: 30px;
}

.card-content {
    color: white;
}

.table-container {
    overflow-x: auto;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    margin-top: 20px;
    max-width: 100%;
}

.custom-icon {
    font-size: medium;
    color: gray;
    transition: transform 0.3s ease-in-out;
    background: white;
    border: 1px solid grey;
    border-radius: 3px;
    padding: 5px;
    margin-right: 5px;
}

.custom-icon:hover {
    transform: scale(1.2)
}

.custom-cell {
    background: gray;
    color: white;
    border-radius: 2px;
    padding: 5px;
    text-align: center;
}

.record-type {
    float: right;
    padding: 0px 3px;
}

.record-type.agent {
    background-color: rgb(142, 16, 41);
}

.record-type.educator {
    background-color: #0f52ba;
}

.record-type.university {
    background-color: rgb(4, 147, 4);

}

.recordEmail {
    color: blue;
}

.custom-form {
    margin: 20px;
    padding: 20px;
}


/* add-followup.css */

.form-container-follow {
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.form-item-follow {
    margin-bottom: 20px;
}

.button-row-follow {
    margin-top: 20px;
}

.save-button-follow {
    margin-right: 10px;
}

.ant-select-combobox .ant-select-search__field__wrap {
    width: 200%;
    height: 100%;
}

.drawer-content {
    margin-top: 5rem;
}

.agent-details {
    background: linear-gradient(to right, #87ceeb, #0f52ba);
    color: white;
    padding: 10px;
    border-radius: 10px;
}

.agent-details h6 {
    margin: 0;
}

.event-details {
    padding: 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
    border-radius: 7px;
}

.all-details {
    padding: 20px;
    margin-right: 10px;
    border-radius: 2px;
    border: 1px solid #fbf7f7;
}

.event-details-left {
    margin-left: 10px;
}

.event-details h6 {
    margin: 0;
}

.event-details p {
    margin: 0;
}

.agent-details h6, .history-div h6 {
    font-size: 14px;
}

.agent-name1, .history-div h6 {
    background-color: #0f52ba;
    color: white;
    padding: 4px;
    border-radius: 6px;
    text-align: center;
}

.history-div h6 {
    padding: 10px;
}

.agent-details span, .event-details-left span {
    float: right;
}

.event-details-left span {
    color: gray;
    font-size: 13px;
}

.avatar_text1 {
    background-color: #0f52ba;
    margin: 0 12px;
    font-size: 16px !important;
    /* border: 2px solid white; */
}

.sendBtn1 {
    border-radius: 15px !important;
    background-color: #0f52ba;
    border: none;
    color: white;
    padding: 14px !important;
}

.comment-author .date1 {
    /* color: #0f52ba; */
    font-size: 10px;
    font-style: italic;
    /* float: right; */
    /* font-weight: 600; */
    padding-left: 8px;
    color: #0f52ba;
    font-weight: 600;
}

.input-comment1 {
    text-overflow: ellipsis;
    flex-grow: 1;
    margin-right: 10px;
    height: 50px !important;
    /* border-radius: 20px; */
    width: 80%;
    border: none;
    background: #efeded;
}

.meeting-details-table {
    width: 100%;
}

.label-column {
    width: 150px;
    font-weight: 600;
}

.agent-details h6 {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.all-details {
    padding: 20px;
}

.meeting-details-table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.meeting-details-table td:first-child {
    font-weight: 600;
}

.meeting-details-table tr:last-child td {
    border-bottom: none;
}


.meeting-panel {
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    overflow: hidden;
}

.meeting-panel .meeting-details {
    padding: 10px;
}

.comment-panel {
    margin-top: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    overflow: hidden;
}

.comment-wrap {
    max-height: 400px;
    overflow-y: auto;
}

.comment-wrap-new {
    max-height: calc(100vh - 380px);
    overflow-y: auto;
}

.comment {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment-text {
    margin-left: 10px;
}

.comment-text .mb5 {
    margin-bottom: 5px;
}

.time-span {
    color: #888;
    font-size: 12px;
}


.translucent-bg {
    background-color: rgba(255, 255, 255, 0.5);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 1s ease-in-out;
}

.card-event {
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    overflow: hidden;
}

.card-content1 {
    /* text-align: center; */
    /* font-size: 16px; */
    color: white;
    transition: transform 0.3s ease-in-out;
    margin-top: 127px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.event-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.description {
    margin-bottom: 10px;
}

.show-more {
    color: orange;
    cursor: pointer;
}

.details-section {
    margin-top: 20px;
}

.detail-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.detail-item .detail-label {
    margin-right: 10px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
}

.details-header-info {
    font-size: 12px;
    margin-left: 10px;
    margin-top: 17px;
}

.col-with-line {
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.commentText1 {
    line-height: 13px;

}
.p0 {
  padding: 0 !important;
}
body {
  color: #212529 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px;
}
.logo-link {
  display: none;
}
.ant-layout {
  background: white;
}
.ant-card-head .ant-drawer-title,
.ant-drawer-header .ant-drawer-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  margin: 0;
}
input[type='text'],
input[type='password'],
input[type='number'],
.ant-select-selection {
  height: 33px;
}
.ant-input,
.ant-input-number,
.ant-select-selection--single {
  height: 33px;
}
.ant-input.ant-select-search__field {
  height: 43px !important;
  border: 1px solid #666 !important;
}
.ant-select {
  width: 100%;
  font-size: 12px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.ck.ck-reset.ck-editor.ck-rounded-corners {
  width: 100%;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4px {
  margin-top: 4px !important;
}
.mt5px {
  margin-top: 5px !important;
}
.mt5 {
  margin-top: 7px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.groupingTags {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  margin-top: 10px;
  margin-left: 10px;
}
.groupCard {
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  font-family: Poppins, sans-serif;
  cursor: pointer;
  flex-shrink: 0;
}
.groupCard-top {
  width: 220px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  font-family: Poppins, sans-serif;
  cursor: pointer;
  flex-shrink: 0;
}
.groupLeft h5 {
  margin: 0;
  color: #58BADE;
}
.groupRight {
  text-align: right;
}
.groupBalance {
  font-weight: 600;
  font-size: 22px;
  color: #222;
}
.groupStatus {
  margin-top: 4px;
  font-size: 13px;
  color: #555555;
  line-height: 1.1;
  font-family: Poppins, sans-serif;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px;
}
.mb100 {
  margin-bottom: 100px;
}
.customForm .ant-select {
  width: 100%;
}
.customForm .ant-form-item-label {
  line-height: 28.9999px;
}
.customForm .ant-form-item {
  margin-bottom: 2px;
}
.ant-layout-sider {
  background: white;
  border-right: 3px solid #ededed !important;
}
.ant-form-item {
  margin-bottom: 2px;
}
.apply-for-esim {
  background: #0f52ba;
  padding: 6px 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
  color: white;
}
.esim-country-name {
  font-size: 14px;
  font-weight: 600;
}
.esim-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.esim-country {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}
.custom-nav-arrow left-arrow {
  background-color: red;
}
.esim-country-flag {
  position: absolute;
  top: 8px;
  right: 8px;
  background: white;
  padding: 2px;
  border-radius: 4px;
}
.antd-pro-components-sider-menu-index-logo {
  text-align: center;
  height: 60px;
  background: white !important;
  padding: 5px 5px 5px 0;
  display: flex;
}
.antd-pro-components-sider-menu-index-logo img {
  height: 100%;
}
.ant-layout-sider-collapsed .antd-pro-components-sider-menu-index-logo {
  text-align: left;
  height: 60px;
  background: white;
  padding: 5px;
  display: flex;
}
.ant-layout-sider-collapsed {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
.ant-layout-sider-collapsed .antd-pro-components-sider-menu-index-logo a {
  text-align: center;
}
.ant-menu-submenu-popup {
  left: 120px !important;
}
.ant-menu-inline-collapsed {
  padding-top: 0 !important;
  /*.ant-menu-item-selected {
      background-color: #22ade2 !important;
    }*/
  /* li {
       padding: 0 10px !important;
       display: flex;
       width: 100% !important;
       justify-content: center;
       align-items: center;
       height: 60px !important;

       .ant-menu-submenu > .ant-menu-submenu-title {
         padding: 0 10px !important;
       }

       span, a {
         line-height: 15px;
         color: #fff;
         display: flex !important;
         flex-direction: column !important;
         width: 100% !important;
         justify-content: center;
         align-items: center;

         span {
           opacity: 1 !important;
         }
       }
     }*/
}
.englishTypeBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.englishTypeBox div {
  width: 80px;
}
/*.inputBox {
    margin-top: 10px;
    margin-bottom: 10px;

    .labelRow {
      line-height: 25px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 2px 0;

      .extra {
        a {
          margin-left: 10px;
        }
      }
    }

    .labelNew {
      //line-height: 25px;
      line-height: 34px;
      color: rgba(0, 0, 0, 0.65);
      float: left;
      margin: 0 15px 0;
    }

    .innerBox {
      //margin-top: 14px;

      &.logoCls {
        //margin-top: 10px;
      }

      .ant-calendar-picker {
        width: 100%;
      }
    }

    .uniTypeCheckbox {
      .ant-checkbox-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;

        label {
          width: 45%;
          margin-bottom: 5px;
        }
      }
    }
  }*/
.inputBox {
  /*margin-top: 10px;
    margin-bottom: 10px;*/
  margin-bottom: 12px;
}
.inputBox .labelRow {
  padding: 0 10px;
  display: inline-block;
  overflow: hidden;
  line-height: 30px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.inputBox .labelRow .extra a {
  color: #000000d9;
  margin-left: 10px;
  text-decoration: underline;
}
.inputBox .labelNew {
  float: left;
  /*color: #666;
      margin-bottom: 0;*/
  color: rgba(0, 0, 0, 0.65) !important;
  margin: 0 15px 0;
  line-height: 39.999px;
}
.inputBox .innerBox {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.inputBox .innerBox .ant-calendar-picker {
  width: 100%;
}
.inputBox .uniTypeCheckbox .ant-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.inputBox .uniTypeCheckbox .ant-checkbox-group label {
  width: 45%;
  margin-bottom: 5px;
}
.ant-select-selection--multiple {
  height: auto;
}
.ant-input-number {
  width: 100%;
}
.courseBox {
  line-height: 22px;
}
.courseBox .ant-card-body {
  padding-bottom: 0;
}
.courseBox a {
  color: #0064e1;
}
.courseBox .ant-card-bordered {
  border: none;
  border-bottom: 1px solid #e8e8e8;
}
.courseBox .uniInfo {
  display: flex;
  align-items: center;
  font-weight: normal;
  padding: 8px 24px;
}
.courseBox .uniInfo img {
  height: 48px !important;
  width: 48px !important;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.courseBox .uniInfo .uniName {
  font-size: 20px;
}
.courseBox .uniInfo .uniName .uniAdd {
  font-size: 15px;
}
.courseBox .courseRow {
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 9px;
  padding: 12px 24px;
}
.courseBox .courseRow:last-child {
  border: none;
}
.courseBox .courseRow .courseName {
  font-size: 13px;
  margin-right: 20px;
}
.courseBox .courseRow .courseInfo {
  font-weight: normal;
  font-size: 15px;
  margin-top: 8px;
}
.courseBox .courseRow .courseInfo .ant-col {
  line-height: 1;
}
.courseBox .courseRow .courseInfo .ant-col span {
  font-size: 12px;
}
.courseBox .courseRow .courseInfo .ant-col small {
  font-size: 12px;
}
.courseBox .courseRow .courseInfo .ant-col button {
  color: #2f8ac9;
}
.courseBox .loadAllBtn {
  display: flex;
  justify-content: space-between;
  padding: 10px 100px;
  position: absolute;
  z-index: 999;
  top: 100px;
  width: 100%;
  background: #1890ff54;
  font-size: 17px;
  font-weight: 500;
  align-items: center;
  border-left: 10px solid #1890ff;
}
.universityBox a {
  color: #0064e1;
}
.universityBox .ant-col {
  margin-bottom: 10px;
}
.universityBox .uniInfo {
  display: flex;
  align-items: center;
  font-weight: normal;
  padding: 8px 5px;
  height: 50px;
}
.universityBox .uniInfo img {
  height: 40px;
  width: 40px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.universityBox .uniInfo .uniName {
  font-size: 15px;
}
.universityBox .uniInfo .uniName .uniAdd {
  font-size: 13px;
}
.linkBtn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  touch-action: manipulation;
  height: 32px;
  padding: 3px 40px;
  font-size: 13px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
}
.linkBtn i {
  margin-right: 5px;
}
.linkBtn.small {
  height: 28px;
  padding: 2px 10px;
}
.alignCenter {
  text-align: center;
  cursor: pointer;
}
.alignRight {
  text-align: right !important;
}
.alignLeft {
  text-align: left !important;
}
.loadMoreBox {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  margin-bottom: 15px;
}
.totalCourseCount {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  position: relative;
}
.vertical-form .header {
  font-size: 25px !important;
  color: #606a84;
  margin-top: 10px;
}
.vertical-form .ant-card {
  margin-bottom: 20px;
}
.vertical-form .ant-row {
  margin-bottom: 0;
}
.vertical-form .ant-row .ant-form-item-label {
  text-align: left;
  line-height: 30px;
}
.vertical-form .ant-calendar-picker {
  width: 100%;
}
.sticky {
  /*position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    left: 0;*/
  position: fixed;
  top: 0;
  width: calc(100% - 168px);
  z-index: 10;
  opacity: 0.9;
}
.outerLoader {
  height: 100%;
  width: 100%;
  background: #ffffffc7;
  z-index: 99999;
  position: fixed;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #1890ff;
  font-size: 25px;
}
.outerLoader .ant-spin-dot {
  font-size: 40px;
}
.outerLoader .mainLoader {
  margin-top: 20px;
  font-size: 50px;
}
.outerLoader .mainLoader i {
  margin-right: 20px;
}
.outerLoader .ant-progress-text {
  display: block !important;
}
.imgSm {
  height: 50px;
  width: 50px;
}
input[type='file']::-webkit-file-upload-button {
  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-weight: normal;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  height: 100%;
  border: none;
  border-right: 1px solid #ddd;
  width: 150px;
  margin-right: 10px;
}
.ant-form input[type='file']:focus {
  outline: 0 auto -webkit-focus-ring-color !important;
  border-color: white;
}
.rowFlex {
  display: flex;
}
.rowFlex > div {
  width: 100%;
}
.rowFlex button {
  margin-left: 10px;
}
.rowFlex .d1 {
  width: 100%;
}
.rowFlex .d1.mr10 {
  margin-right: 10px;
}
.rowFlex .d2 {
  width: 100%;
  margin-left: 10px;
}
.linkBtn {
  line-height: 1.499;
  position: relative;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  touch-action: manipulation;
  height: 40px;
  padding: 0 10px;
  font-size: 18px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #666;
  color: rgba(0, 0, 0, 0.65);
  margin-left: 5px;
  background-color: white;
  margin-top: 1px;
}
.linkBtn.sm {
  height: 25px;
  padding: 0 10px;
  font-size: 13px;
}
ul.list {
  padding-left: 0;
}
ul.list li {
  justify-content: space-between;
  border: 1px solid #ddd;
  align-items: center;
  padding: 5px 10px;
  border-bottom: none;
}
ul.list li:last-child {
  border-bottom: 1px solid #ddd;
}
.padd-5-bb-1 {
  border-bottom: 1px solid #d3d3d34a;
  padding: 7px 5px;
  font-size: 13px;
  color: #2a2a2a;
}
.padd-5-bb-1 .ant-row .ant-col:first-child {
  color: #333 !important;
}
.ant-success {
  color: #0872bc;
}
.ant-info {
  color: #5bc0de;
}
.ant-warning {
  color: rgba(240, 173, 78, 0.87);
}
.card.unizportal button.btn[type='submit'] {
  width: 150px;
  background: #1556bc;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0 0;
  border-radius: 50px;
  font-weight: 600;
  height: 42px !important;
}
.ant-btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ant-btn-basic {
  color: #333;
  background-color: #f1f1f1;
  border-color: #f7ebeb;
}
.successTag {
  background: #0872bc;
  border: 1px solid #0872bc;
  padding: 1px 20px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
}
.statusDiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.statusDiv .statusBox {
  height: 30px;
  background: #fff;
  border-radius: 0;
  text-align: center;
  border: 1px solid #ddd;
  margin: 3px 0;
  color: #333;
  padding: 3px;
  font-size: 12px;
  width: 350px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.statusDiv .statusBox .icon {
  position: absolute;
  right: 10px;
  color: rgba(240, 173, 78, 0.87);
  top: 25%;
}
.bgTheme {
  background-color: #0872bc !important;
  border: 1px solid #0872bc !important;
  color: white !important;
}
.bgTheme .icon {
  color: #0872bc !important;
}
table tbody tr:nth-child(odd) {
  background: white;
}
table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.applicationProfile {
  overflow: hidden;
  height: calc(100vh - 200);
}
.applicationProfile .imgDiv {
  display: inline-flex;
}
.applicationProfile aside {
  display: none;
}
.applicationProfile .ant-layout-content {
  padding: 0;
  margin: 0;
}
.applicationProfile .ant-drawer-header {
  background-color: #fafafa;
  border-radius: 0;
  padding: 10px 20px;
}
.applicationProfile .ant-drawer-header .ant-drawer-title {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 15px;
}
.applicationProfile .ant-drawer-header .ant-drawer-close {
  color: rgba(0, 0, 0, 0.85);
}
.applicationProfile .input-group-box {
  width: 40%;
}
.applicationProfile .logo-link {
  display: block;
}
.applicationProfile .displayName {
  display: none;
}
.bgWhite {
  background: white !important;
}
.appProfile {
  overflow: hidden !important;
  background: #f5f8fa;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.appProfile ::-webkit-scrollbar {
  width: 5px;
}
.appProfile ::-webkit-scrollbar-thumb {
  background: #a9a9a9;
}
.appProfile .align-self-stretch {
  display: flex;
  align-self: stretch !important;
  word-break: break-word;
  overflow: visible;
  flex-grow: 1;
  width: 100%;
}
.appProfile .align-self-stretch .profile-3-column {
  overflow: scroll;
  height: calc(100vh - 1px);
  padding-bottom: 45px;
}
.appProfile .align-self-stretch .profile-3-column.profile-3-col-sidebar.profile-3-col-sidebar--left {
  border-right: 1px solid #dfe3eb;
  padding-bottom: 52px;
  flex-basis: 350px;
  max-width: 500px;
  min-width: 280px;
}
.appProfile .align-self-stretch .profile-3-column.profile-3-col-sidebar--right-wrapper {
  background-color: #fff;
  display: block;
  flex-basis: 25%;
  max-width: 500px;
  transition: flex 0.15s cubic-bezier(0.16, 0.84, 0.44, 1);
  will-change: flex;
  min-width: 280px;
}
.appProfile .align-self-stretch .profile-6-column {
  padding-bottom: 45px;
}
.appProfile .align-self-stretch .profile-6-column.noteBlock {
  flex-basis: 50%;
  height: 100vh;
  padding-left: 10px;
}
.appProfile .align-self-stretch .profile-12-column {
  padding-bottom: 45px;
}
.appProfile .align-self-stretch .profile-12-column.noteBlock {
  /* flex-basis: 100%;
           //padding-top: 10px;
           height: 100vh;
           //border-left: 1px solid #ddd;
           //border-right: 1px solid #ddd;
           padding-left: 10px;
           overflow: hidden;
           border-bottom: 3px solid #ededed;
           padding-top: 15px;*/
  flex-basis: 100%;
  height: 100vh;
  /* padding-left: 10px; */
  overflow: hidden;
  border-bottom: 3px solid #ededed;
  /* padding-top: 15px; */
  border-top: 1px solid #ededed;
}
.appProfile .align-self-stretch .profile-12-column.noteBlock.noteBlockAgent {
  height: auto !important;
  max-height: 100vh !important;
}
.appProfile .align-self-stretch .profile-12-column.noteBlock.noteBlockAgent .scrollView {
  height: auto !important;
  max-height: 100vh !important;
}
.appProfile .infoBox {
  line-height: 1.5;
  margin-bottom: 10px;
}
.appProfile .infoBox label {
  font-size: 12px;
  color: #1890ff;
}
.appProfile .bgWhite {
  background: white !important;
}
.appProfile .bgWhite .ant-card-body {
  padding: 0;
}
.appProfile .actionBlock {
  display: flex;
  justify-content: space-between;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
  background: white;
  margin-top: 10px;
}
.appProfile .stuInfo {
  padding: 18px 45px;
}
.appProfile .leftBlock {
  text-align: center;
}
.appProfile .bgImg {
  height: 80px;
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
.appProfile .logo {
  height: 80px;
  width: 80px;
}
.appProfile .font15 {
  font-size: 15px;
}
.appProfile .appInfo {
  margin-top: 10px;
  font-size: 13px;
  line-height: 2.3em;
}
.appProfile .appInfo .moveBtn {
  display: flex;
  justify-content: space-between;
}
.appProfile .appInfo .moveBtn .ant-btn {
  margin-left: 10px;
}
.appProfile .ant-collapse-header {
  background: white;
}
.appProfile .ant-collapse-content {
  border: none;
}
.appProfile .noteBlock {
  height: 100vh;
  border-left: 3px solid #ededed;
  border-right: 3px solid #ededed;
  overflow: scroll;
  background: white;
  /* &::-webkit-scrollbar-track {
         background: #f1f1f1;
       }

       &::-webkit-scrollbar-thumb {
         background: @primary;
       }

       &::-webkit-scrollbar-thumb:hover {
         background: @success;
       }*/
}
.appProfile .noteBlock::-webkit-scrollbar {
  width: 3px;
}
.appProfile .noteBlock .activityBlock {
  padding: 30px 10px 10px 50px;
}
.appProfile .noteBlock .noteCardOuter {
  margin: 10px;
}
.appProfile .noteBlock .noteCardOuter .dateLabel {
  font-size: 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.appProfile .noteBlock .noteCardOuter .noteCard {
  background: white;
  line-height: 2.5;
  font-size: 15px;
  box-shadow: 2px 2px 10px #ddd;
  margin-bottom: 20px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content {
  display: flex;
  padding: 5px 20px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content i {
  margin-top: 10px;
  margin-right: 20px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content .noteContent {
  width: 100%;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content .noteContent .title {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .content .noteContent .title .date {
  font-size: 12px;
  color: #9d8e8e;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm {
  padding: 0;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent {
  width: 100%;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title {
  background: #dfe6ed;
  color: black;
  padding: 0 10px;
  border: 1px solid #80808014;
  display: flex !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  font-size: 12px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title .leftTit {
  display: flex;
  padding: 5px 0;
  align-items: flex-start;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title .leftTit i {
  font-size: 12px;
  margin-right: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .title .leftTit .subject {
  line-height: 1;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .commContent {
  padding: 10px 20px 10px 50px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .commContent strong {
  margin-right: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .contentComm .noteContent .date {
  display: flex;
  font-size: 10px;
  line-height: 1;
  padding: 5px 0;
  opacity: 0.7;
}
.appProfile .noteBlock .noteCardOuter .noteCard img {
  height: 30px;
  margin-right: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .commentBlock {
  border-top: 1px solid #ddd;
  padding: 5px 20px;
  color: #1890ff;
  display: flex;
  justify-items: center;
  align-items: center;
  font-weight: 600;
  margin-top: 10px;
}
.appProfile .noteBlock .noteCardOuter .noteCard .commentBlock a {
  color: #1890ff;
  margin-left: 10px;
}
.customTag .ant-tag {
  border: none;
  background: #ddffff !important;
  padding: 2px 8px;
}
.customTag .ant-tag.noneCls {
  border: none;
  background: none !important;
  font-size: 13px;
  color: #2a2a2a;
}
.documentTitle {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-size: 15px;
  align-items: center;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
  background: white;
  margin-top: 10px;
}
.documentTitle span {
  display: flex;
  align-items: center;
}
.oldDoc {
  background: #ddffff !important;
}
.oldDoc span {
  text-decoration: line-through !important;
}
.documentBlock .ant-collapse-header {
  font-weight: 600;
}
.documentBlock .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}
.documentBlock .documentDownBlock {
  margin-top: 10px;
  background: #dddddd4a;
  padding: 5px;
}
.documentBlock .documentText {
  font-size: 13px;
  padding-right: 15px;
}
.btnGroup {
  display: flex;
  justify-content: space-between;
}
.btnGroup .eBtn img {
  height: 40px;
  margin-bottom: 5px;
}
.btnGroup .eBtn button {
  margin-bottom: 10px;
}
.dashboardCard .ant-card-body .ant-card-meta {
  border-bottom: 1px solid #e8e8e8 !important;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.dashboardCard .ant-col .ant-card {
  text-align: center;
  text-transform: uppercase;
  padding: 0px 12px 0px 0px;
  font-weight: 600;
  border: none;
}
.dashboardCard .ant-col .ant-card .title {
  height: 25px;
  font-size: 12px;
}
.dashboardCard .ant-col .ant-card .count {
  margin-top: 10px;
}
.dashboardCard .ant-col .ant-card .count p {
  font-size: 28px;
  width: 80px;
  margin: 0 auto;
  padding: 6px;
  border-radius: 20px;
  color: #1890ff;
  cursor: pointer;
}
.dashboardCard .universityCountBox {
  padding: 10px;
  height: 400px;
  overflow-y: scroll;
}
.dashboardCard .universityCountBox::-webkit-scrollbar {
  width: 3px;
}
.dashboardCard .universityCountBox::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.dashboardCard .universityCountBox::-webkit-scrollbar-thumb {
  background: #1890ff;
}
.dashboardCard .universityCountBox::-webkit-scrollbar-thumb:hover {
  background: #0872bc;
}
.ant-menu-submenu-title {
  font-size: 13px;
}
.ant-menu-submenu-title span {
  font-size: 13px !important;
}
.drawerFooter {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  padding: 10px 15px;
  background: #fff;
  text-align: left;
}
.drawerFooter.alignRight {
  text-align: right;
}
.drawerFooter .ml-auto i {
  margin-left: 5px !important;
}
.drawerFooter .ant-btn {
  margin-left: 10px;
  display: flex;
  justify-content: center;
}
.ql-container {
  height: 400px;
}
.paddingHz {
  padding: 10px 0;
}
.attachment-box {
  background-color: white;
}
.attachment-box a {
  color: rgba(0, 0, 0, 0.65);
}
.noteTitle {
  display: flex;
  justify-content: space-between;
}
.commentBox {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 13px;
  background-color: white;
  padding: 10px;
}
.commentBox .avatar {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: 20px;
}
.commentBox .avatar i {
  margin: 0 !important;
}
.commentBox .userInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1890ff;
}
.commentBox .userInfo .date {
  margin-left: 10px;
  font-size: 12px;
  color: #808080;
}
.commentBox .userInfo .date i {
  margin: 0 !important;
}
.commentBox .commentText {
  margin-top: 5px;
  font-size: 12px;
  margin-left: 15px;
}
.jcsb {
  display: flex;
  justify-content: space-between;
}
.jcc {
  display: flex;
  justify-content: center;
}
.jcic {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a {
    color: rgba(255, 255, 255, 0.9);

    &:hover {
      text-decoration: underline;
    }
  }*/
.customTimeLine {
  margin-left: 15%;
}
.customTimeLine .ant-timeline-item {
  min-height: 50px;
}
.customTimeLine .ant-timeline-item-head-custom {
  width: 180px;
}
.customTimeLine .ant-timeline-item-head-custom .date {
  position: absolute;
  top: 4px;
  text-align: right;
  color: #0872bc;
  font-weight: 500;
}
.customTimeLine .ant-timeline-item-head-custom .date span {
  font-size: 10px;
  color: #9d8e8e;
}
/* .ant-menu-inline-collapsed > .ant-menu-item .anticon + span {
     max-width: 100%;
   }*/
.ant-timeline-item-head-primary {
  color: #1890ff;
}
.customPanel {
  border: 1px solid #e8e8e8;
}
.customPanel .ant-collapse-header {
  background: white;
  font-size: 15px;
}
.pendencyList {
  border-bottom: 1px solid #dddddd54;
  padding: 7px 0;
}
.label {
  display: inline;
  padding: 5px;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label.labelNew {
  display: block;
  cursor: pointer;
}
.label.round {
  border-radius: 50px;
  padding: 0.1em 0.6em 0.2em;
}
.label.sm {
  padding: 0.1em 0.6em 0.2em;
  font-weight: normal !important;
}
.label.xs {
  padding: 0.5px 8px;
  font-weight: normal !important;
  margin: 2px 0;
}
.label.xs1 {
  padding: 0 6px;
  font-weight: normal !important;
  margin: 2px 0;
  font-size: 11px;
}
.label-info {
  background-color: #5bc0de;
}
.label-default {
  background-color: #0f52ba;
}
.label-primary {
  background-color: #337ab7;
}
.label-success {
  background-color: #0872bc;
}
.label-success-green {
  background-color: #5cb85c;
}
.label-danger {
  background-color: #d9534f;
}
.label-warning {
  background-color: rgba(240, 173, 78, 0.87);
}
.label-black {
  background-color: black;
}
.label-tag {
  border: none;
  font-size: 12px !important;
  color: black;
  text-transform: capitalize;
}
.label-tag-new {
  border: 1px solid #ddd;
  font-size: 12px !important;
  color: #444 !important;
  text-transform: capitalize;
}
.label-sm {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 85%;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-xs {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 !important;
}
.pointerCls-pdf {
  width: 24.6% !important;
  display: inline-block;
}
.pointerCls {
  cursor: pointer;
}
.linkPointer {
  cursor: pointer;
  color: #1890ff;
  font-size: 13px;
}
.linkPointerWhite {
  cursor: pointer;
  color: #ffffff;
  font-size: 13px;
}
.antd-pro-components-notice-icon-index-tabs .ant-tabs-nav-scroll {
  text-align: left;
}
.dotsReplace {
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  text-overflow: ellipsis;
  height: 30px;
}
.ant-btn-circle {
  margin-right: 2px;
  margin-bottom: 5px;
  min-height: 35px !important;
  min-width: 35px !important;
  background: none;
  border: none;
}
.ant-btn-circle.border {
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}
.bs_btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  background-color: #efefef;
  color: #333;
  padding: 0.2rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  height: 35px;
  min-width: 35px;
}
.bs_btn.bs-sm {
  padding: 5px 10px;
}
.bs_btn.bs-xs {
  padding: 2px 5px;
  font-size: 11px;
  height: 25px;
}
.bs_btn.bs-xxs {
  padding: 1px 5px;
  font-size: 10px;
  height: 20px;
}
.bs_btn.bs-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.bs_btn.bs-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bs_btn.bs-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bs_btn.bs-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bs_btn.bs-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bs_btn.bs-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bs_btn.bs-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.bs_btn.bs-link:hover {
  text-decoration: underline !important;
}
.bs-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
  font-size: 11px;
}
.bs-link:hover {
  text-decoration: underline !important;
}
.tableAction {
  width: 125px;
  display: flex;
  flex-wrap: wrap;
}
.tableAction button,
.tableAction a {
  margin-right: 2px;
  margin-bottom: 5px;
  min-height: 35px !important;
  min-width: 35px !important;
  background: none;
  border: none;
}
.appCommentDotsReplace {
  display: block;
  width: 150px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 35px;
}
.appTextReplace {
  display: block;
  white-space: pre-wrap;
  width: 100%;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 23px;
}
.newsContentDotsReplace {
  display: block;
  width: 350px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 28px;
}
.replaceAgentDot {
  display: block;
  width: 100px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  height: 17px;
  overflow-x: hidden;
}
.colorPrimary {
  color: #1890ff;
}
.colorDarkPrimary {
  color: #0f52ba;
}
.colorPrimaryDark {
  color: #0f52ba;
}
.colorSuccess {
  color: #5cb85c;
}
.colorDanger {
  color: #d9534f;
}
.label1 {
  display: block !important;
  white-space: normal !important;
  font-size: 12px;
}
.linkAA {
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.student-tab {
  border-right: none;
}
.commission-count {
  line-height: 25px;
  font-size: 25px;
  font-weight: 600;
  background-color: #fff;
  color: #000;
}
.university-name {
  font-weight: 500;
  color: #333;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .applicationProfile {
    overflow: scroll;
  }
  .applicationProfile .appProfile .align-self-stretch {
    flex-direction: column;
  }
  .applicationProfile .profile-3-column.profile-3-col-sidebar.profile-3-col-sidebar--left {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .applicationProfile .profile-3-column.profile-3-col-sidebar--right-wrapper {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .applicationProfile .profile-6-column.noteBlock {
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
  }
}
.tuitionBox {
  font-size: 15px;
  color: black;
}
.ant-calendar-picker,
.ant-time-picker {
  width: 100%;
}
.ant-btn {
  line-height: 1.5;
  padding: 0.225rem 0.75rem !important;
  height: auto !important;
}
.ant-btn[type='submit'] {
  background: #1556bc;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0 0;
  border-radius: 50px;
  font-weight: 600;
  width: auto;
  height: auto !important;
}
table {
  border: none;
}
table tbody th {
  font-size: 13px;
  border-top: 2px solid #dee2e6 !important;
  background: #fafafa;
  border-bottom: 1px solid #dee2e6 !important;
}
table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
table tbody tr:nth-of-type(even) {
  background: #fafafa;
}
table tbody tr td {
  padding: 8px 10px !important;
  font-size: 12px;
  font-weight: 500;
  color: #212529 !important;
}
table td.borderNone {
  border: none;
}
.ant-table-thead {
  background: #fafafa;
}
.ant-table-thead tr th {
  padding: 8px 10px !important;
  border: none !important;
  color: #212529 !important;
}
.ant-table-small {
  border: none;
}
.ant-table-content {
  border-right: none !important;
}
.antd-pro-components-global-header-index-header {
  padding: 15px 25px !important;
  height: auto;
}
.antd-pro-components-sider-menu-index-logo {
  text-align: center;
  height: 81px;
  background: white;
  padding: 0;
  border-bottom: 3px solid #ededed !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.antd-pro-components-sider-menu-index-logo img {
  width: 65%;
  height: auto;
}
.antd-pro-components-sider-menu-index-sider {
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35) !important;
  border-right: 3px solid #ededed !important;
}
.ant-layout-header {
  height: auto !important;
  padding: 0 !important;
  line-height: normal !important;
  background: transparent !important;
  color: inherit !important;
  border-bottom: 3px solid #ededed !important;
}
.ant-layout-header .antd-pro-components-global-header-index-header {
  padding: 13px 25px !important;
  height: 83px;
  box-shadow: none;
  border-bottom: 3px solid #ededed !important;
}
.sidebar {
  height: auto;
  overflow-y: initial;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  overflow-x: hidden;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  height: 100%;
}
.antd-pro-components-global-header-index-right {
  display: flex;
  flex-direction: row;
}
.antd-pro-components-global-header-index-action {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.antd-pro-components-global-header-index-action .antd-pro-components-global-header-index-name {
  line-height: 1;
  margin-top: 10px;
}
.admin-box .content h5 {
  font-size: 15px;
  white-space: nowrap;
  font-weight: 600;
  color: #1a5abd;
  margin: 0;
}
form.input-group-box {
  width: 46%;
  float: left;
  margin-top: 10px;
}
.pd-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.appAction {
  float: right;
  margin-bottom: 10px;
}
.top_P10 {
  padding-top: 10px !important;
}
.sort-box-table {
  padding-right: 20px;
}
.btnBorder {
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-box-table-width {
  width: 34%;
  margin-right: auto;
}
.round-input .ant-select-selection--single {
  font-size: 14px;
  border-radius: 50px;
  padding-left: 10px;
}
.card-body table td span.badge {
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  background: #1053ba;
  border-radius: 4px;
  color: #fff;
}
.ant-form-item label {
  color: rgba(0, 0, 0, 0.65);
  float: left;
  margin: 0 15px 0;
}
.form-control {
  height: 42px !important;
  border-color: #666;
  color: #666;
  border-radius: 6px;
}
/*  .PhoneInputInput {
      border-width: 1px !important;
      height: 42px !important;
      border-color: #666;
      color: #666;
      border-radius: 6px;
    }*/
.PhoneInputCountrySelect {
  padding: 10px !important;
}
.PhoneInput {
  border: 1px solid #666 !important;
  height: 42px !important;
  color: #666;
  border-radius: 6px;
  padding-right: 3px;
}
.PhoneInput .PhoneInputCountry {
  padding: 10px;
  border-right: 1px solid #666 !important;
}
.PhoneInput .PhoneInputInput {
  height: 40px !important;
  color: #666;
  padding-left: 10px;
  border: none;
}
.PhoneInput .PhoneInputInput::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999 !important;
  opacity: 1;
  /* Firefox */
}
.PhoneInput .PhoneInputInput:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999 !important;
}
.PhoneInput .PhoneInputInput::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999 !important;
}
.ant-select-selection--single {
  height: 42px !important;
  border-color: #666;
  color: #666;
  border-radius: 6px;
}
.ant-select-selection--multiple {
  min-height: 42px !important;
  border-color: #666;
  color: #666;
  border-radius: 6px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  min-height: 40px !important;
}
.ant-select-selection--multiple .ant-select ul,
.ant-select-selection--multiple .ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 5px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
}
.ant-form-item-control {
  line-height: 30px;
}
.ant-select-selection__rendered {
  line-height: 40px !important;
}
.ant-select-arrow {
  -webkit-user-select: none;
          user-select: none;
  background: #666666;
  padding: 5px;
  color: white;
  font-weight: 600;
  margin-top: -12px;
  border-radius: 5px;
}
.ant-select-focused .ant-select-arrow {
  background: #1254bb !important;
}
.ant-input-number {
  height: 42px;
}
.heading-form.stuHeader span.img img {
  height: 18px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.heading-form a.btn {
  box-shadow: 0 0 12px 0px #00000038 !important;
  border-radius: 0;
  margin: 0 40px;
  font-size: 13px;
  text-transform: capitalize;
  min-width: 120px;
}
.pa-0 {
  padding: 0 !important;
}
.antd-pro-layouts-basic-layout-content {
  padding: 20px 15px;
  margin: 0 !important;
}
.ant-select-selection-selected-value {
  margin-right: 20px;
}
.ant-calendar-picker-input.ant-input,
.ant-time-picker-input {
  height: 40px !important;
}
.ant-calendar {
  width: auto;
}
.stuIcon {
  font-size: 20px;
  color: #1890ff;
}
ul.pointerUl li {
  cursor: pointer;
}
.ant-menu-dark {
  background: white;
}
.ant-menu-dark svg {
  display: none;
}
.ant-menu-dark .ant-menu-item {
  font-size: 13px !important;
}
.ant-menu-dark .ant-menu-item:hover {
  background: rgba(0, 0, 0, 0.1);
  color: black !important;
}
.ant-menu-dark .ant-menu-item:hover div > span {
  color: black !important;
}
.ant-menu-dark .ant-menu-sub {
  background: white !important;
}
.ant-menu-dark li:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #343a40 !important;
}
.ant-menu-dark li:hover span,
.ant-menu-dark li:hover a {
  color: #343a40 !important;
}
.ant-menu-dark li a {
  color: #343a40 !important;
}
.ant-menu-dark li a :hover {
  color: #343a40 !important;
}
.ant-menu-dark li span {
  color: #343a40 !important;
}
.ant-menu-dark li span :hover {
  color: #343a40 !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  box-shadow: none;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item {
  height: 40px;
  line-height: 40px;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #343a40 !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item:hover a:hover {
  color: #343a40 !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub .ant-menu-item:hover span:hover {
  color: #343a40 !important;
}
li.ant-menu-item.ant-menu-item-selected {
  background: #fff !important;
  color: #343a40 !important;
  box-shadow: 0 0 12px 0px #00000038 !important;
  border-right: 5px solid #1254bb !important;
}
li.ant-menu-item.ant-menu-item-selected a {
  color: #343a40 !important;
}
li.ant-menu-item.ant-menu-item-selected a span {
  color: #343a40 !important;
}
i.ant-menu-submenu-arrow {
  color: #343a40 !important;
}
i.ant-menu-submenu-arrow::before {
  background: #343a40 !important;
}
i.ant-menu-submenu-arrow::after {
  background: #343a40 !important;
}
.nav-item {
  color: #343a40 !important;
}
.nav-item a {
  color: #343a40 !important;
}
.imgDiv {
  display: inherit;
  width: 70%;
}
.imgDiv .logo-link {
  width: 350px;
  box-shadow: 3px 0 0 #ededed;
}
.imgDiv .logoImg {
  line-height: 0.8;
  margin-left: 0.8rem;
  margin-right: 0.5rem;
  margin-top: -3px;
  width: auto;
  box-shadow: none !important;
  opacity: 1 !important;
  border-radius: 0;
  max-height: 45px !important;
}
.student-dashboard {
  width: calc(100% - 352px);
}
.profile-main {
  height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  padding-bottom: 50px;
}
.profile-main::-webkit-scrollbar {
  display: none;
}
.search-profile-main {
  height: 84vh;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.search-profile-main::-webkit-scrollbar {
  display: none;
}
.attachment-box {
  height: 100vh;
  overflow: scroll;
  /*  &::-webkit-scrollbar {
        width: 3px;
      }

      &::-webkit-scrollbar-track {
        background: #f1f1f1;
      }

      &::-webkit-scrollbar-thumb {
        background: @primary;
      }

      &::-webkit-scrollbar-thumb:hover {
        background: @success;
      }
  */
  padding-bottom: 50px;
}
.scrollView {
  height: 100vh;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  padding-bottom: 50px;
}
.scrollView::-webkit-scrollbar {
  display: none;
}
.mobileMenu {
  display: none;
}
.infoBox {
  width: 350px;
}
.courseBox {
  min-height: 80px;
}
.courseFeeInfo {
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.selectStudentBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
}
.selectStudentBox .filter-box button.apply {
  font-size: 11px;
}
.selectStudentBox .selectStudentBtn {
  display: flex;
  align-items: center;
  background: #0f52ba;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 50px;
  min-width: 100px;
  font-size: 12px;
}
.selectStudentBox .selectStudentBtn i {
  margin-right: 5px;
}
.detail-list li {
  color: #212529;
}
.ant-pagination-options-size-changer .ant-select-selection--single {
  height: 33px !important;
  border: 1px solid #ddd;
}
.ant-pagination-options-size-changer .ant-select-selection--single::after {
  content: '' !important;
}
.ant-pagination-options-size-changer .ant-select-selection--single::before {
  content: '' !important;
}
.ant-btn[type='submit'] {
  width: auto;
  height: auto !important;
}
.custom-sort-box-table {
  width: 34% !important;
}
.sort-box-table-right {
  text-align: right;
}
.search-box-table.round {
  margin-right: auto;
  display: flex;
  border-radius: 50px;
  padding-left: 50px;
  position: relative;
  background: #fff;
}
.search-box-table.round.m0 {
  margin: 0 !important;
}
.search-box-table.round img {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-box-table.round input {
  border: none !important;
  border-radius: 50px !important;
  height: auto;
  padding: 8px 15px;
  padding-left: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.search-box-table.ml0 {
  margin-left: 0 !important;
}
td span.badge {
  padding: 5px 7px !important;
  cursor: pointer;
}
select {
  background: white;
}
.custom-sort-box-new {
  padding-right: 0 !important;
  margin-bottom: 10px;
}
.custom-sort-box-new select {
  margin-right: auto;
  display: flex;
  position: relative;
  background: #fff;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 42px;
}
.custom-sort-box-new select ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #495057 !important;
  opacity: 1;
  /* Firefox */
}
.custom-sort-box-new select :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #495057 !important;
}
.custom-sort-box-new select ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #495057 !important;
}
.custom-sort-box-new select:visited,
.custom-sort-box-new select:active,
.custom-sort-box-new select:focus {
  border: none !important;
  outline: none !important;
}
table td button.btn,
table td a.btn {
  padding: 0 4px !important;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #495057 !important;
  opacity: 1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #495057 !important;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #495057 !important;
}
.courseList-box {
  margin-top: 43px;
}
.unizportal .ant-col-8 .inputBox {
  margin-top: 0;
  position: relative;
}
/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 4px;
  border-radius: 10px !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px !important;
  box-shadow: inset 0 0 5px #acacac;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 10px !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #9b9b9b;
  border-radius: 10px !important;
}
.chooseCountryBox {
  position: absolute;
  z-index: 9;
  top: 35px;
  background: #fff;
}
.chooseCountryBox label {
  margin: 0 !important;
  border-bottom: 1px solid #ddd;
}
.selectedCountryLabel .icon {
  position: absolute;
  right: 10px;
  top: 12px;
}
.profile-activity.application-activity ul li .date {
  width: 15%;
}
.ant-menu-dark .ant-menu-sub {
  background: #dddddd42 !important;
}
.font11 {
  font-size: 11px !important;
}
.font12 {
  font-size: 12px !important;
}
.font14 {
  font-size: 13px;
}
.font14_1 {
  font-size: 14px;
}
.font15 {
  font-size: 15px;
}
.actionBtnGroup .viewBtn {
  height: 20px;
}
.actionBtnGroup .crossBtn {
  height: 10px;
}
.antd-pro-components-sider-menu-index-sider {
  box-shadow: none;
  border-right: 3px solid #ededed !important;
}
.ant-select-selection__rendered {
  content: '' !important;
}
.ant-select-selection__clear {
  top: 42%;
  right: 15px;
}
.ant-select-selection__clear .ant-select-clear-icon {
  height: 20px;
  width: 20px;
}
.ant-select-selection__clear .ant-select-clear-icon svg {
  height: 20px;
  width: 20px;
}
.ant-select-enabled.ant-select-allow-clear .ant-select-selection--single:hover .ant-select-arrow {
  display: none;
}
.PrivacyPolicyPage {
  font-size: 12px;
  padding: 50px;
}
.PrivacyPolicyPage h4 {
  text-align: left;
  font-size: 18px;
  text-decoration: underline;
}
.PrivacyPolicyPage p {
  text-align: left;
  line-height: 1.8;
  color: #6c4a4a;
  margin-bottom: 20px;
}
.linkUl {
  float: right;
  color: #6c4a4a;
}
.linkUl a {
  text-decoration: underline !important;
}
.ant-drawer-close {
  width: 30px;
  height: 30px;
  right: 20px !important;
  line-height: 2;
  top: 1px;
}
.ant-drawer-close:focus {
  outline: none;
}
.roundBtn {
  line-height: 1.5;
  padding: 10px 15px !important;
  border-radius: 50px !important;
  height: 42px !important;
  margin-right: 5px;
  border-color: #efe8e8;
}
.roundBtn.icon {
  height: 40px !important;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.status.status1 p {
  min-height: 22px;
  height: auto !important;
}
.ant-btn-success {
  width: 150px;
  background: #1556bc !important;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff !important;
  margin: 25px 0 0;
  border-radius: 50px !important;
  font-weight: 600;
  height: 42px !important;
}
.ant-btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ant-btn-warning {
  color: #fff !important;
  background-color: rgba(240, 173, 78, 0.87) !important;
  border-color: #eea236 !important;
}
.ant-btn-cancel {
  background: #999;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 50px;
  min-width: 100px;
  margin-right: 15px;
  height: 42px !important;
}
.ant-table-scroll .ant-table-body::-webkit-scrollbar {
  height: 4px;
  /* height of horizontal scrollbar ← You're missing this */
  width: 4px;
  /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}
.btn-success-green {
  border: 1px solid #5cb85c !important;
  background-color: #5cb85c !important;
  color: white !important;
}
.moreBtn {
  text-decoration: underline;
  color: #5f5f5f;
  margin-left: 20px;
  font-size: 10px;
}
.moreBtn:hover {
  color: #5f5f5f;
}
.guestEmailBox {
  background: white !important;
  padding: 5px 5px;
  margin: 2px;
  display: flex;
  border: 1px solid #ddddff;
  border-radius: 5px;
  min-height: 40px;
}
.guestEmailBox ul {
  padding-left: 0;
  margin-bottom: 0;
}
.guestEmailBox li.emailTag {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 2px 5px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  margin-bottom: 2px;
}
.guestEmailBox .emailIcon {
  font-size: 12px;
  position: relative;
  top: -2px;
  margin-left: 5px;
}
#loginForm.login-main {
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
}
@media screen and (max-width: 560px) {
  .mobileMenu {
    display: block;
    position: absolute;
    top: 0;
  }
  .antd-pro-layouts-basic-layout-content {
    margin: 0;
  }
  .infoBox {
    width: 100%;
  }
  .applicationProfile aside {
    display: block;
  }
  .imgDiv .logo-link {
    display: none;
  }
  .imgDiv .logoImg {
    line-height: 0.8;
    margin-left: 0.8rem;
    margin-right: 0.5rem;
    margin-top: -3px;
    width: auto;
    box-shadow: none !important;
    opacity: 1 !important;
    border-radius: 0;
    max-height: 45px !important;
  }
  .student-dashboard {
    width: 100% !important;
  }
  .profile-main,
  .search-profile-main,
  .attachment-box,
  .scrollView {
    height: 100%;
  }
}
@media screen and (min-width: 769px) {
  .applicationProfile .ant-layout-header .antd-pro-components-global-header-index-header {
    padding: 0 !important;
    height: 90px;
    border-bottom: 3px solid #ededed !important;
  }
  .applicationProfile .imgDiv {
    height: 90px;
  }
  .applicationProfile .imgDiv .logo-link {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .applicationProfile form.input-group-box {
    margin-top: 0;
    display: flex;
    align-items: center;
    padding-left: 70px;
  }
}
.login-box .d-flex button.btn {
  height: 42px !important;
}
.card-pane-right.listing-section ul.count {
  justify-content: start !important;
}
.card-pane-right.card-pane-new .pointerCls .linkText {
  font-size: 18px;
}
.card-pane-right.card-pane-new .pointerCls .linkText.small {
  font-size: 15px;
}
.card-pane-right.card-pane-new .pointerCls .statusLabel {
  color: black;
  font-size: 15px;
}
.card-pane-right.card-pane-new .pointerCls .statusLabel.small {
  font-size: 12px;
}
.mark-btn.mark-btn30 {
  width: 35% !important;
}
.mark-btn.mark-btn30 div {
  display: flex;
}
.mark-btn.mark-btn30 div a {
  margin: 0 5px;
}
.mark-btn.mark-btn40 {
  width: 50% !important;
  position: absolute;
  right: 0;
}
.mark-btn.mark-btn40 div {
  display: flex;
}
.mark-btn.mark-btn40 div a {
  margin: 0 5px;
}
.mark-btn.mark-btn70 {
  width: 70% !important;
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
.mark-btn.mark-btn70 div {
  display: flex;
}
.mark-btn.mark-btn70 div a {
  margin: 0 5px;
}
.selectedUni {
  margin-right: 10px;
  background: #666666;
  padding: 2px 10px;
  border-radius: 5px;
  color: white !important;
  font-size: 12px;
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 450px !important;
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.uniBox .col-lg-4 {
  margin-bottom: 20px;
}
.uniBox .col-lg-4 .logo img {
  height: 67px;
}
.featureCourseDiv .heading-form {
  position: fixed !important;
  top: 0;
  z-index: 9;
  background: white;
  width: 100%;
  padding: 10px 0;
}
.featureCourseDiv .cardRelative {
  position: relative;
  top: 70px;
  background: white !important;
  padding-bottom: 0 !important;
}
.featureCourseDiv .courseBox .col-lg-4 {
  background: #f1f1f1 !important;
  padding: 20px;
}
.featureCourseDiv .courseBox .newRow {
  margin-bottom: 20px;
}
.featureCourseDiv .courseBox .infoRow {
  padding-left: 20px;
}
.featureCourseDiv .courseBox .infoRow p {
  margin-bottom: 0;
}
.featureCourseDiv .logo {
  padding: 10px;
}
.featureCourseDiv .logo img {
  height: 60px;
}
.featureCourseDiv .nameBox {
  height: 70px;
  font-weight: 600;
  color: #0f52ba;
}
.featureCourseDiv .infoBox {
  /* width: 500px;
       display: flex;
       justify-content: space-between;
       align-items: center;*/
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 44%;
}
.featureCourseDiv .infoBox .totalInfo {
  display: flex;
  padding-left: 27px;
}
.featureCourseDiv .infoBox .totalInfo .totalCourseCount {
  margin-right: 50px;
  top: 4px;
}
.featureCourseDiv .infoBox .featureCourseHeader {
  padding: 0 25px;
}
.featureCourseDiv .infoBox .featureCourseHeader h5 {
  padding: 0;
}
.featureUniversityDiv .heading-form {
  padding: 20px 0 0 !important;
}
.featureUniversityDiv .ml-auto {
  display: flex;
  justify-content: center;
  align-items: center;
}
.featureUniversityDiv .ml-auto i {
  margin-left: 5px !important;
}
.featureUniversityDiv .cardRelative {
  position: relative;
  background: white !important;
}
.featureUniversityDiv .cardRelative.pb-0 {
  padding-bottom: 0 !important;
}
.featureUniversityDiv .courseBox .col-lg-4 {
  background: #f1f1f1 !important;
  padding: 20px;
}
.featureUniversityDiv .courseBox .newRow {
  margin-bottom: 20px;
}
.featureUniversityDiv .courseBox .infoRow {
  padding-left: 20px;
}
.featureUniversityDiv .courseBox .infoRow p {
  margin-bottom: 0;
}
.featureUniversityDiv .logo img {
  height: 80px;
}
.featureUniversityDiv .nameBox {
  height: 80px;
  font-weight: 600;
  color: #1890ff;
}
.featureUniversityDiv .infoBox {
  align-self: flex-end !important;
  margin-bottom: 10px;
  width: 600px;
  display: flex;
  justify-content: space-between;
}
.loadMoreDiv {
  text-align: center;
  text-transform: uppercase;
}
.loadMoreDiv a {
  background: #f1f1f1;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  min-width: 100px;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  border-radius: 5px;
}
.loadMoreDiv a i {
  position: relative;
  bottom: 2px;
  margin-left: 5px !important;
}
.social.social1 {
  padding: 0 !important;
}
.social.social1 h6 {
  color: white;
}
.navbar-dark {
  background-color: transparent;
  border-color: #4b545c;
}
.searchAppDiv .loadMoreBox {
  text-align: right;
  text-transform: uppercase;
}
.searchNewBtn {
  background: #0f52ba !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 14px;
  text-transform: capitalize;
  min-width: 100px;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.searchNewBtn:hover {
  opacity: 0.7;
  color: white;
}
.clearNewBtn {
  background: #efefef !important;
  border-radius: 50px !important;
  color: black !important;
  font-size: 14px;
  text-transform: capitalize;
  min-width: 100px;
  margin-left: 5px;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.clearNewBtn:hover {
  opacity: 0.7;
  color: white;
}
.btn.apply:hover {
  opacity: 0.7;
}
.invalidValueField .form-control {
  border: 2px solid #ff0000;
}
.requirementNote {
  font-size: 12px;
  color: black;
  padding-left: 10px;
}
.frontFooter .social {
  padding: 0 !important;
}
.frontFooter .social h6 {
  color: white !important;
}
.frontFooter .white {
  color: white !important;
}
.all-student-search h5 {
  width: 20% !important;
}
.all-student-search h5.allAppCountry {
  width: 70% !important;
}
.all-student-search .search-box-table {
  width: 30%;
}
.all-student-search .search-box-table.round {
  margin-left: 10px !important;
  position: relative;
}
.all-student-search .search-box-table.round a.searchBtn1 {
  position: absolute;
  right: 0;
  top: 1px;
  background: #0872bc;
  color: white;
  padding: 7px 5px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 13px;
}
.all-student-search .search-box-table.ml0 {
  margin-left: 0 !important;
  margin-bottom: 10px;
}
.all-student-search .form-control {
  height: 35px !important;
}
.search-box-table.round {
  margin-left: 10px !important;
  position: relative;
}
.search-box-table.round a.searchBtn1 {
  position: absolute;
  right: 0;
  top: 0px;
  background: #0872bc;
  color: white;
  padding: 11.5px 8px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 13px;
}
.search-box-table.ml0 {
  margin-left: 0 !important;
  margin-bottom: 10px;
}
header.navbar-fix nav.newNav a:first-child {
  color: black !important;
  background: none !important;
  border: none;
  margin-right: 15px;
  box-shadow: none;
  text-decoration: underline;
  font-size: 15px !important;
}
header.navbar-fix nav.newNav a:last-child {
  color: #fff !important;
  background: #0f52ba;
  border: none;
  margin-right: 15px;
  box-shadow: 2px 2px 4px #00000057;
}
@media screen and (max-width: 560px) {
  .table-head .search-box-table {
    display: none !important;
  }
  .all-student-search h5 {
    width: 60%;
  }
  .containerStu {
    margin-top: 20% !important;
  }
}
.recharts-legend-wrapper {
  position: relative !important;
  bottom: 35px !important;
}
.amt {
  font-style: normal;
  color: black;
  font-size: 13px;
  font-weight: 600;
}
.ant-scroll-number {
  position: absolute;
  top: 11px;
  right: 6px;
}
.rowWrap {
  display: flex;
  flex-wrap: wrap;
}
.custom-tooltip {
  background: #ffffff6e;
  padding: 10px 10px 2px 10px;
  line-height: 1.3;
  font-size: 13px;
}
.custom-tooltip .label {
  color: black;
  font-size: 13px;
  padding: 0;
}
.recharts-legend-wrapper {
  margin-top: 20px;
}
.barChart .recharts-legend-wrapper {
  display: none;
}
.barLabel_ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.barLabel_ul.btn_option {
  display: flex;
  justify-content: space-between;
}
.barLabel_ul li {
  display: inline-flex;
  margin-right: 10px;
  align-items: center;
  font-size: 14px;
}
.barLabel_ul li .colorBox {
  height: 12px;
  width: 12px;
  margin-right: 4px;
}
.barLabel_ul li.lg .colorBox {
  height: 25px;
  width: 40px;
  margin-right: 4px;
}
.newsRowBox {
  display: flex;
  cursor: pointer;
  margin-right: 20px !important;
}
.newsRowBox i {
  margin-right: 5px;
  font-weight: 600;
  margin-top: 2px;
  font-size: 15px;
  color: #1890ff;
}
.sideMenuSoical li {
  margin-right: 10px !important;
}
.sideMenuSoical img {
  height: 32px;
}
.tableBox {
  margin-bottom: 20px;
}
.tableBox.striped .tableRow:nth-child(odd) {
  background-color: #f9f9f9;
}
.tableBox .tableRow {
  padding: 4px 10px;
  display: flex;
  font-size: 12px;
  /*border-bottom: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;*/
  border-bottom: 1px solid #dddddd78;
  border-left: 1px solid #dddddd78;
  border-right: 1px solid #dddddd78;
}
.tableBox .tableRow .title {
  font-weight: 600;
  width: 35%;
  height: 18px;
}
.tableBox .tableRow .title1 {
  font-weight: 600;
  width: 40%;
}
.tableBox .tableRow p {
  margin-bottom: 0;
}
.tableBox .tableRow:first-child {
  border-top: 1px solid #dddddd78;
}
.circleBtn {
  background: #0872bc;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.justifyContent {
  display: flex !important;
  justify-content: space-between;
  align-items: center !important;
}
.meetingInfo {
  line-height: 1.8;
}
.login-form label {
  display: none !important;
}
.login-form .form-control {
  border: none !important;
}
.login-form input[type='text'].form-control {
  background: #e6e6e6 !important;
}
.login-form input[type='file'].form-control {
  background: #e6e6e6 !important;
  padding: 0;
}
.login-form .documents .inputBox {
  margin-bottom: 0;
}
.login-form .documents .inputBox .labelNew {
  height: 20px;
}
.login-form .documents .inputBox input[type='file'].form-control {
  height: 35px !important;
}
.login-form input.ant-calendar-picker-input.ant-input {
  height: 55px !important;
}
.login-form .form-control {
  height: 55px !important;
}
.login-form .ant-select-selection__placeholder,
.login-form .ant-select-search__field__placeholder {
  color: #666;
  font-size: 14px;
}
.login-form .ant-select-selection {
  background: #e6e6e6;
  border: none;
  width: 100%;
  height: 55px !important;
  padding: 0 23px;
  outline: none;
  border-radius: 6px;
  padding-right: 75px;
  font-size: 14px;
}
.login-form .btnSub {
  background: #0f52ba;
  color: #fff;
  height: 42px !important;
  min-width: 120px;
  border-radius: 50px;
}
.btn-secondary.dropdown-toggle {
  background: #0f52ba !important;
  border-radius: 50px;
  width: 150px;
  margin-right: 10px;
}
header.navbar-fix nav a:first-child.regLink {
  color: #666 !important;
}
header.navbar-fix nav a.regLink {
  color: #666 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left;
  justify-content: flex-start;
}
/* Dropdown Button */
.dropbtn {
  background: #0f52ba !important;
  border-radius: 50px;
  width: 150px;
  margin-right: 10px;
  color: #fff;
  height: 37px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem !important;
}
.dropbtn i {
  margin-left: 5px;
}
.dropbtn.lite {
  background: transparent !important;
  border: 1px solid #c1c1c1;
  color: black;
}
.dropbtn:focus {
  outline: none !important;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-left: 10px;
  border-radius: 10px;
}
.dropdown-content a.regLink {
  margin-right: 0 !important;
  border-radius: 0;
}
.dropdown-content a.regLink:hover {
  background: #e5dddd !important;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.studentRegForm {
  padding: 20px 20px;
  margin-top: 50px;
  border-radius: 5px;
  background: #fffdfd;
}
.studentRegForm label {
  display: block !important;
  padding: 0 !important;
  margin: 0;
}
.studentRegForm .ant-form-item-label {
  line-height: 28.9999px;
}
.studentRegForm .labelNew {
  display: block !important;
  color: #666;
  margin: 0 0 10px 0 !important;
}
.studentRegForm input[type='text'],
.studentRegForm input[type='text'].form-control,
.studentRegForm input[type='password'],
.studentRegForm input[type='email'],
.studentRegForm input[type='number'],
.studentRegForm input[type='textarea'],
.studentRegForm .ant-select-selection {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.studentRegForm input[type='text'].ant-select-focused,
.studentRegForm input[type='text'].form-control.ant-select-focused,
.studentRegForm input[type='password'].ant-select-focused,
.studentRegForm input[type='email'].ant-select-focused,
.studentRegForm input[type='number'].ant-select-focused,
.studentRegForm input[type='textarea'].ant-select-focused,
.studentRegForm .ant-select-selection.ant-select-focused {
  background: #ffffff !important;
}
.studentRegForm .ant-select-search__field {
  background: transparent !important;
  padding: 0 !important;
}
.studentRegForm .ant-calendar-picker {
  padding: 0 !important;
}
.studentRegForm input.ant-calendar-picker-input.ant-input {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.studentRegForm input[type='file'] {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.studentRegForm input[type='file']::-webkit-file-upload-button {
  width: 120px;
}
.studentRegForm input[type='file'].form-control {
  background: #ffffff !important;
  border: 1px solid #e5dddd !important;
}
.containerStu {
  max-width: 100%;
  padding: 0 calc((100% - 1140px) / 2);
  overflow-y: scroll;
  margin-top: 5%;
  z-index: 99999;
  overflow-x: hidden;
}
.containerStu::-webkit-scrollbar {
  display: none;
}
.containerStu .inner-container {
  height: 80vh;
}
.login-form label.authCheckbox {
  display: block !important;
}
.hyperLink {
  color: #00e !important;
}
.hyperLinkUnderLine {
  color: #00e !important;
  text-decoration: underline !important;
}
.disbaledField {
  display: flex;
  width: 100%;
  padding: 0 11px;
  text-align: left;
  border: 1px solid #666;
  border-radius: 5px;
  outline: 0;
  background: #ededed;
}
.sliderBox {
  margin: 0 15px;
}
.sliderBox .sliderImg {
  height: 65px;
  width: 100%;
}
.dotNone {
  background: none !important;
}
.owl-theme .owl-dots {
  margin-top: 5px;
}
.owl-theme .owl-dots .owl-dot span {
  background-color: #666 !important;
  height: 7px !important;
  width: 7px !important;
}
.owl-theme .owl-dots .owl-dot.active span {
  background-color: #0872bc !important;
}
.owl-theme .owl-nav {
  display: none !important;
}
.owl-theme.owl-new .owl-nav {
  display: block !important;
}
.owl-theme.owl-new .owl-nav .owl-prev {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #f1f1f1;
  line-height: 0;
  font-weight: 500;
  left: -14px;
}
.owl-theme.owl-new .owl-nav .owl-next {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  font-size: 35px;
  position: absolute;
  top: 31%;
  background: #f1f1f1;
  line-height: 0;
  font-weight: 500;
  left: 97%;
}
.main-footer {
  border-bottom: none !important;
}
.ant-time-picker,
.ant-calendar-picker {
  padding: 0 !important;
  border-color: #666 !important;
  box-shadow: none !important;
}
.form-control {
  border-color: #666 !important;
}
/* .btn {
     width: 150px;
     background: #1556bc;
     font-size: 14px;
     text-transform: uppercase;
     color: #fff;
     margin: 25px 0 0;
     border-radius: 50px;
     font-weight: 600;
     height: 42px;
   }*/
.ant-slider-mark {
  width: 82%;
  left: 9%;
}
.custom-slider .ant-slider-mark {
  width: 102%;
  left: 0%;
}
.statusRow .statusColumn {
  margin-bottom: 10px;
  text-align: center;
}
.statusRow .statusColumn .ant-card-body {
  text-align: center;
  height: 120px;
}
.statusRow .box {
  text-align: center;
}
.statusRow .box.active {
  color: white;
  background-color: #0872bc;
}
.statusRow .box img {
  height: 20px;
  margin-bottom: 5px;
}
.statusRow .status {
  font-size: 12px;
}
.statusRow .title {
  font-size: 18px;
  font-weight: 600;
}
.statusRow .iconDiv {
  font-size: 28px;
  padding: 1px;
}
.newsImg {
  margin-top: 20px;
}
.newsImg img {
  width: 80%;
  margin-left: 10%;
}
.roundGoBackBtn {
  line-height: 1.5;
  padding: 10px 15px !important;
  border-radius: 50px !important;
  border-color: #efe8e8;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px !important;
  background-color: white;
}
.roundGoBackBtn.icon {
  width: 36px;
}
.thinLabel {
  font-weight: normal !important;
}
.flairUniversityBlockOuter .flairUniversityBlock .innerBox {
  padding: 15px 40px;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
  min-height: 250px !important;
}
.flairUniversityBlockOuter .flairUniversityBlock .imgBlock {
  background-color: white;
  padding: 10px 20px;
  border-radius: 3px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flairUniversityBlockOuter .flairUniversityBlock .imgBlock img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.flairUniversityBlockOuter .flairUniversityBlock .applyBtn {
  background-color: white;
  padding: 6px 15px;
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  margin-top: 10px;
  border: none;
  border-radius: 3px;
}
.flairUniversityBlockOuter .flairUniversityBlock .applyBtn.dark {
  background-color: #0872bc;
  color: white;
}
.flairUniversityBlockOuter .slick-dots {
  position: absolute;
  bottom: 0px !important;
}
.flairUniversityBlockOuter .slick-dots li {
  border-bottom: none;
  background: none !important;
}
.flairUniversityBlockOuter .slick-dots li button {
  background: #0872bc !important;
  height: 5px !important;
}
.flairUniversityBlockOuter .slick-arrow.slick-prev {
  font-size: 10px;
}
.flairUniversityBlockOuter .ant-carousel .slick-prev::before {
  content: '<';
  z-index: 1000 !important;
  display: block;
  position: relative;
  bottom: 10px;
  right: -38px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.flairUniversityBlockOuter .slick-arrow.slick-next {
  font-size: 10px;
}
.flairUniversityBlockOuter .ant-carousel .slick-next::before {
  content: '>';
  display: block;
  position: relative;
  right: 0px;
  left: -39px;
  bottom: 10px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.countList {
  list-style: decimal;
  padding-left: 12px;
}
.labelDoc {
  margin-top: -2px;
  margin-bottom: 0;
}
.addStuInfo {
  width: 100%;
}
.addStuInfo .ant-row.row1 {
  width: 100%;
  display: flex;
  align-items: center;
}
.ant-drawer-body {
  overflow: hidden;
}
.ant-input-number-disabled {
  background-color: #e9ecef !important;
  opacity: 1;
}
.label_sm {
  padding-left: 10px;
  font-size: 13px;
  font-weight: normal !important;
  margin-bottom: 0 !important;
}
.antSelect.ant-select .ant-select-selection-selected-value {
  margin-right: 10px !important;
}
.antSelect.ant-select .ant-select-selection {
  border: none !important;
  border-radius: 50px !important;
  font-size: 13px !important;
}
.antSelect.ant-select .ant-select-selection .ant-select-selection__placeholder {
  display: block;
  color: #495057 !important;
}
.antSelect.ant-select .ant-select-selection .ant-select-arrow {
  background: none !important;
  color: #495057 !important;
}
.smSelect .ant-select-selection {
  height: 25px !important;
  border-radius: 0;
}
.smSelect .ant-select-selection .ant-select-selection__rendered {
  line-height: 1 !important;
  margin-left: 5px !important;
}
.smSelect .ant-select-selection .ant-select-selection__rendered .ant-select-selection-selected-value {
  margin-right: 5px !important;
}
.smSelect .ant-select-selection .ant-select-arrow {
  background: none !important;
  color: #495057 !important;
  border: none;
  position: absolute;
  right: 0;
  top: 8px;
}
.fcmtDiv {
  text-align: center;
}
.fcmtDiv img {
  height: 40px;
}
.fcmtDiv img.sm {
  height: 32px;
}
.infoUni {
  background-color: white;
  font-size: 15px;
  border-radius: 5px;
  line-height: 2;
  color: black;
}
.infoUni .title {
  width: 18% !important;
  font-size: 13px;
  font-weight: normal !important;
  border-right: 1px solid #ddd;
  margin-right: 10px;
}
.infoUni span {
  color: #0872bc;
  font-size: 13px;
}
.darkBtn {
  background: transparent !important;
  border: 1px solid #c1c1c1 !important;
  display: inline-block;
  border-radius: 50px;
  min-width: 110px;
  color: #000 !important;
  height: 38px !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none !important;
}
.darkBtn span {
  color: #343a40 !important;
}
.sprBox {
  margin-top: 7px;
  padding-top: 7px;
}
.customAutoComplete ul {
  width: 100%;
}
.customAutoComplete .ant-select-search__field {
  height: 43px !important;
  border-color: #666 !important;
}
.pointerCls {
  height: 40px;
  padding-top: 3px;
}
.pCursor {
  cursor: pointer;
}
.CountCircle {
  font-size: 14px !important;
  height: 25px;
  width: 25px;
  border-radius: 5%;
  line-height: 2.5;
  background: white !important;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: 0 0 2px #1890ff !important;
}
.CountCircle a {
  align-self: center;
  font-size: 12px !important;
  color: black !important;
}
.pointerCls1 {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding-top: 0 !important;
}
.pointerCls1 h5 {
  font-size: 14px !important;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='number']::placeholder,
input[type='email']::placeholder,
input[type='file']::placeholder,
input[type='date']::placeholder,
textarea::placeholder,
.ant-select-selection::placeholder,
.ant-calendar-picker-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999 !important;
  font-size: 14px !important;
  opacity: 0.8 !important;
  /* Firefox */
}
.ant-select-selection__placeholder {
  color: #999 !important;
  font-size: 13px !important;
  opacity: 0.8 !important;
  /* Firefox */
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  /* overflow: hidden; */
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #edededbf;
}
.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-disabled {
  opacity: 0.5;
}
.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-disabled:hover {
  opacity: 0.5 !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.mailerOption input[type='radio'] {
  position: relative;
  top: 2px;
  margin-left: 10px;
}
.mailerOption label {
  font-weight: normal !important;
  margin-left: 5px !important;
  margin-bottom: 0 !important;
  margin-right: 5px;
}
.mailerOption i {
  font-style: inherit;
  margin-left: 3px;
}
.countLink {
  color: #1254bb;
}
.ck-editor__editable {
  min-height: 400px;
}
.quillEditor {
  background-color: white;
}
.quillEditor .ql-editor {
  line-height: 2;
  font-size: 15px;
}
.customExtra {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #00e;
  z-index: 9;
}
.defaultEligBtn {
  display: flex;
  border: 1px solid #ddd !important;
  justify-content: center;
  align-items: center;
  padding: 1px 10px !important;
  background: white !important;
  margin-top: 8px;
  font-size: 13px !important;
  border-radius: 50px !important;
}
.defaultEligBtn i {
  margin-right: 5px !important;
}
.eligiBtn {
  border: 1px solid #ddd !important;
  background: white !important;
  height: 27px;
  margin-top: 8px;
  font-size: 11px !important;
  border-radius: 50px !important;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px !important;
}
.eligiBtn i {
  margin-right: 5px !important;
}
.flexEndCustom {
  margin-top: 10px;
  justify-content: flex-end;
}
.wrapBox {
  display: flex;
  flex-wrap: wrap;
}
.wrapBox .widthLabel {
  font-weight: 600;
  text-decoration: underline;
  color: black;
}
.wrapBox .widthLabel.w100 {
  width: 100%;
}
.wrapBox .widthLabel.w200 {
  width: 200%;
}
.wrapBox label {
  font-weight: 600 !important;
}
.status p {
  min-height: 22px !important;
  height: auto !important;
}
.courseNameDotsReplace {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 40px;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
.smallBtn {
  padding: 10px !important;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lgBtn {
  padding: 15px 25px !important;
  height: auto !important;
}
.image-upload > input {
  display: none;
}
.image-upload label {
  margin-right: 10px;
}
.image-upload img {
  height: 30px;
  cursor: pointer;
}
.pendencyTab td {
  padding: 5px !important;
}
.documentBox {
  padding: 0 5px;
  /* margin: 2px; */
  border-radius: 5px;
  min-height: auto !important;
}
.documentBox ul {
  padding-left: 0;
  margin-bottom: 0;
}
.documentBox .emailTag {
  position: relative;
  float: left;
  margin-right: 4px;
  padding: 2px 5px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border-radius: 2px;
  white-space: nowrap;
  width: 180px;
  text-overflow: ellipsis;
}
.documentBox .emailIcon {
  font-size: 15px;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.cardSm {
  padding: 10px;
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.cardSm .pb0 {
  padding-bottom: 0;
}
.cardSm .smImg {
  height: 10px;
  margin-left: 5px;
}
.cardSm .smFont {
  margin-top: 5px;
  font-size: 11px;
}
.cardSm .smFont .dLab {
  color: #0872bc;
  font-weight: 600 !important;
}
.cardSm .dLab {
  font-size: 11px;
  margin-block: 0;
  font-weight: 600 !important;
}
.customTextArea {
  height: 100px !important;
}
.ratioBox label {
  margin-right: 20px;
}
.ratioBox input {
  position: relative;
  top: 2px;
  left: 3px;
}
.feedbackLabel {
  background: #0872bc;
  padding: 10px 50px;
  color: white;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.banner11 {
  padding-bottom: 40px !important;
}
.feedbackInfo {
  font-size: 25px;
  text-align: center;
  padding: 50px 0;
}
.antd-pro-components-header-dropdown-index-container {
  z-index: 99 !important;
}
.float-right {
  float: right !important;
}
.ant-avatar-sm {
  width: 40px;
  height: 40px;
  line-height: 24px;
  border-radius: 50%;
}
.avatarBig .ant-avatar-sm {
  width: 50px;
  height: 50px;
  line-height: 24px;
  border-radius: 50%;
}
.card-body.table-responsive {
  padding-top: 0px !important;
}
.ant-table-pagination.ant-pagination {
  margin-top: 0px !important;
  margin-bottom: 7px !important;
}
.slimBtn .fee-box .box .btn-group button {
  display: flex;
  width: 100%;
  border: 2px solid #ededed;
  background: #e6e7e8;
  font-size: 13px;
  text-transform: capitalize;
  margin: 0 0 10px;
  height: 30px;
  align-items: center;
  padding: 0 10px;
}
section.gic-revenue {
  border-radius: 15px;
}
section.gic-revenue a.main-btn {
  background: #11148a;
  font-size: 15px;
  color: #fff;
  border-radius: 12px;
  padding: 12px 25px;
  text-transform: capitalize;
  height: auto;
}
section.gic-revenue .list .box {
  box-shadow: inset 0 0 0 2px #e6e6e6;
  border-radius: 18px;
  padding: 10px 20px;
  margin: 0 0 15px;
  display: flex;
  padding-left: 80px;
  position: relative;
  flex-direction: column;
  text-align: left;
}
section.gic-revenue .list .box span {
  min-width: 50px;
  height: 50px;
  display: inline-flex;
  background: #e6e6e6;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 50px;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
section.gic-revenue .list .box h4 {
  font-size: 23px;
  font-weight: 600;
  color: #4d4d4d;
  line-height: normal;
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  margin: 0;
}
section.gic-revenue .list .box p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
  color: #666666;
}
section.gic-revenue .list .box span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.gic-revenue .list button.btn {
  background: #5bb85d;
  border-radius: 18px;
  width: 100%;
  color: #fff;
}
section.gic-revenue .list button.btn span {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.flexRow {
  display: flex;
  flex-wrap: wrap;
}
.flexRow span {
  padding: 3px 12px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.flexRow .cross {
  margin-left: 10px;
  position: relative;
  top: -1px;
}
.actBy {
  font-weight: normal;
  color: #745e5e;
  margin-left: 27px;
  padding: 0;
  height: 15px;
  margin-bottom: 5px;
  position: relative;
  top: -5px;
}
table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
table tbody tr:nth-child(odd) {
  background: white;
}
.input-group-inner.field1 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-right: 1px solid #00000017;
}
.input-group-inner.field1 .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-inner.field2 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding-left: 20px !important;
}
.input-group-inner.field3 {
  border-radius: 50px !important;
  border-right: none;
}
.input-group-inner.field3 .form-control {
  border-radius: 50px !important;
}
.icefBlock {
  display: flex;
  flex-direction: row;
  background: #ffffff7a;
  font-weight: 600;
  line-height: 36px;
  align-items: center;
  border-left: 3px solid #1890ff;
  padding: 10px 30px 10px 10px;
  box-shadow: 2px 5px 10px #e9c4c4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 20px;
  justify-content: space-between;
  width: 80%;
}
.icefBlock h1 {
  font-size: 20px !important;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 !important;
}
.icefBlock img {
  max-width: 60px;
}
.outMotto {
  font-size: 16px !important;
}
.card.unizportal.regStu {
  padding: 20px;
}
.student-application-detail.student-application-new .inputBox {
  margin-bottom: 0 !important;
}
.student-application-detail.student-application-new .card .form-group label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0 !important;
}
.student-application-detail.student-application-new.addCourseForm .card .form-group label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  margin: -10px 6px -5px !important;
}
.student-application-detail.student-application-new h5 {
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.student-application-detail.student-application-new .detail-list ul {
  padding-left: 0;
}
.student-application-detail.student-application-new .detail-list ul li {
  padding: 5px 0 !important;
}
.student-application-detail.student-application-new .detail-list ul li strong {
  width: 30%;
}
.student-application-detail.student-application-new .manageBox {
  background-color: white;
}
.student-application-detail.student-application-new .manageBox .managerHeader {
  background-color: gray;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  position: absolute;
  right: 10px;
  border-bottom-left-radius: 10px;
}
.student-application-detail.student-application-new .manageBox .managerBoxOuter {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.student-application-detail.student-application-new .manageBox .managerBoxOuter .manageBoxInfo {
  text-align: left;
  font-size: 12px;
  color: #585858;
  padding: 20px 0 20px 20px;
}
.student-application-detail.student-application-new .add-application-btn {
  background: #1556bc;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin: 0px 0 0 !important;
  border-radius: 50px;
  font-weight: 400;
  width: auto;
  height: auto !important;
}
.fee-box .box .btn-group button.profileBtn {
  border: 2px solid #ededed;
  background: #e6e7e8 !important;
  border-radius: 5px;
  text-align: center;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.login-box .form-group .countryCode img {
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin-right: 5px;
}
.referBtn {
  background-color: #0f52ba;
  color: white;
  text-align: center;
  margin: 10px;
  border-radius: 3px;
  padding: 0 20px 20px 10px;
}
.referBtn .ant-badge {
  position: relative;
  top: -17px;
}
.referBtn .ant-badge img {
  margin-right: 10px !important;
  height: 20px;
}
.referBtn a:hover {
  color: white !important;
}
.referCodeBox {
  border-color: #0f52ba;
  border-style: dashed;
  padding-top: 5px;
  padding-bottom: 5px;
}
.referHeader {
  background-color: #0f52ba;
  padding-bottom: 5px;
  padding-top: 10px;
  margin-top: 10px;
}
.marketingHeader {
  background-color: white;
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin-top: 10px;
  color: black;
  font-size: 18px;
}
.marketingHeader .fa {
  margin-right: 5px;
}
.referInfoBox {
  margin-top: 30px;
  text-align: center;
}
.conditionList {
  flex: 1;
  padding-left: 15px;
  padding-right: 30px;
}
.conditionListText {
  font-size: 12px;
}
.reportingBox {
  padding: 15px;
  background-color: white;
  margin: 5px;
  text-align: center;
}
.reportContainer .reportBox {
  margin: 20px 0;
}
.reportContainer .reportingBox {
  padding: 0 !important;
  box-shadow: 1px 1px 10px #b3b3b36b !important;
  background-color: #1890ff;
  margin: 0;
  border-radius: 5px;
  position: relative;
}
.reportContainer .reportingBox .arrowIcon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: white;
}
.reportContainer .reportingBox .reportingInnerBox {
  border-radius: 5px;
  border-bottom-right-radius: 80px !important;
  background-color: white;
  padding: 20px;
  margin: 20px 0;
}
.reportContainer .reportingBox img {
  margin-bottom: 10px;
  height: 30px;
}
.reportContainer .reportingBox .anticon {
  margin-left: 10px;
}
.reportContainer .reportingBox .reportInfoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.reportContainer .reportingBoxLiveReporting {
  padding: 0 !important;
  box-shadow: 1px 1px 10px #b3b3b36b !important;
  background-color: white;
  margin: 0;
  border-radius: 5px;
  position: relative;
}
.reportContainer .reportingBoxLiveReporting .arrowIcon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: white;
}
.reportContainer .reportingBoxLiveReporting .reportingInnerBox {
  border-radius: 5px;
  border-bottom-right-radius: 80px !important;
  background-color: white;
  padding: 20px;
  margin: 20px 0;
}
.reportContainer .reportingBoxLiveReporting img {
  margin-bottom: 10px;
  height: 30px;
}
.reportContainer .reportingBoxLiveReporting .anticon {
  margin-left: 10px;
}
.reportContainer .reportingBoxLiveReporting .reportInfoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.linkText {
  color: #0066ff;
  cursor: pointer;
}
.customGrpBtn .ant-input-group-addon {
  padding: 0 !important;
}
.customGrpBtn .ant-input-group-addon a {
  padding: 5px 15px !important;
  border-radius: 3px;
}
.customGrpBtn .ant-input-group-addon a:first-child {
  border-right: 1px solid #ddd !important;
}
.customGrpBtn .selected {
  background-color: #1890ff;
  color: white;
}
.othAppContainer {
  margin-top: 10px;
  margin-bottom: 50px;
}
.othAppContainer .flexColumn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.othAppContainer .flexColumn .otherAppList {
  width: 32%;
}
.othAppContainer .otherAppList {
  display: flex;
  background-color: white;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 10px #ddd;
  border-radius: 5px;
  padding: 10px 10px 5px;
  flex-direction: column;
  margin-top: 10px;
}
.othAppContainer .otherAppList .leftBox {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.othAppContainer .otherAppList .leftBox img {
  width: 120px !important;
  height: auto !important;
  margin-bottom: 10px;
}
.othAppContainer .otherAppList .rightBox {
  text-align: left;
  width: 100%;
}
.othAppContainer .otherAppList .rightBox .label1 {
  font-size: 10px !important;
}
.othAppContainer .otherAppList .rightBox a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  width: 100%;
}
.othAppContainer .otherAppList .rightBox a p {
  color: #495057;
  font-size: 15px;
}
.photoShortName {
  max-height: 35px;
  margin-bottom: 5px;
  padding: 5px 10px 0;
}
.photoShortName a {
  color: black !important;
  display: block;
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.followUp {
  padding: 5px;
  margin-top: 5px;
  border-radius: 5px;
  background-color: #ddd !important;
}
.studentRegForm .form-group input {
  padding-right: 10px !important;
}
.forgetEmailText {
  font-size: 16px !important;
  margin-top: 10px;
  text-transform: capitalize;
}
.forgetEmailText strong {
  color: #1890ff;
  font-weight: 500;
}
.gcKey {
  height: 250px !important;
}
.oshcBox {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  padding: 3px 5px;
  border-radius: 5px;
  background: #1690ff;
  color: white;
  font-weight: 600;
}
.oshcBox img {
  height: 18px;
  margin-right: 5px;
}
.noteMain {
  overflow: hidden !important;
}
.student-tab {
  overflow: hidden !important;
}
.student-tab .loadMoreBoxDiv {
  text-align: center;
  background-color: white;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1 !important;
}
.student-tab .noteTitle {
  color: #111b21;
}
.student-tab .noteRow {
  background-color: white !important;
  position: relative;
}
.student-tab .noteRow .noteContainer {
  height: 80vh;
  overflow-y: auto;
}
.student-tab .noteRow .noteColumn .card {
  background: white !important;
  border: 1px solid #1890ff57;
  line-height: 1.5;
}
.student-tab .noteRow .noteColumn .card .dateBox {
  text-align: left;
  font-weight: 600;
  color: #0872bc;
}
.student-tab .noteRow .noteColumn .card .userBox {
  text-align: right;
  color: #667781;
  padding: 0;
  line-height: 1;
  font-size: 15px;
}
.student-tab .noteRow .noteColumn.noteRight {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
.student-tab .noteRow .noteColumn.noteRight .card {
  border: 1px solid #5cb85c57;
}
.student-tab .noteRow .noteColumn.noteRight .card .dateBox {
  text-align: right;
}
.student-tab .noteRow .noteColumn.noteRight .card .userBox {
  text-align: right;
}
.student-tab .noteRow .noteBox {
  width: 75% !important;
}
.student-tab .noteRow .noteBox .card {
  background: #fff;
}
.student-tab .noteRow .noteBox .inner.card {
  padding: 10px 15px !important;
}
.textAreaCls {
  height: 200px;
}
.textAreaCls textarea.form-control {
  height: 200px !important;
}
.loginCredentialsBox {
  border: 0.3px solid #e6e7e8;
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  box-shadow: 1px 1px 10px #e6e7e8;
}
.loginCredentialsBox .header {
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
}
.localLoginCredentialsBox {
  margin-top: 10px;
  padding: 7px;
  background-color: white;
  box-shadow: 1px 1px 10px #0f52ba2e;
  border-radius: 10px;
  margin-bottom: 20px;
}
.localLoginCredentialsBox .header {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: 500;
  text-transform: uppercase;
}
.localLoginCredentialsBox .header .loginBanner {
  margin-bottom: 10px;
}
.localLoginCredentialsBox .header .loginIcon {
  margin-bottom: 5px;
  height: 50px;
}
.localLoginCredentialsBox .verticalPadding10 {
  padding-left: 10px;
  padding-right: 10px;
}
.localLoginCredentialsBox .verticalPadding10 .label1 {
  position: relative;
  padding: 4px;
  font-size: 13px;
  color: #555;
  display: flex !important;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.localLoginCredentialsBox .verticalPadding10 .label2 {
  position: relative;
  padding: 4px;
  font-size: 13px;
  color: #555;
  display: flex !important;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
.localLoginCredentialsBox .verticalPadding10 .label2 .btn-info {
  background-color: #0f52ba;
  border-color: #0f52ba;
}
.localLoginCredentialsBox .verticalPadding10 .rowC {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
}
.localLoginCredentialsBox .verticalPadding10 .rowC:last-child {
  border-bottom: none;
}
.localLoginCredentialsBox .verticalPadding10 .rowC:last-child span {
  margin-top: 5px;
}
.localLoginCredentialsBox .verticalPadding10 .rowC img {
  height: 20px;
  margin-right: 8px;
}
.localLoginCredentialsBox .verticalPadding10 .rowC span {
  border: none;
  padding: 0;
  flex: 1;
  text-transform: capitalize;
  display: flex;
}
.commissionBox .commissionParentBox {
  display: flex;
  flex-direction: column;
}
.commissionBox .commissionParentBox.row {
  flex-direction: row;
}
.commissionBox .commissionParentBox.row .commissionUniInfo {
  flex: 1;
  margin: 0 10px 20px;
}
.commissionBox .commissionParentBox .commissionUniInfo {
  border: none;
  box-shadow: 1px 1px 10px #ddd;
  border-radius: 5px;
  margin-bottom: 20px;
}
.commissionBox .commissionParentBox .commissionUniInfo .ant-card-body {
  padding: 10px;
}
.commissionBox .commissionParentBox .commissionUniInfo img {
  width: -webkit-max-content;
  width: max-content;
  height: 50px;
}
.commissionBox .commissionParentBox .commissionUniInfo div[class*='ant-col'] {
  display: flex;
  justify-content: center;
  height: 70px;
  flex-direction: column;
}
.commissionBox .commissionParentBox .commissionUniInfo .logoBox {
  border-right: 1px solid #ddd;
  padding-right: 30px;
  align-items: center;
}
.commissionBox .commissionParentBox .commissionUniInfo .contantBox {
  padding-left: 50px !important;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox {
  display: flex;
  min-height: 60px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox .studentProfile {
  width: 20%;
  border-right: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox .studentProfile img {
  height: 60px;
  max-width: 100%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox .studentInfo {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 5px 5px 5px 40px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart {
  border-right: 1px solid #f1f1f1;
  padding-right: 30px;
  width: 30%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:first-child {
  width: 25%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:last-child {
  border: none;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart .studentInfo {
  justify-content: flex-start;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart .uniLogo {
  margin-left: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart .uniLogo img {
  height: 50px;
  width: 50px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew {
  border-right: 1px solid #f1f1f1;
  padding-right: 30px;
  width: 22.5%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew:first-child {
  width: 25%;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew:last-child {
  border: none;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew .studentInfo {
  justify-content: flex-start;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew .uniLogo {
  margin-left: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStartNew .uniLogo img {
  height: 50px;
  width: 50px;
}
.commissionBox .commissionParentBox .commissionUniInfo .studentBox.inputFlex {
  width: 15%;
  padding-left: 20px;
}
.commissionBox .commissionParentBox .commissionUniInfo .uniName {
  font-size: 18px;
  color: #0f52ba;
}
.commissionBox .commissionParentBox .commissionUniInfo .courseInfo {
  font-size: 15px;
  color: black;
}
.commissionBox .commissionParentBox .commissionUniInfo .courseInfo.sm {
  font-size: 14px;
  color: #555;
}
.commissionBox .commissionParentBox .commissionUniInfo .commissionInfo {
  font-size: 14px;
  color: #0872bc;
  font-weight: 600;
}
.commissionBox .inputGroup {
  margin-top: 10px;
}
.commissionBox .inputGroup .input-group-text {
  background-color: #e9ecef;
  border-color: #666;
}
.commissionBox textarea.form-control {
  height: 50px !important;
}
.comBtnGroup {
  display: flex;
  flex-wrap: wrap;
}
.comBtnGroup .btn {
  margin-bottom: 3px;
  font-size: 13px !important;
  padding: 0 4px !important;
  width: 180px;
}
.comBtnGroup .btn img {
  margin-right: 5px;
  height: 13px;
}
.comBtnGroup .btn-view {
  border: 1px solid #d9d9d9 !important;
  color: #212529 !important;
  background-color: white;
}
.darkFont {
  color: black;
}
.dangerPos {
  position: absolute;
  left: 10px;
}
.commissionListBox {
  margin-top: 20px;
  position: relative;
}
.commissionListBox .addMoreCommissionBtn {
  position: absolute;
  top: 5px;
  right: 5px;
}
.student-group {
  margin-top: 10px;
  margin-right: 10px;
}
.student-group label {
  margin: 0 10px 4px 3px !important;
  color: black;
  font-weight: 500 !important;
}
.student-group .form-control {
  border-color: #e5dcdc !important;
  background-image: none !important;
  height: 35px !important;
  border-radius: 5px !important;
}
.student-group .input-group-text {
  border-color: #e5dcdc !important;
  height: 35px !important;
}
.uniInfoLogo {
  border-right: 1px solid #f1f1f1;
  padding-right: 20px;
  margin-right: 20px;
}
.uniInfoLogo img {
  height: 70px !important;
}
.textCap {
  text-transform: capitalize !important;
}
.textUpp {
  text-transform: uppercase;
}
.customCheckbox {
  cursor: pointer;
  text-align: center;
}
.customCheckbox img {
  height: 25px;
}
.universityParentBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.universityParentBox .commissionUniInfo {
  border: none;
  box-shadow: 1px 1px 10px #ddd;
  border-radius: 5px;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.universityParentBox .commissionUniInfo .ant-card-body {
  justify-content: center;
  flex: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.universityParentBox .commissionUniInfo .uniLogo {
  border-right: none;
}
.universityParentBox .commissionUniInfo .uniLogo img {
  height: 70px !important;
  width: 100%;
}
.universityParentBox .commissionUniInfo .studentInfoBox {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.universityParentBox .commissionUniInfo .ant-card-body {
  padding: 10px;
}
.universityParentBox .commissionUniInfo img {
  width: -webkit-max-content;
  width: max-content;
  height: 50px;
}
.universityParentBox .commissionUniInfo .uniName {
  font-size: 18px;
  color: #0f52ba;
}
.filterCard .ant-select .ant-select-selection--single {
  border: 1px solid #e9d5d5 !important;
}
.filterCard .search-box-table.round {
  border: 1px solid #e9d5d5 !important;
}
.filterCard .roundBtn {
  border: 1px solid #e9d5d5 !important;
}
.statusDate {
  margin-top: 5px;
  font-size: 13px;
  color: #0f52ba;
  font-weight: 500;
}
.btn-warning {
  background-color: rgba(240, 173, 78, 0.87) !important;
  color: white !important;
}
.btn-success {
  border-color: #0872bc !important;
  background-color: #0872bc !important;
  color: white !important;
}
.btn-success-dark {
  border-color: #0f52ba !important;
  background-color: #0f52ba !important;
  color: white !important;
}
.btn-view {
  border: 1px solid #d9d9d9 !important;
  color: #212529 !important;
  background-color: white !important;
  margin-top: 0 !important;
}
.btn-view.sm {
  padding: 0.25rem 0.8rem;
  font-size: 0.8rem;
  line-height: 1.5;
}
.label-info-new {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: none;
}
.btn-paid {
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
  color: white !important;
}
.label-paid {
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
  color: white !important;
}
.view-btn-box {
  margin-top: 5px;
  /* .eyeBtn {
       height: 20px;
     }*/
}
.view-btn-box .btn-view {
  font-size: 12px !important;
  border: 1px solid #d9d9d9;
  height: 32px;
  padding: 2px 5px;
  border-radius: 5px;
  color: #212529 !important;
  margin-right: 5px;
}
.view-btn-box .btn-view img {
  height: 17px;
}
.contract {
  text-transform: uppercase;
  margin-top: 5px;
  color: black;
}
.contract a {
  text-decoration: underline;
  font-weight: 500;
}
.customInput {
  margin-top: 8px;
}
.customInput label {
  margin-bottom: auto;
}
.table-head .sort-box-table.sort-box-table30 {
  width: 30% !important;
}
.flexRowBox {
  display: flex;
}
.flexRowBox .flexBox1 {
  flex: 1;
  width: 30%;
  margin-right: 10px;
  background-color: #f1f1f1 !important;
  margin-bottom: 18px;
}
.flexRowBox .flexBox2 {
  flex: 2;
}
.imgFlex {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}
.imgFlex .img-column {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  margin-right: 10px;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgFlex .img-column img {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart {
    width: 33%;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:first-child {
    width: 33%;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:nth-child(3) {
    border: none;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.flexStart:last-child {
    border: none;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.inputFlex {
    width: 50%;
    padding-left: 20px;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .studentBox.inputFlex .student-group {
    margin-top: 0;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .uniName {
    font-size: 15px;
    color: #0f52ba;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .courseInfo {
    font-size: 12px;
    color: black;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .courseInfo.sm {
    font-size: 12px;
    color: #555;
  }
  .commissionBox .commissionParentBox .commissionUniInfo .commissionInfo {
    font-size: 12px;
    color: #0872bc;
    font-weight: 600;
  }
  .universityParentBox {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .universityParentBox .commissionUniInfo {
    border: none;
    box-shadow: 1px 1px 10px #ddd;
    border-radius: 5px;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .universityParentBox .commissionUniInfo .ant-card-body {
    justify-content: center;
    flex: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .universityParentBox .commissionUniInfo .uniLogo {
    border-right: none;
  }
  .universityParentBox .commissionUniInfo .uniLogo img {
    height: 70px !important;
    width: 100%;
  }
  .universityParentBox .commissionUniInfo .uniName {
    font-size: 15px;
    color: #0f52ba;
  }
  .customInput {
    margin-top: 8px;
  }
  .customInput label {
    margin-bottom: 0;
  }
}
.round-date-picker .ant-calendar-picker-input {
  height: 42px !important;
  border-radius: 50px;
  border: none;
}
.verifyOfferBox {
  position: relative;
  overflow: hidden;
  height: auto;
  padding-top: 7%;
  padding-bottom: 90px;
  min-height: 80vh;
}
.verifyOfferBox h3 {
  font-size: 32px;
  text-transform: capitalize;
  margin: 0 0 10px;
  color: #0f52ba;
}
.verifyOfferBox .store {
  padding-top: 7%;
}
.verifyOfferBox .store img {
  width: 100%;
}
.verifyOfferBox .iframeBox {
  margin: 5% 15% 100px;
  border: 1px solid #ddd;
  padding: 10px;
}
.announcement_banner {
  background-color: white;
  max-height: 250px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.announcement_banner img {
  width: auto;
  height: 250px;
}
.announcement_banner .applyBtn {
  position: absolute;
  bottom: 15px;
  width: 350px !important;
}
.certificate_box .btn-default {
  margin-bottom: 10px;
  width: 220px;
}
.certificate_box .ant-tag {
  margin-bottom: 5px;
  border-color: #007bff33;
}
.certificate_box .ant-tag .btn-link {
  font-weight: 400;
  color: #007bff !important;
  text-decoration: none;
}
.duplicateRecordLink {
  font-size: 15px;
  margin-bottom: 10px;
}
.broadcast_info {
  font-size: 25px;
  text-align: center;
  padding: 50px 0;
  min-height: 500px;
}
.broadcast_info img {
  height: 150px;
  margin-bottom: 20px;
}
.addInfo {
  padding-left: 3px !important;
}
.addInfo .box {
  position: relative;
  margin-bottom: 5px;
  display: flex !important;
}
.addInfo .box img {
  height: 22px !important;
  width: auto !important;
}
.addInfo .box span {
  margin-left: 27px;
}
@media (max-width: 600px) {
  .verifyOfferBox {
    position: relative;
    overflow: hidden;
    height: auto;
    padding-top: 100px;
    padding-bottom: 90px;
    min-height: 80vh;
  }
  .verifyOfferBox h3 {
    font-size: 32px;
    text-transform: capitalize;
    margin: 0 0 10px;
    color: #0f52ba;
  }
  .verifyOfferBox .store {
    padding-top: 7%;
  }
  .verifyOfferBox .store img {
    width: 100%;
  }
  .verifyOfferBox .iframeBox {
    margin: 5% 2% 100px;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: auto;
  }
}
.counsellerDashboard {
  width: auto;
}
.counsellerDashboard .main-logo {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.counsellerDashboard .counseller-card {
  width: 100%;
  height: 50%;
  border: 1px solid lightgrey;
}
.counsellerDashboard .counseller-card .countryInfo {
  text-align: center;
}
.counsellerDashboard .counseller-card .countryInfo .map {
  width: auto;
  height: 100px;
}
.counsellerDashboard .counseller-card .countryInfo h5 {
  color: #000;
  font-size: 22px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.counsellerDashboard .counseller-card .counselling-container {
  position: relative;
  min-height: 200px;
  border-bottom: 1px solid #ddd;
}
.counsellerDashboard .counseller-card .counselling-container .waitingBox {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #00000033;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.counsellerDashboard .counseller-card .counselling-container .waitingBox .waitingLabel {
  font-size: 25px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  font-size: 15px;
  flex-direction: column;
  padding: 20px 20px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card:nth-child(0) {
  border-bottom: 1px solid lightgrey;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title {
  width: 100%;
  padding: 10px;
  padding-bottom: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  background-color: #f1f1f1;
  border-radius: 10px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title img {
  border-radius: 50px;
  margin-right: 15px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title .box-title {
  font-size: 12px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo-card-title .tarundiv {
  display: flex;
  flex-direction: column;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .waitingInfo {
  display: flex;
  margin-bottom: 20px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .waitingInfo .counsellerInfo-num {
  background-color: #ddd;
  border-radius: 40px;
  padding: 0 10px;
  margin-left: 10px;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo {
  width: 100%;
  height: 50%;
  font-size: 15px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.counsellerDashboard .counseller-card .counselling-container .counsellerInfo-card .counsellerInfo.active {
  color: #0872bc;
}
.comment-boxx {
  border-bottom: lightgrey;
}
.student-informationn {
  display: flex;
  padding: 9px 14px;
}
.studentprofile {
  display: flex;
  flex-direction: row;
}
.studentprofile .image {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studentprofile .image img {
  border-radius: 100%;
}
.studentprofile .descrip {
  width: 65%;
}
.studentprofile .descrip .border {
  width: 60%;
  border: 2px solid gray;
  padding: 10px;
}
.imagee {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imagee img {
  border-radius: 100%;
}
.studentinformationboxx {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.nameandnumberboxx {
  height: 40%;
}
.localLoginCredentialsBoxx {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  box-shadow: 1px 1px 10px #0f52ba2e;
  border-radius: 10px;
  margin-bottom: 10px;
}
.centerpage {
  display: flex;
  align-items: center;
  justify-content: center;
}
.centerpage .borderr {
  width: 50%;
}
.dateandhistory {
  height: 50px;
}
.studentListContainer {
  margin-bottom: 5px;
}
.studentListContainer.active .otherAppList {
  background-color: #fff8e1;
}
.studentListContainer .otherAppList {
  display: flex;
  padding: 10px 10px 5px;
  background-color: white;
  box-shadow: 0 0 10px #f1f1;
  border-radius: 5px;
  margin-bottom: 10px;
}
.studentListContainer .otherAppList .leftBox {
  text-align: left;
  display: flex;
  align-items: flex-start;
  padding: 10px;
}
.studentListContainer .otherAppList .leftBox .logo1 {
  width: 200px;
  height: 200px;
}
.studentListContainer .otherAppList .leftBox img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.studentListContainer .otherAppList .leftBox .studentDetails {
  line-height: 1.5;
}
.studentListContainer .otherAppList .leftBox .leftBox1 {
  background-color: gray !important;
  text-align: left;
  display: flex;
  align-items: flex-start;
  padding: 10px;
}
.studentListContainer .otherAppList .leftBox .leftBox1 img {
  width: 50px !important;
  height: 50px !important;
  margin-right: 20px;
}
.studentListContainer .otherAppList .leftBox .leftBox1 .studentDetails {
  line-height: 1.5;
}
.studentListContainer .otherAppList .rightBox {
  margin-top: 10px;
  text-align: left;
}
.studentListContainer .otherAppList .rightBox a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
}
.studentListContainer .otherAppList .rightBox a p {
  color: #495057;
  font-size: 15px;
}
.closeconvert {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.flaguk {
  margin-left: 466px;
  width: 25px;
}
.nameanddate {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.backanddot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.onoffdot {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
  padding-bottom: 10px;
}
.onoffdot .innerdot {
  margin-right: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: red;
}
.picandmore {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.caseclose {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.caseclose .caseclosebtn {
  width: 100px;
  background: #0872bc;
  font-weight: 500 !important;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  border: none;
  outline: none;
}
.myTextarea {
  padding: 10px;
}
.directUniCount {
  width: 16.6% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.directUniCount .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.directUniCount .uniCountBox img {
  height: 30px;
  width: auto;
}
.directUniCount .uniCountBox h5 {
  font-size: 14px !important;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.canadaDirectUniCount.canadaDirectUniCount2 {
  width: 25% !important;
}
.canadaDirectUniCount2 .innerBox {
  border: 1px solid #ccc;
}
.card.card-pdf {
  background: white !important;
}
.canadaDirectUniCount {
  width: 19.6% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.canadaDirectUniCount .innerBox {
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.canadaDirectUniCount .innerBox .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
}
.canadaDirectUniCount .innerBox .uniCountBox img {
  height: 30px;
  width: auto;
}
.canadaDirectUniCount .innerBox .uniCountBox img.sm {
  height: 25px;
}
.canadaDirectUniCount .innerBox .uniCountBox img.md {
  height: 35px !important;
}
.canadaDirectUniCount .innerBox .uniCountBox h5 {
  font-size: 14px;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.canadaDirectUniCount .innerBox .btnBox {
  border-top: 1px solid #f1f1f1;
  margin-top: 15px;
  padding-top: 8px;
  display: flex;
  justify-content: space-around;
}
.canadaDirectUniCount .innerBox .btnBox a {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.canadaDirectUniCount .innerBox .btnBox a i {
  margin-right: 5px;
}
.canadaDirectUniCount .innerBox .dirUniAgent {
  padding: 10px 0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 27px;
}
.filter-row.ant-row {
  display: flex;
  flex-wrap: wrap;
}
.commissionBlock {
  margin: 20px 0;
}
.commissionBlock .countryCommission {
  padding: 20px;
  text-align: center;
}
.commissionBlock .countryCommission .countryName {
  font-size: 16px !important;
  height: 50px;
}
.commissionBlock .countryCommission .countryFlag {
  margin: 25px 0;
}
.commissionBlock .countryCommission .countryFlag img {
  height: 30px;
}
.commissionBlock .countryCommission .currencyName {
  font-size: 16px !important;
}
.commissionBlock .countryCommission .countryAmount {
  font-size: 25px;
  cursor: pointer;
}
.commissionBlock .countryCommission .canada {
  color: #adff2f;
}
.commissionBlock .countryCommission .uk {
  color: #808080;
}
.commissionBlock .countryCommission .australia {
  color: #003399;
}
.card.bgWhite {
  background: white !important;
}
.ant-col-md-0 {
  display: block;
}
.squareContainer {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}
.squareContainer .squareStyle {
  width: 45px;
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
}
.squareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.squareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.squareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.squareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.squareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.ukSquareContainer {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 15px;
  grid-column-gap: 5px;
}
.ukSquareContainer .squareStyle {
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  text-align: center;
}
.ukSquareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.ukSquareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.ukSquareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.ukSquareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.ukSquareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.dirUniLabelBox {
  display: flex;
  padding: 30px 2.4rem 0 !important;
}
.dirUniLabelBox div {
  margin: 0 20px;
  padding: 0 10px;
}
.dirUniLabelBox div:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.dirUniLabelBox div:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.dirUniLabelBox div:nth-child(3) {
  border-bottom: 2px solid #5bc0de;
}
.ledgerBox {
  padding: 20px 3%;
}
.ledgerBox .header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}
.ledgerBox .header .ant-col {
  color: black;
  font-weight: 500;
  padding-bottom: 10px;
}
.ledgerBox .ant-col:nth-child(3) {
  text-align: right;
}
.ledgerBox .ant-col:last-child {
  text-align: right;
}
.ledgerBox .ant-row {
  padding: 10px 10px 0;
}
.ledgerBox .ant-row:nth-child(even) {
  background-color: #f7f7f7;
}
.ledgerBox .ant-row:nth-child(odd) {
  background-color: #ff11ff08;
}
.ledgerBox .ant-row.header {
  background-color: white;
}
.ledgerBox .debit {
  color: #d9534f;
  font-weight: 600;
}
.ledgerBox .credit {
  color: #5cb85c;
  font-weight: 600;
}
.ledgerBox .dateBox {
  font-size: 15px;
  font-weight: 500;
  color: #0872bc;
  padding-bottom: 10px;
}
.claim-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-card {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin: 1rem auto;
  font-family: 'Segoe UI', sans-serif;
}
.card-row {
  display: flex;
  justify-content: space-between;
  margin-top: 6.5px;
  border-bottom: 1px solid #eee;
}
.card-row:last-child {
  border-bottom: none;
}
.label {
  font-weight: 500;
}
.value {
  font-weight: 600;
}
.receive-commission {
  display: flex;
  gap: 10px;
  width: 160px;
}
.receive-commission-box {
  display: flex;
  gap: 16px;
}
.receive-commission-new {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  width: 160px;
}
.receive-commission-new-date {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  width: 160px;
}
.commission-value-new-total {
  color: green;
  font-weight: 600;
}
.commission-value-new-pending {
  color: red;
  font-weight: 600;
}
.receive-Amt {
  color: green;
}
.pending-Amt {
  color: orange;
}
.label-of-date {
  min-width: 70px;
  color: black;
}
.input-amount {
  border-color: black;
}
.receive-btn {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.filterBox .search-box-table.round {
  border: 1px solid #dfe3e8;
  border-radius: 50px;
  min-height: 40px;
  height: 40px;
  margin-left: 0 !important;
  background: #fff;
  align-items: center;
  padding-left: 40px;
}
.filterBox .search-box-table.round input {
  height: 40px !important;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}
.filterBox .search-box-table.round img {
  left: 14px;
}
.filterBox .antSelect.ant-select .ant-select-selector,
.filterBox .ant-select .ant-select-selector {
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  background: #fff !important;
}
.filterBox .antSelect.ant-select .ant-select-selection,
.filterBox .ant-select .ant-select-selection {
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  background: #fff;
}
.filterBox .antSelect.ant-select .ant-select-selection__rendered,
.filterBox .ant-select .ant-select-selection__rendered {
  line-height: 38px !important;
  margin-left: 12px;
  margin-right: 32px;
}
.filterBox .antSelect.ant-select .ant-select-selection__placeholder,
.filterBox .ant-select .ant-select-selection__placeholder {
  line-height: 38px !important;
  color: #b1b7c0 !important;
}
.filterBox .antSelect.ant-select .ant-select-selection-item,
.filterBox .ant-select .ant-select-selection-item,
.filterBox .antSelect.ant-select .ant-select-selection-placeholder,
.filterBox .ant-select .ant-select-selection-placeholder {
  line-height: 38px !important;
}
.filterBox .antSelect.ant-select .ant-select-arrow,
.filterBox .ant-select .ant-select-arrow {
  margin-top: 0 !important;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #b1b7c0 !important;
}
.filterBox .ant-calendar-picker {
  width: 100%;
}
.filterBox .ant-picker {
  width: 100%;
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  background: #fff !important;
  padding-left: 12px;
  padding-right: 34px;
}
.filterBox .ant-picker .ant-picker-input > input {
  height: 38px !important;
}
.filterBox .ant-picker .ant-picker-suffix,
.filterBox .ant-picker .ant-picker-separator {
  color: #b1b7c0 !important;
}
.filterBox .ant-calendar-picker-input {
  height: 40px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  padding-left: 12px;
  padding-right: 34px;
}
.filterBox .ant-calendar-range-picker-separator {
  color: #b1b7c0;
}
.filterBox .ant-calendar-picker-icon {
  color: #b1b7c0;
}
.filterBox .search-box-table.round {
  margin-left: 0 !important;
}
.agentName {
  display: flex;
}
.agentName .agentOnline {
  height: 7px;
  width: 7px;
  background-color: #5cb85c;
  border-radius: 50%;
  margin-left: 5px;
}
.display-linebreak {
  white-space: pre-line;
}
.hrFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.selectable-box {
  border: 1px solid #e5d9d9;
  margin: 5px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 5px 10px;
  border-radius: 5px;
}
.box-text {
  font-size: 14px;
}
.countCircle {
  font-size: 12px !important;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  line-height: 0.9;
  background: #0872bc;
  color: white !important;
  margin-left: 7px;
  margin-top: 2px;
  padding: 5px;
  display: inline-block;
}
.selectable-box.selected {
  background-color: #007bff;
  color: white;
}
.selectable-box.selected .countCircle {
  background: #5cb85c;
}
.intakeRow {
  display: flex;
  flex-wrap: wrap;
  padding-left: 20px;
  margin-top: 10px;
}
.intakeRow .singleIntakeBox {
  border: 1px solid #d9d9d9;
  padding: 0 5px;
  background: #fafafa;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
}
.intakeRow .singleIntakeBox .singleIntakeBox-check {
  height: 12px;
  width: 12px;
  margin-right: 5px;
  bottom: 3px;
}
.intakeRow .singleIntakeBox.selected {
  background-color: #1890ff;
}
.intakeRow .singleIntakeBox.selected i {
  color: white !important;
}
.intakeRow .singleIntakeBox i {
  font-style: normal;
  color: rgba(0, 0, 0, 0.65);
}
.trainingBox {
  text-align: center;
  margin-top: 50px;
}
.trainingBox img {
  height: 150px;
}
.trainingBox .textBox {
  margin-top: 20px;
}
.trainingBox .textBox h3 {
  font-weight: 600;
  text-transform: uppercase;
  font-family: ui-monospace;
  font-size: 30px;
  margin-bottom: 3%;
}
.trainingBox .textBox.normal h3 {
  text-transform: capitalize;
}
.trainingBox .textBox .confirmLink {
  font-size: 17px;
  background-color: #0f52ba;
  color: white;
  padding: 6px 30px;
  text-transform: capitalize;
  border-radius: 5px;
}
.marketingUserBox {
  margin-bottom: 50px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 1px 10px 10px #ddd;
}
.marketingUserBox.managerBoxCanada {
  width: 100%;
  margin-bottom: 0;
}
.marketingUserBox.managerBoxCanada .ant-avatar img {
  left: 0 !important;
}
.marketingUserBox.managerBoxCanada .managerHead {
  margin-bottom: 5px;
  background-color: #ad2125;
}
.marketingUserBox .managerHead {
  margin-right: auto;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 80%;
}
.marketingUserBox .managerBody {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 10px;
  padding-left: 10px;
}
.marketingUserBox .managerBody.ais {
  align-items: flex-start;
}
.whatsNewCard .whatsNewBox {
  border-bottom: 1px solid #fde6e6;
  padding: 20px;
}
.whatsNewCard .whatsNewBox .flex-row {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px;
}
.whatsNewCard .whatsNewBox .flex-row .icon {
  width: 50px;
  height: 50px;
  margin-right: 30px;
  margin-left: 20px;
}
.whatsNewCard .whatsNewBox .flex-row .title {
  color: #0f52ba;
  font-size: 18px;
  margin-bottom: 5px;
  text-transform: capitalize;
  font-weight: 600;
}
.whatsNewCard .whatsNewBox .flex-row .dateRow {
  color: #555;
  font-size: 14px;
}
.whatsNewCard .whatsNewBox .flex-row .dateRow i {
  margin-right: 5px;
  color: #888;
}
.whatsNewCard .whatsNewBox .content-box {
  margin-top: 20px;
}
.whatsNewCard .whatsNewBox .img-box img {
  width: 80%;
}
.studentInfoTableRow {
  padding: 4px 10px;
  display: flex;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.studentInfoTableRow .title {
  font-weight: 600;
  width: 40%;
  padding: 5px 10px;
}
.studentInfoTableRow .details {
  padding: 5px 10px;
}
.studentInfoTableRow p {
  margin-bottom: 0;
}
.studentInfoTableRow:first-child {
  border-top: 1px solid #ddd;
}
.studentInfoTableRow:nth-child(odd) {
  background-color: white;
}
.studentInfoTableRow:nth-child(even) {
  background-color: #effbf8;
}
.textAreaHeight {
  min-height: 100px !important;
}
.agent_form {
  background-color: #f7f7ff;
}
.agent_form .ant-form-item {
  margin-bottom: 0.8rem;
}
.agent_form .form-control,
.agent_form .ant-select-selection {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212529 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  -webkit-appearance: none;
  appearance: none;
  height: 50px !important;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-image: none !important;
}
.agent_form .form-control::-webkit-input-placeholder,
.agent_form .ant-select-selection::-webkit-input-placeholder {
  font-size: 1rem !important;
  font-weight: 400;
}
.agent_form .ant-select-selection__placeholder {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
}
.agent_form .ant-select-selection__rendered {
  margin-left: 0;
}
.agent_form .ant-select-arrow {
  background-color: white;
  color: #777 !important;
}
.agent_form .ant-select-focused .ant-select-arrow {
  background-color: white !important;
  color: #777 !important;
}
.agent_form label {
  font-size: 18px !important;
  margin: 0 !important;
  margin-bottom: 8px !important;
}
.agent_form .right_bg {
  height: 100%;
  background-position: 35%;
  background-repeat: no-repeat;
}
.agent_form .btn_sub {
  padding: 8px 16px !important;
  font-size: 1.25rem;
  border-radius: 0 !important;
  background-color: #1890ff;
  border: none;
}
.registrationClose {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.default_btn {
  border: 1px solid #ddd;
  padding: 3px 10px;
  color: #555;
  text-decoration: none;
  font-size: 0.8rem !important;
  border-radius: 3px;
  margin-right: 5px;
  height: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 5px;
}
.default_btn:last-child {
  margin-right: 0;
}
.default_btn img {
  height: 15px !important;
  margin-right: 4px;
  margin-bottom: 2px;
}
.btn_group {
  display: flex;
  flex-wrap: wrap;
}
.btn_group .default_btn {
  margin-right: 5px;
}
.btn_group .btn {
  margin-right: 5px;
}
.select_btn_group {
  display: flex;
  flex-wrap: wrap;
}
.select_btn_group .default_btn {
  margin-right: 5px;
  background-color: white;
  line-height: 1.5;
  padding: 0.4rem 1.75rem !important;
  height: auto !important;
  border: none;
  margin-left: 5px;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 15px;
}
.select_btn_group .default_btn.selected {
  background-color: #5cb85c;
  color: white;
}
.select_btn_group .default_btn .anticon {
  font-size: 16px;
  margin-right: 7px;
}
.select_btn_group .default_btn_lg {
  margin-right: 10px;
  background-color: white;
  line-height: 1.5;
  padding: 0.4rem 3rem !important;
  height: auto !important;
  border: none;
  margin-left: 5px;
  transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 15px;
  border-radius: 3px;
  color: #555;
  display: flex;
  align-items: center;
}
.select_btn_group .default_btn_lg.selected {
  color: white;
}
.select_btn_group .default_btn_lg .anticon {
  font-size: 16px;
  margin-right: 7px;
}
.btn_link {
  text-decoration: underline;
}
.custom-checkbox {
  width: 100%;
}
.custom-checkbox .ant-checkbox-group-item {
  width: 40% !important;
}
.custom-checkbox span {
  font-weight: normal;
}
.filter_box {
  margin-top: 15px;
  background-color: white;
  border-radius: 5px;
  padding: 15px 10px 10px;
}
.filter_box.bg {
  border: 1px solid #dee2e6 !important;
}
.filter_box .labelNew {
  font-size: 14px;
  font-weight: normal !important;
}
.filter_box input:not([type='checkbox']):not([type='radio']):not([type='file']),
.filter_box select,
.filter_box textarea,
.filter_box .form-control,
.filter_box .ant-input,
.filter_box .ant-input-affix-wrapper,
.filter_box .ant-input-number,
.filter_box .ant-select-selector,
.filter_box .ant-select-selection,
.filter_box .ant-select-selection--single,
.filter_box .ant-picker,
.filter_box .ant-calendar-picker-input {
  height: 40px !important;
  border-radius: 50px !important;
  border: 1px solid #ddd;
}
.filter_box input:not([type='checkbox']):not([type='radio']):not([type='file']) {
  width: 100%;
  padding: 0 5px 0 20px;
  font-size: 14px;
  color: #555;
}
.filter_box .ant-select.ant-select-focused .ant-select-arrow {
  background: transparent !important;
  color: #555;
}
.filter_box .ant-select .ant-select-selection {
  border-radius: 50px;
  border-color: #ddd;
  height: 40px !important;
}
.filter_box .ant-select .ant-select-selection .ant-select-arrow {
  background: transparent;
  color: #555;
}
.filter_box .ant-select .ant-select-selection:hover .ant-select-arrow {
  background-color: white;
  display: block;
}
.filter_box .ant-select .ant-select-selection:hover .ant-select-arrow .anticon {
  color: #555;
}
.filter_box .ant-select .ant-select-selector {
  border-radius: 50px !important;
  border-color: #ddd !important;
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.filter_box .ant-select-selection__placeholder {
  font-size: 14px !important;
  opacity: 0.8 !important;
  color: #333 !important;
}
.filter_box .ant-select-selection-item,
.filter_box .ant-select-selection-placeholder,
.filter_box .ant-select-selection-selected-value,
.filter_box .ant-select-selection__rendered {
  line-height: 38px !important;
}
.filter_box .ant-input-number-input-wrap input,
.filter_box .ant-picker-input > input {
  height: 38px !important;
}
.filter_box .ant-picker {
  padding-left: 12px;
  padding-right: 34px;
}
.filter_box .search-box-table.round {
  height: 40px;
  border-radius: 50px;
  border: 1px solid #ddd;
}
.filter_box .btn_group {
  display: flex;
  justify-content: flex-end;
}
.filter_box .btn_group .default_btn {
  margin-right: 5px;
  padding: 5px 20px;
  border-radius: 50px;
}
.filter_box .btn_group .default_btn:last-child {
  margin-right: 0;
}
.mismatchNote {
  padding: 5px 10px;
  background-color: #d9534f;
  color: white;
  font-weight: 600;
  margin-top: 10px;
}
.expenseAmtBox .successAmt {
  color: #5cb85c;
}
.expenseAmtBox .pendingAmt {
  color: rgba(240, 173, 78, 0.87);
}
.expenseAmtBox .totalAmt {
  color: #0872bc;
}
.joinDate {
  margin-top: 5px;
  color: #1890ff;
  font-size: 11px;
  border-radius: 3px;
  font-weight: 600;
}
.joinDate::before {
  content: '' !important;
  border-left: 2px solid #1890ff;
  padding-left: 3px;
}
.table-bordered {
  border: 1px solid #dee2e6 !important;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6 !important;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-bordered th,
.table-bordered td,
.table-bordered thead th,
.table-bordered tbody + tbody {
  border: 0;
}
.marketingDirectUniCount {
  width: 16.6% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
}
.marketingDirectUniCount .uni_box {
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.marketingDirectUniCount .uni_box img {
  height: 40px;
  width: auto;
}
.marketingDirectUniCount .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  flex-direction: row;
  margin-top: 15px;
}
.marketingDirectUniCount .uniCountBox .countBox {
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 40%;
  cursor: pointer;
}
.marketingDirectUniCount .uniCountBox .countBox .label {
  font-size: 12px !important;
  color: #555;
  padding: 0;
}
.marketingDirectUniCount .uniCountBox .countBox .count {
  padding: 0 5px;
  color: #1890ff;
}
.dropbtn {
  border: none;
}
input[type='date'].js_datepicker {
  background-color: white !important;
  border: 1px solid #e5dddd !important;
}
.eye_btn {
  padding: 0 3px !important;
  border-radius: 3px;
  margin-left: 5px;
  font-size: 10px;
  color: #0f52ba !important;
}
.eye_btn img {
  height: 14px;
}
.structureDotsReplace {
  display: block;
  overflow-y: hidden;
  text-overflow: ellipsis;
  max-height: 28px;
}
.event_gallery_list {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}
.event_gallery_list .single_img {
  border: 1px solid #ebcfcf;
  padding: 10px;
  border-radius: 5px;
  position: relative;
}
.event_gallery_list .single_img:hover {
  border: 2px solid #0872bc;
}
.event_gallery_list .single_img .cross_btn {
  position: absolute;
  right: -8px;
  top: -8px;
  background: #0f52ba;
  border-radius: 50px;
  width: 22px;
  height: 22px;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
.event_gallery_list .single_img img {
  height: 100px;
}
.btn_options {
  display: flex;
}
.btn_options a {
  font-size: 14px;
  width: 100%;
  height: 40px !important;
  padding: 0.475rem 0.75rem;
}
.btn_options .date_box {
  width: 220px;
  margin-right: 10px !important;
}
.btn_options .date_box.selected {
  background-color: #f1f1f1 !important;
}
.btn_options .date_box.selected .btn {
  background-color: #f1f1f1 !important;
}
.btn_options .date_box .form-control {
  border-color: #ddd !important;
  font-size: 15px;
}
.ant-calendar-month-calendar {
  width: 300px;
}
div#studentChart {
  padding-top: 30px !important;
}
.agent-rank-label {
  font-size: 10px !important;
  padding: 4px !important;
}
.priorityBox {
  margin-top: 10px;
}
.priorityBox .priority {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 50px;
  color: white;
  background: rgba(240, 173, 78, 0.87);
  font-weight: 600;
  position: relative;
  top: -3px;
  left: 0;
  margin-left: 5px;
  font-style: normal;
  animation: glowS 0.5s ease-in-out infinite alternate;
  text-transform: uppercase;
}
.priorityBox .superPriority {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 50px;
  color: white;
  background: red;
  font-weight: 600;
  position: relative;
  top: -3px;
  left: 0;
  margin-left: 5px;
  font-style: normal;
  animation: glow 0.5s ease-in-out infinite alternate !important;
  text-transform: uppercase;
}
.eventDirectCount {
  width: 20% !important;
  display: inline-block;
  padding: 0 20px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.eventDirectCount .innerBox {
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 6px #1890ff !important;
  padding: 10px !important;
}
.eventDirectCount .innerBox .uniCountBox {
  display: flex !important;
  align-items: center;
  padding: 10px 5px;
}
.eventDirectCount .innerBox .btnBox {
  border-top: 1px solid #f1f1f1;
  margin-top: 15px;
  padding-top: 8px;
}
.eventDirectCount .innerBox .btnBox a {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eventDirectCount .innerBox .btnBox a i {
  margin-right: 5px;
}
.eventDirectCount .innerBox .dirUniAgent {
  padding: 10px 0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 27px;
}
.eventDirectCount .innerBox .squareContainer {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  margin-bottom: 10px;
}
.eventDirectCount .innerBox .squareContainer > div {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.eventDirectCount .innerBox .squareContainer > div span {
  font-size: 12px;
  margin-bottom: 5px;
}
.eventDirectCount .innerBox .squareContainer .squareStyle {
  width: 60px;
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  text-align: center;
  align-self: center;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.totalCount {
  border-bottom: 2px solid #5cb85c;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.approvedCount {
  border-bottom: 2px solid #1890ff;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.pendingCount {
  border-bottom: 2px solid #0872bc;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.deferredCount {
  border-bottom: 2px solid #5bc0de;
}
.eventDirectCount .innerBox .squareContainer .squareStyle.deniedCount {
  border-bottom: 2px solid #d9534f;
}
.icefMeetingCount .singleLi {
  display: inline-block;
  padding: 10px;
}
.icefMeetingCount .singleLi .li_box {
  display: flex;
  align-items: center;
  border: 1px solid #f1f1f1;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
}
.icefMeetingCount .singleLi .li_box .squareStyle {
  margin-left: 20px;
  border-bottom: 2px solid;
  min-width: 30px;
  text-align: center;
  font-weight: 600;
}
.main-btn {
  width: auto !important;
  min-width: 150px;
  background: #1556bc;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin: 25px 0 0;
  border-radius: 50px;
  font-weight: 600;
  height: 42px !important;
}
.white-btn {
  background: white;
  border: 1px solid #ddd;
  color: #555;
}
.white-btn .ant-calendar-picker-input.ant-input {
  height: 35px !important;
}
.small-select .ant-select-selection {
  height: 30px !important;
  border-color: #ddd;
  border-radius: 3px;
}
.small-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.md-select .ant-select-selection {
  height: 33px !important;
  border-color: transparent;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.md-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.room_slider .mobile_view {
  display: none;
}
.room_slider .web_view {
  display: block;
}
@media (max-width: 768px) {
  .room_slider .mobile_view {
    display: block;
  }
  .room_slider .web_view {
    display: none;
  }
}
.shadow-select {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: none;
}
.shadow-select .ant-select-selection {
  height: 35px !important;
  border-radius: 7px;
  padding: 15px 10px;
  border: none;
}
.shadow-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.comment-section .sendBtn {
  border-radius: 15px !important;
  background-color: #87d068;
  border: none;
  color: white;
  padding: 14px !important;
}
.comment-section .avatar_text {
  background-color: #87d068;
  margin: 0 12px;
  font-size: 20px !important;
}
.top_city {
  height: 170px;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}
.top_city img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.top_city .city_name {
  position: absolute;
  bottom: 0;
  left: 7.5px;
  padding: 15px;
  z-index: 1;
  color: white;
  font-size: 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  width: calc(100% - 15px);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-weight: 500;
}
.shadow-select {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: none;
}
.shadow-select .ant-select-selection {
  height: 35px !important;
  border-radius: 7px;
  padding: 15px 10px;
  border: none;
}
.shadow-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.comment-section .sendBtn {
  border-radius: 15px !important;
  background-color: #87d068;
  border: none;
  color: white;
  padding: 14px !important;
}
.comment-section .avatar_text {
  background-color: #87d068;
  margin: 0 12px;
  font-size: 20px !important;
}
.top_city {
  height: 170px;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}
.top_city img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.top_city .city_name {
  position: absolute;
  bottom: 0;
  left: 7.5px;
  padding: 15px;
  z-index: 1;
  color: white;
  font-size: 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  width: calc(100% - 15px);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-weight: 500;
}
.icefManager {
  background: #A1A8EA;
  height: 140px;
  border-radius: 10px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icefManager .avatar_box {
  position: absolute;
  bottom: 0;
  left: 5%;
}
.icefManager .avatar_box img {
  height: 170px;
}
.icefManager .manager_info_box {
  position: absolute;
  left: 25%;
  font-size: 13px;
}
.icefManager .manager_info_box .head-title {
  font-size: 22px;
  color: white;
}
.icefManager .manager_info_box .manager_details .inline_a {
  display: flex;
  align-items: center;
}
.icefManager .manager_info_box .manager_details .inline_a:first-child {
  font-style: italic;
}
.event-card .card-container {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 400px !important;
  justify-content: flex-start;
}
.event-card .event-card-box h2 {
  font-size: 22px;
  margin: 15px 0 0 0;
  text-shadow: 1px 1px 5px #000;
  color: #fff;
  font-weight: 600;
}
.event-card .event-card-box h3 {
  font-size: 16px;
  margin: 5px 0 0 0;
  text-shadow: 1px 1px 5px #000;
  color: #fff;
  font-weight: 600;
}
.event-card .event-card-box p {
  font-size: 16px;
  position: absolute;
  bottom: 45px;
  left: 50%;
  right: 25%;
  width: 250px;
  margin-left: -145px;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px #000;
  font-weight: 600;
}
.event-card .event-card-box .event-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  margin-bottom: 20px;
  font-size: 16px;
}
.event-card .event-card-box .event-info .add-event-btn {
  margin-top: 1rem;
  border: 2px solid white;
  padding: 6px;
  position: absolute;
  right: 20px;
  bottom: 5px;
  cursor: pointer;
}
.task_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task_box .label-sm {
  padding: 0.5em 0.6em 0.3em;
}
.completeTask {
  text-decoration: line-through;
}
.event_list_card {
  height: 82vh;
  overflow-y: auto;
  padding: 5px;
}
.event_list_card .single_event_card {
  margin-bottom: 15px;
  padding: 20px;
  box-shadow: 0 0 10px #ddd;
  border-radius: 10px;
}
.event_list_card .single_event_card .ant-collapse {
  border: 1px solid #f4efef !important;
  margin-top: 10px;
}
.event_list_card .single_event_card .ant-collapse .ant-collapse-header {
  padding: 8px 40px;
}
.align_center {
  align-items: center;
  display: flex;
  color: #0f52ba;
}
.aic {
  align-items: center !important;
  display: flex !important;
}
.aic label {
  margin-bottom: 0;
}
.ant-select-disabled .ant-select-selection {
  background-color: #ededed !important;
}
.calendar-container.bgWhite {
  background: white !important;
}
.calendar-container.bgWhite .ant-card-body {
  padding: 0;
}
.calendar-container .table-event td {
  width: calc(100% / 7);
}
.small-select .ant-select-selection {
  height: 30px !important;
  border-color: #ddd;
  border-radius: 3px;
}
.small-select .ant-select-selection .ant-select-arrow {
  background-color: transparent !important;
  color: #555;
}
.round-select .ant-select-selection--single {
  height: 30px !important;
  border-color: #ddd;
  border-radius: 50px;
}
.round-select .ant-select-selection--single .ant-select-arrow {
  padding: 3px;
  margin-top: -10px;
  background-color: white !important;
  color: black;
}
.custom_row {
  display: flex;
  margin-left: -9px;
  margin-right: -9px;
}
.custom_row .custom_col {
  flex: 1;
  padding-left: 9px;
  padding-right: 9px;
}
.w-65 {
  width: 65% !important;
}
.login--wCard {
  width: 65% !important;
}
.commission-listing-section {
  padding: 30px 2rem !important;
}
.custom-calendar-1 {
  width: 100% !important;
  font-size: 26px;
  border: none !important;
}
.custom-calendar-1 .rc-calendar-header {
  border-bottom: none;
}
.custom-calendar-1 .rc-calendar-body {
  padding: 0;
}
.custom-calendar-1 .rc-calendar-body .rc-calendar-cell > div {
  margin-left: auto;
  margin-right: auto;
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 20px !important;
}
.autoCompleted ul {
  width: 100%;
}
.autoCompleted .ant-select-search__field__wrap {
  width: 100%;
}
.help_btn {
  position: absolute !important;
  font-size: 14px;
  right: 10px;
  margin-top: 2px;
  border: 1px solid #d5c4c4;
  padding: 0px 20px;
  border-radius: 5px;
  color: #555;
  bottom: 10px;
  display: flex;
  align-items: center;
}
.help_btn i {
  margin-right: 5px;
}
.help_btn:hover {
  color: black;
}
.req_btn {
  font-size: 14px;
  right: 10px;
  border: 1px solid #d5c4c4;
  padding: 0px 5px;
  border-radius: 5px;
  color: #555;
  bottom: 40px;
  display: flex;
  align-items: center;
}
.req_btn i {
  margin-right: 5px;
}
.req_btn:hover {
  color: black;
}
.custom-container .custom_card .ant-card-head {
  height: 30px;
  background: #f1f1f1;
  font-size: 15px;
  color: #555;
}
.custom-container .custom_card .ant-card-head span {
  font-size: 14px;
  /* margin-left: 5px; */
}
.custom-container .custom_card .ant-card-body {
  padding: 14px 14px 14px 24px;
  color: black;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem !important;
  font-size: 12px !important;
}
.table-striped tr:nth-of-type(odd) {
  background-color: #dff0d8;
}
.flexWrap {
  display: flex;
  flex-wrap: wrap;
}
.commissionRow {
  display: flex;
}
.commissionRow .commBox {
  flex: 1;
}
.direct-uni-box {
  clear: both;
}
.direct-uni-box .count {
  display: grid !important;
  gap: 20px 0;
  grid-template-columns: repeat(5, 1fr);
}
.direct-uni-box .canadaDirectUniCount {
  width: 100% !important;
  display: inline-block;
  padding: 0 10px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.direct-uni-box .canadaDirectUniCount:last-child {
  padding-right: 0;
}
.direct-uni-box .canadaDirectUniCount .innerBox {
  /*background: white;
        border-radius: 5px;
        box-shadow: 0 0 6px @darkPrimary !important;
        padding: 10px !important;*/
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 15px #0f52ba24 !important;
  padding: 10px !important;
  position: relative;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: flex-start;
  min-height: 70px;
  padding-top: 10px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox .record-count {
  display: flex;
  justify-content: center;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox img {
  height: 30px;
  width: auto;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox img.sm {
  height: 25px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .uniCountBox h5 {
  font-size: 14px;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .btnBox {
  border-top: 1px solid #f1f1f1;
  margin-top: 10px;
  padding-top: 8px;
  display: flex;
  justify-content: space-around;
  line-height: 1;
}
.direct-uni-box .canadaDirectUniCount .innerBox .btnBox a {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.direct-uni-box .canadaDirectUniCount .innerBox .btnBox a i {
  margin-right: 5px;
}
.direct-uni-box .canadaDirectUniCount .innerBox .dirUniAgent {
  padding: 0;
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  text-overflow: ellipsis;
  height: 1px;
  background: #f1f1f1;
  margin: 10px 0;
}
.direct-uni-box .canadaDirectUniCount .note_box {
  position: relative;
}
.direct-uni-box .canadaDirectUniCount .note_box .alert_note {
  position: absolute;
  font-size: 12px;
  text-align: center;
  left: 0;
  right: 0;
  top: -7px;
  font-weight: 500;
}
.direct-uni-box .squareContainer {
  margin-top: 15px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(4, 1fr);
}
.direct-uni-box .squareContainer .squareStyle {
  width: auto;
  height: 29px;
  border: 1px solid #efefef;
  line-height: 1.6;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  margin-bottom: 0;
  text-align: center;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid #f0ad4e;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(6) {
  border-bottom: 2px solid #337ab7;
}
.direct-uni-box .squareContainer .squareStyle:nth-child(7) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.direct-uni-box .squareContainer .squareStyle:nth-child(8) {
  border-bottom: 2px solid #0872BC;
}
.commissionBlock .countryCommission {
  width: 20%;
}
@media only screen and (max-width: 1441px) {
  .canadaDirectUniCount .innerBox .uniCountBox {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
  }
  .canadaDirectUniCount .innerBox .uniCountBox img {
    max-height: 20px;
    width: auto;
  }
  .canadaDirectUniCount .innerBox .uniCountBox h5 {
    font-size: 9px !important;
    height: 25px;
    width: auto;
    min-width: 25px;
    line-height: 3;
  }
  .canadaDirectUniCount .innerBox .btnBox a {
    font-size: 11px;
  }
}
@media only screen and (max-width: 560px) {
  section.banner1 {
    height: auto !important;
  }
  section.banner1 .img {
    display: none;
  }
  .login--wCard {
    width: 80% !important;
  }
  .direct-uni-box .canadaDirectUniCount {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .commissionBlock .countryCommission {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .institute--event .table-head h5 {
    width: 65% !important;
  }
  .institute--event .event-teaser .event-meta {
    flex-direction: column;
  }
  .institute--event .event-teaser .event-title {
    padding-right: 0;
  }
  .institute--event .event-teaser .event-date-day1 {
    width: 100%;
  }
  .institute--event .event-teaser .event-venue-wrap1 {
    padding: 20px 0;
    margin-left: 0;
  }
  .institute--event .event-teaser .reg_btn {
    margin-left: 0 !important;
  }
  .institute--event .event-teaser .regTime {
    margin: 10px 0;
  }
}
.WcStyle {
  padding: 3px !important;
}
.penSpan {
  background: #fff;
  white-space: nowrap;
  text-transform: capitalize;
  padding: 3px 12px;
  border-radius: 50px;
  font-weight: 500 !important;
  font-size: 12px;
  border: 2px solid;
}
.gic-list .active {
  color: #50C37E;
  border-color: #50C37E;
}
.gic-list .pending {
  color: #bccf5b;
  border-color: #bccf5b;
}
.rc-table table td span.inactive {
  color: #ff3f5b;
  border-color: #ff3f5b;
}
.rc-table table td:first-child img {
  width: 35px;
}
.rc-table table td a {
  font-weight: 500;
  color: #3E6AB4;
}
.rc-table table td:last-child {
  white-space: nowrap;
}
.rc-table table td:last-child button {
  padding: 0;
  width: 30px;
  height: 30px;
}
.rc-table table td:last-child button img {
  width: 100%;
}
.debit2 {
  color: #ff0000;
  font-weight: 600;
}
.credit2 {
  color: #008000;
  font-weight: 600;
}
.nav-sidebar .nav-item .nav-link1 {
  font-size: 13px !important;
}
.table-head.table-head-new h6 {
  font-size: 15px !important;
  margin: 0 !important;
  width: auto !important;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.travel-plan-table .ant-table-bordered .ant-table-thead > tr > th,
.travel-plan-table .ant-table-bordered .ant-table-tbody > tr > td {
  vertical-align: top;
}
.gic-manager .header-box {
  padding: 10px 20px 5px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  color: #0f52ba;
}
.round-selector .ant-select-selection__rendered ul {
  padding: 0 10px;
}
.round-selector .ant-select-selection__rendered ul li {
  border-radius: 50px;
}
.feedback-button.selected {
  border: 2px solid #1890ff !important;
}
.tag-gic {
  color: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  width: 200px;
  display: flex;
  align-items: center;
}
.travel-carousel .slick-list {
  padding-left: 20px;
}
.travel-carousel .slick-dots {
  position: absolute;
  bottom: 0px !important;
}
.travel-carousel .slick-dots li {
  border-bottom: none;
  background: none !important;
}
.travel-carousel .slick-dots li button {
  background: #0872bc !important;
  height: 5px !important;
}
.travel-carousel .slick-arrow.slick-prev {
  font-size: 10px;
}
.travel-carousel .ant-carousel .slick-prev::before {
  content: '<';
  z-index: 1000 !important;
  display: block;
  position: relative;
  bottom: 10px;
  right: 0px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  justify-content: center;
  align-items: center;
  padding: 9px 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.travel-carousel .slick-arrow.slick-next {
  font-size: 10px;
}
.travel-carousel .ant-carousel .slick-next::before {
  content: '>';
  display: block;
  position: relative;
  right: 0px;
  left: 0;
  bottom: 10px;
  /* width: 100px; */
  font-size: 25px;
  color: gray;
  background-color: white;
  border: 2px solid gray;
  justify-content: center;
  align-items: center;
  padding: 9px 0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.marketingUserBox2 .managerHead2 {
  margin-right: auto;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.marketingUserBox2 .managerHead2 .universityFlag {
  font-size: 11px;
  font-weight: 600;
}
.marketingUserBox2 .managerHead2 .universityFlag img {
  height: 20px;
  width: auto;
  border-radius: 3px;
}
.marketingUserBox2 .travel-avator {
  border: 2px solid;
  padding-right: 0;
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 15px;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.text-black {
  color: #212529;
}
.ant-input-group-wrapper {
  padding: 0 !important;
}
.ant-input-group-wrapper .ant-input {
  height: 40px;
}
tr.warning_tr td {
  background-color: #fcf8e3 !important;
}
.feedbackButton.selected {
  /* Selected button styles */
  background-color: #f0f0f0 !important;
  color: #333;
  border: 1px solid #ccc;
}
.successTag2 {
  background: #c2cdd5;
  border: 1px solid #0872bc;
  padding: 1px 20px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
}
.managerHead2 {
  margin-right: auto;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 100%;
}
.universityWiseBlock {
  margin-top: 15px !important;
}
.flagBox {
  height: 35px;
}
.liveReportingOuter {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 30px;
}
.liveReportingOuter .liveReportingInnerBox {
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  font-size: 15px;
  text-align: center;
}
.liveReportingOuter .liveReportingInnerBox .reportingInnerBox {
  height: 100px;
}
.sopModalRow {
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}
.successMessage {
  font-size: 18px;
  /*color: #1556bc;*/
  color: black;
  margin-bottom: 20px;
}
.buttonContainer {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.viewButton,
.closeButton {
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
.viewButton {
  background-color: #2196F3;
  color: white;
}
.viewButton:hover {
  background-color: #1976D2;
}
.closeButton {
  background-color: #f44336;
  color: white;
}
.closeButton:hover {
  background-color: #d32f2f;
}
.status-list-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 20px;
}
.status-list-grid .status-item-grid {
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
  /*    &::after {
            content: "|";
            display: inline-block;
          }*/
}
.status-list-grid .status-item-grid .status-box {
  display: inline-block;
}
.status-list-grid .status-item-grid .status-box .status-name {
  font-size: 15px;
  color: #666;
}
.status-list-grid .status-item-grid .status-box .status-count {
  color: #0f52ba;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
.liveReportTarget {
  margin-top: 10px;
}
.target-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 13px;
  font-weight: 500;
}
.target-box .value-box {
  display: flex;
  justify-content: center;
}
.target-box img {
  height: 20px;
  margin-right: 5px;
}
.target-box span {
  font-size: 17px;
}
.custom-autocomplete .ant-select-search__field__wrap {
  width: 100%;
}
.assessment_profile_card {
  background-color: #e6f0ff;
  border-radius: 10px;
  position: relative;
}
.assessment_profile_card .assessment-info-box .person-name {
  color: #0070cc;
  font-weight: 600;
  margin: 0;
}
.assessment_profile_card .document_box {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.assessment_profile_card .cross_btn {
  position: absolute;
  right: -8px;
  top: -8px;
  background: #0f52ba;
  border-radius: 50px;
  width: 22px;
  height: 22px;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
/* Larger screens */
@media (min-width: 1400px) {
  .canadaDirectUniCount {
    width: 32% !important;
    padding: 0 15px !important;
  }
  .card-pane-right.listing-section {
    padding: 30px 3rem 30px 4rem;
    display: flex;
    align-items: center;
  }
  .download-pdf-flag {
    width: 25px !important;
    height: 21px !important;
  }
  .download-pdf-text {
    font-weight: 600 !important;
    font-size: 19px !important;
  }
  .card-pane-right.listing-section ul li p {
    word-spacing: normal;
  }
  .card-pane-right.listing-section ul li {
    width: 23.6% !important;
    display: inline-block;
  }
}
@media print {
  body {
    font-family: Poppins, sans-serif;
    font-size: 12px;
  }
  .card-body {
    padding: 8px;
  }
  .download-pdf-flag {
    height: 20px;
    width: 25px;
    margin-right: 15px;
  }
  h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
}
.squareContainerContract {
  display: flex;
  justify-content: space-around;
  margin-top: 15px;
}
.squareContainerContract .squareStyle {
  width: 45px;
  height: 35px;
  border: 1px solid #efefef;
  line-height: 2;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
}
.squareContainerContract .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.squareContainerContract .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.squareContainerContract .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.squareContainerContract .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.squareContainerContract .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
/* Login page shared styles */
.login-page-like {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.login-page-like::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/image/banner.png') no-repeat center bottom;
  background-size: 100% auto;
}
.login-page-like .login-topbar {
  position: relative;
  z-index: 2;
  padding: 38px 0 10px;
}
.login-page-like .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-page-like .topbar-logo img {
  width: 230px;
  max-width: 100%;
}
.login-page-like .topbar-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.login-page-like .pill-btn {
  height: 48px;
  min-width: 140px;
  border-radius: 999px;
  border: 1px solid #c5cfdf;
  background: #fff;
  color: #1a2b4c;
  font-size: 15px;
  font-weight: 600;
  padding: 0 24px;
}
.login-page-like .dropdown .dropbtn.lite {
  height: 48px;
  min-width: 140px;
  border-radius: 999px;
  border: 1px solid #c5cfdf;
  background: #fff;
  color: #1a2b4c;
  font-size: 15px;
  font-weight: 600;
  padding: 0 22px;
}
.login-page-like .pill-btn.active {
  background: #1f56d9;
  color: #fff;
  border-color: #1f56d9;
  box-shadow: 0 6px 14px rgba(31, 86, 217, 0.25);
}
.login-page-like .login-body {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - 96px);
  display: flex;
  align-items: center;
}
.login-page-like .login-left {
  width: 100%;
  max-width: 520px;
  margin-top: -40px;
}
.login-page-like .login-title {
  margin: 0 0 20px;
  color: #101f39;
  font-size: 42px;
  font-weight: 600;
}
.login-page-like .input-wrap {
  position: relative;
  margin-bottom: 20px;
}
.login-page-like .input-wrap .ant-form-item {
  margin-bottom: 0;
}
.login-page-like .login-input.ant-input {
  border: none;
  background: #dfe5ee;
  height: 64px;
  border-radius: 8px;
  padding: 0 58px 0 22px;
  font-size: 15px;
  color: #1f2a3f;
}
.login-page-like .login-input.ant-input::placeholder {
  color: #8f99a9;
}
.login-page-like .input-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #2d63d8;
  font-size: 18px;
}
.login-page-like .submit-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.login-page-like .otp-btn {
  min-width: 160px;
  height: 50px;
  border-radius: 999px;
  border: none;
  background: #1f56d9;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.login-page-like .otp-hint {
  margin: 6px 0 14px;
  color: #3d4f70;
  font-size: 14px;
  line-height: 1.6;
}
.login-page-like .resendOtpBtn {
  margin-top: 10px;
  display: inline-block;
}
@media (max-width: 1200px) {
  .login-page-like::before {
    background-size: cover;
  }
}
@media (max-width: 768px) {
  .login-page-like .login-topbar {
    padding-top: 22px;
  }
  .login-page-like .topbar-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .login-page-like .pill-btn {
    height: 44px;
    min-width: 118px;
    font-size: 14px;
    padding: 0 18px;
  }
  .login-page-like .login-body {
    align-items: flex-start;
    padding-top: 40px;
  }
  .login-page-like .login-left {
    margin-top: 0;
    max-width: 100%;
  }
  .login-page-like .login-title {
    font-size: 32px;
  }
}
.participant_card .info_card {
  border-right: 1px solid #f1f1f1;
  height: 93vh;
}
.participant_card .info_card .information {
  padding: 20px 20px 5px 30px;
  height: 150px;
  display: flex;
}
.participant_card .info_card .information img {
  height: 100%;
  width: auto;
  margin-right: 30px;
  border-radius: 10px;
}
.participant_card .info_card .comments {
  padding: 0 20px 10px;
  position: relative;
  height: calc(100vh - 290px);
}
.participant_card .info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.participant_card .info_card .alignCenter {
  align-items: center;
  display: flex;
}
.participant_card .input_box {
  display: flex;
  align-items: center;
  width: 96%;
  position: absolute;
  bottom: 0;
}
.participant_card .input_box .input_comment1 {
  border-radius: 50px;
  background-color: #efeded;
  height: 45px;
}
.participant_card .single_info_card {
  border-right: 1px solid #f1f1f1;
}
.participant_card .single_info_card .information {
  margin-bottom: 5px;
}
.participant_card .single_info_card .information h6 {
  color: black;
}
.participant_card .single_info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.participant_card .single_info_card .alignCenter {
  align-items: center;
  display: flex;
}
.comment_text {
  flex: 1 1;
  background-color: white;
  border-radius: 35px;
  padding: 5px 10px 5px 15px;
  border: 1px solid #f1f1f1;
}
.bg_theme {
  color: #0f52ba !important;
}
.complaint_card .info_card {
  border-right: 1px solid #f1f1f1;
  height: 93.8vh;
}
.complaint_card .info_card .information {
  padding: 20px 20px 5px 30px;
  height: 270px;
  display: flex;
}
.complaint_card .info_card .information .complaintBox {
  max-height: 130px;
  overflow-x: auto;
  line-height: 1.2;
}
.complaint_card .info_card .information img {
  height: 100%;
  width: auto;
  margin-right: 30px;
  border-radius: 10px;
}
.complaint_card .info_card .information .intoBox {
  padding: 10px;
  background-color: #f1f1f1;
  margin: 20px 0 0;
  font-size: 13px;
}
.complaint_card .info_card .comments {
  padding: 0 20px 10px;
  position: relative;
  height: calc(100vh - 400px);
}
.complaint_card .info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.complaint_card .info_card .alignCenter {
  align-items: center;
  display: flex;
}
.complaint_card .input_box {
  display: flex;
  align-items: center;
  width: 96%;
  position: absolute;
  bottom: 0;
}
.complaint_card .input_box .input_comment1 {
  border-radius: 50px;
  background-color: #efeded;
  height: 45px;
}
.complaint_card .footer {
  display: flex;
  align-items: center;
  width: 96%;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #f1f1f1;
  padding: 10px 0 0;
}
.complaint_card .single_info_card {
  border-right: 1px solid #f1f1f1;
}
.complaint_card .single_info_card .information {
  margin-bottom: 5px;
}
.complaint_card .single_info_card .information h6 {
  color: black;
}
.complaint_card .single_info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.complaint_card .single_info_card .alignCenter {
  align-items: center;
  display: flex;
}
.ant-select.ant-fullcalendar-month-select {
    width: 15%;

}

.ant-select.ant-fullcalendar-year-select {
    width: 15%;
}

.ant-fullcalendar-header .ant-radio-group {
    display: none !important;
}

.ant-fullcalendar-column-header {
    padding: 10px !important;
    background-color: white;
}

.ant-descriptions {
    border: 2px solid #000;
    padding: 20px;
    border-radius: 8px;
}

.ant-descriptions-item-label {
    font-weight: 600;
    color: #333;
}

.ant-descriptions-item-content {
    color: #666;
}

.menu-label {
    padding: 6px !important;
    font-size: 13px !important;
}

.comment-text {
    flex: 1 1;
    background-color: #f0f0f0;
    border-radius: 35px;
    padding: 6px 20px 5px 20px;
    max-width: 85%;
}

.time-span {
    color: #0f52ba;
    font-size: 8px !important;
    font-style: italic;
}

.comment-text .mb5 {
    margin-bottom: 5px;
    font-size: 12px;
}

.comment-author .name {
    text-transform: capitalize;
    font-weight: 600;
}

.avatar_text1 {
    background-color: #0f52ba;
    margin: 0 12px;
    font-size: 17px !important;
}

.comment-section .sendBtn1 {
    border-radius: 15px !important;
    background-color: #0f52ba;
    border: none;
    color: white;
    padding: 14px !important;
}

.act-container {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

.act-card {
    background-color: #efefef;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.act-card-body {
    padding: 15px;
}

.act-list {
    list-style: none;
    padding: 26px;
}


.act-list-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
}

.act-date {
    float: left;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    font-weight: 600;
}

.act-content {
    margin-left: 15px;
    flex: 1;
}

.act-label {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 17px;
    color: #333;
}

.act-dot {
    color: blue;
    margin-right: 5px;
}

.act-info {
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
}

.act-message {
    margin-left: 0;
    padding-left: 0;
    color: #000;
}

.act-message-item {
    font-size: 15px;
    line-height: 1.5;
}

.act-subject {
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
}
.ant-select.ant-fullcalendar-month-select {
    width: 15%;

}

.ant-select.ant-fullcalendar-year-select {
    width: 15%;
}

.ant-fullcalendar-header .ant-radio-group {
    display: none !important;
}

.ant-fullcalendar-column-header {
    padding: 10px !important;
    background-color: white;
}

.ant-descriptions {
    border: 2px solid #000;
    padding: 20px;
    border-radius: 8px;
}

.ant-descriptions-item-label {
    font-weight: 600;
    color: #333;
}

.ant-descriptions-item-content {
    color: #666;
}

.menu-label {
    padding: 6px !important;
    font-size: 13px !important;
}

.comment-text {
    flex: 1 1;
    background-color: #f0f0f0;
    border-radius: 35px;
    padding: 6px 20px 5px 20px;
    max-width: 85%;
}

.time-span {
    color: #0f52ba;
    font-size: 8px !important;
    font-style: italic;
}

.comment-text .mb5 {
    margin-bottom: 5px;
    font-size: 12px;
}

.comment-author .name {
    text-transform: capitalize;
    font-weight: 600;
}

.avatar_text1 {
    background-color: #0f52ba;
    margin: 0 12px;
    font-size: 17px !important;
}

.comment-section .sendBtn1 {
    border-radius: 15px !important;
    background-color: #0f52ba;
    border: none;
    color: white;
    padding: 14px !important;
}

.act-container {
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

.act-card {
    background-color: #efefef;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.act-card-body {
    padding: 15px;
}

.act-list {
    list-style: none;
    padding: 26px;
}


.act-list-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
}

.act-date {
    float: left;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-right: 1px solid #ccc;
    padding-right: 15px;
    font-weight: 600;
}

.act-content {
    margin-left: 15px;
    flex: 1;
}

.act-label {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 17px;
    color: #333;
}

.act-dot {
    color: blue;
    margin-right: 5px;
}

.act-info {
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
}

.act-message {
    margin-left: 0;
    padding-left: 0;
    color: #000;
}

.act-message-item {
    font-size: 15px;
    line-height: 1.5;
}

.act-subject {
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
}


/* .react-calendar__tile--active {
    background: white !important;
    color: black !important;
} */

.event-card.booked {
    color: #0f52ba;
    border: 2px solid #0f52ba;
}

.event-card.available {
    color: #00cc00;
    border: 2px solid #00cc00;
}

.event-card.pending {
    color: red;
    border: 2px solid red;

}.rc-calendar {
  box-sizing: border-box;
}
.rc-calendar * {
  box-sizing: border-box;
}
.rc-calendar-hidden {
  display: none;
}
.rc-calendar-input-wrap {
  position: relative;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.rc-calendar-input-wrap:after {
  content: '';
  clear: both;
}
.rc-calendar-date-input-wrap {
  overflow: hidden;
}
.rc-calendar-time-picker {
  position: absolute;
  width: 100%;
  top: 34px;
  background-color: white;
  height: 217px;
}
.rc-calendar-time-picker-panel {
  width: 100%;
  position: relative;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
  display: none;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
  border: none;
  box-shadow: none;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
  width: 84px;
  max-height: 217px;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
  text-align: center;
  padding: 0;
}
.rc-calendar-time-picker-wrap {
  float: left;
  width: 100%;
}
.rc-calendar-time-picker-wrap .rc-time-picker {
  width: 100%;
}
.rc-calendar-time-picker-wrap .rc-time-picker-input {
  padding: 0;
  border: 1px solid transparent;
  outline: 0;
  height: 22px;
}
.rc-calendar-time-picker-wrap .rc-time-picker-icon {
  display: none;
}
.rc-calendar-input {
  border: 1px solid transparent;
  width: 100%;
  color: #666;
  cursor: text;
  line-height: 1.5;
  outline: 0;
  height: 22px;
}
.rc-calendar-input-invalid {
  border-color: red;
}
.rc-calendar-clear-btn {
  z-index: 9999;
  position: absolute;
  right: 6px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 6px;
  margin: 0;
}
.rc-calendar-clear-btn:after {
  content: "x";
  font-size: 12px;
  color: #aaa;
  display: inline-block;
  line-height: 1;
  width: 20px;
  transition: color 0.3s ease;
}
.rc-calendar-clear-btn:hover:after {
  color: #666;
}
.rc-calendar-picker {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;
}
.rc-calendar-picker-hidden {
  display: none;
}
.rc-calendar-picker-slide-up-enter {
  animation-duration: .3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-calendar-picker-slide-up-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-calendar-picker-slide-up-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scaleY(0);
  }
}
.rc-calendar {
  position: relative;
  outline: none;
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
  width: 253px;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
  line-height: 1.5;
}
.rc-calendar-date-panel,
.rc-calendar-panel {
  position: relative;
  outline: none;
}
.rc-calendar-week-number {
  width: 286px;
}
.rc-calendar-week-number-cell {
  text-align: center;
}
.rc-calendar-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}
.rc-calendar-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 0px 5px;
  line-height: 34px;
  text-align: center;
  width: 30px;
}
.rc-calendar-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}
.rc-calendar-header .rc-calendar-prev-month-btn {
  position: absolute;
  left: 25px;
}
.rc-calendar-header .rc-calendar-prev-month-btn:after {
  content: '‹';
}
.rc-calendar-header .rc-calendar-next-month-btn {
  position: absolute;
  right: 25px;
}
.rc-calendar-header .rc-calendar-next-month-btn:after {
  content: '›';
}
.rc-calendar-year-select,
.rc-calendar-month-select,
.rc-calendar-day-select {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding: 0 8px;
  line-height: 34px;
}
.rc-calendar-year-select:hover,
.rc-calendar-month-select:hover,
.rc-calendar-day-select:hover {
  cursor: pointer;
  color: #23c0fa;
}
.rc-calendar-year-select.rc-calendar-time-status:hover,
.rc-calendar-month-select.rc-calendar-time-status:hover,
.rc-calendar-day-select.rc-calendar-time-status:hover {
  cursor: pointer;
  color: #666;
}
.rc-calendar-prev-month-btn,
.rc-calendar-next-month-btn,
.rc-calendar-prev-year-btn,
.rc-calendar-next-year-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  color: #999;
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 34px;
}
.rc-calendar-prev-month-btn:hover,
.rc-calendar-next-month-btn:hover,
.rc-calendar-prev-year-btn:hover,
.rc-calendar-next-year-btn:hover {
  color: #23c0fa;
}
.rc-calendar-next-year-btn {
  right: 0;
}
.rc-calendar-next-year-btn:after {
  content: '»';
}
.rc-calendar-prev-year-btn {
  left: 0;
}
.rc-calendar-prev-year-btn:after {
  content: '«';
}
.rc-calendar-body {
  padding: 9px 10px 10px;
  height: 217px;
}
.rc-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}
.rc-calendar table,
.rc-calendar td,
.rc-calendar th,
.rc-calendar td {
  border: none;
}
.rc-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.rc-calendar-column-header {
  line-height: 18px;
  padding: 6px 0;
  width: 33px;
  text-align: center;
}
.rc-calendar-column-header .rc-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.rc-calendar-week-number-header .rc-calendar-column-header-inner {
  display: none;
}
.rc-calendar-cell {
  padding: 1px 0;
}
.rc-calendar-date {
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  width: 26px;
  height: 26px;
  padding: 0;
  background: transparent;
  line-height: 26px;
  text-align: center;
}
.rc-calendar-date:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-selected-day .rc-calendar-date {
  background: #d9f4fe;
}
.rc-calendar-selected-date .rc-calendar-date {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-selected-date .rc-calendar-date:hover {
  background: #3fc7fa;
}
.rc-calendar-today .rc-calendar-date {
  border: 1px solid #3fc7fa;
}
.rc-calendar-disabled-cell .rc-calendar-date {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f3f3f3;
  border-radius: 0;
  width: auto;
}
.rc-calendar-disabled-cell .rc-calendar-date:hover {
  background: #f3f3f3;
}
.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rc-calendar-last-month-cell .rc-calendar-date,
.rc-calendar-next-month-btn-day .rc-calendar-date {
  color: #bbb;
}
.rc-calendar-footer {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  text-align: center;
  position: relative;
}
.rc-calendar-footer .rc-time-picker {
  width: 90px;
}
.rc-calendar-footer .rc-time-picker-input {
  height: 24px;
}
.rc-calendar-footer-show-ok {
  text-align: right;
}
.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
  padding-right: 12px;
}
.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
  margin-left: 0;
  padding: 0 12px;
}
.rc-calendar-footer-show-ok .rc-calendar-today-btn {
  float: left;
  padding-left: 12px;
}
.rc-calendar-footer-btn {
  margin-top: 2px;
}
.rc-calendar-footer-btn:after {
  content: 'x';
  height: 0;
  font-size: 0;
  overflow: hidden;
  clear: both;
}
.rc-calendar-time-picker-btn {
  margin-left: 10px;
}
.rc-calendar-today-btn,
.rc-calendar-ok-btn,
.rc-calendar-time-picker-btn {
  display: inline-block;
  text-align: center;
  color: #f46830;
}
.rc-calendar-today-btn:hover,
.rc-calendar-ok-btn:hover,
.rc-calendar-time-picker-btn:hover {
  cursor: pointer;
  color: #23c0fa;
}
.rc-calendar-today-btn-disabled,
.rc-calendar-ok-btn-disabled,
.rc-calendar-time-picker-btn-disabled {
  color: #bbb;
}
.rc-calendar-today-btn-disabled:hover,
.rc-calendar-ok-btn-disabled:hover,
.rc-calendar-time-picker-btn-disabled:hover {
  color: #bbb;
}
.rc-calendar-today-btn {
  padding-left: 10px;
}
.rc-calendar-time-input {
  height: 25px;
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 4px 10px;
  border-radius: 6px 6px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  color: #666;
  line-height: 1.5;
  transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  width: 40px;
}
.rc-calendar-time-input:hover {
  border-color: #23c0fa;
}
.rc-calendar-time-input:focus {
  border-color: #23c0fa;
  box-shadow: 0 0 3px #23c0fa;
}
.rc-calendar-time-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-time-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}
.rc-calendar-time-panel-body {
  padding: 9px 10px 10px;
}
.rc-calendar-time-panel-title {
  width: 180px;
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  height: 30px;
  line-height: 22px;
  border-radius: 4px;
}
.rc-calendar-time-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 255px;
  border-collapse: separate;
}
.rc-calendar-time-panel-cell {
  text-align: center;
  height: 42px;
  vertical-align: middle;
}
.rc-calendar-time-panel-time {
  line-height: 26px;
  display: block;
  border-radius: 4px;
  width: 26px;
  margin: 0 auto;
}
.rc-calendar-time-panel-time:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-month-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-month-panel > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.rc-calendar-month-panel-hidden {
  display: none;
}
.rc-calendar-month-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}
.rc-calendar-month-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-month-panel-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}
.rc-calendar-month-panel-prev-year-btn,
.rc-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-month-panel-next-year-btn:after {
  content: '»';
}
.rc-calendar-month-panel-prev-year-btn {
  -webkit-user-select: none;
          user-select: none;
  left: 0;
}
.rc-calendar-month-panel-prev-year-btn:after {
  content: '«';
}
.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
  width: 180px;
}
.rc-calendar-month-panel-year-select-arrow {
  display: none;
}
.rc-calendar-month-panel-next-year-btn {
  -webkit-user-select: none;
          user-select: none;
  right: 0;
}
.rc-calendar-month-panel-body {
  flex: 1;
  padding: 9px 10px 10px;
}
.rc-calendar-month-panel-footer {
  border-top: 1px solid #ccc;
  line-height: 38px;
}
.rc-calendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.rc-calendar-month-panel-cell {
  text-align: center;
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
  color: #bfbfbf;
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
  background: white;
  cursor: not-allowed;
}
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-month-header-wrap {
  position: relative;
  height: 308px;
}
.rc-calendar-year-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
}
.rc-calendar-year-panel > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.rc-calendar-year-panel-hidden {
  display: none;
}
.rc-calendar-year-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}
.rc-calendar-year-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-year-panel-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}
.rc-calendar-year-panel-prev-decade-btn,
.rc-calendar-year-panel-next-decade-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-year-panel-next-decade-btn:after {
  content: '»';
}
.rc-calendar-year-panel-prev-decade-btn {
  -webkit-user-select: none;
          user-select: none;
  left: 0;
}
.rc-calendar-year-panel-prev-decade-btn:after {
  content: '«';
}
.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
  width: 180px;
}
.rc-calendar-year-panel-decade-select-arrow {
  display: none;
}
.rc-calendar-year-panel-next-decade-btn {
  -webkit-user-select: none;
          user-select: none;
  right: 0;
}
.rc-calendar-year-panel-body {
  flex: 1;
  padding: 9px 10px 10px;
}
.rc-calendar-year-panel-footer {
  border-top: 1px solid #ccc;
  line-height: 38px;
}
.rc-calendar-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.rc-calendar-year-panel-cell {
  text-align: center;
}
.rc-calendar-year-panel-year {
  display: block;
  width: 46px;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}
.rc-calendar-year-panel-year:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
  user-select: none;
  -webkit-user-select: none;
  color: rgba(0, 0, 0, 0.25);
}
.rc-calendar-decade-panel {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 10;
  position: absolute;
  outline: none;
  display: flex;
  flex-direction: column;
}
.rc-calendar-decade-panel-hidden {
  display: none;
}
.rc-calendar-decade-panel-header {
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
}
.rc-calendar-decade-panel-header > a {
  font-weight: bold;
  display: inline-block;
  padding: 1px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-decade-panel-header > a:hover {
  cursor: pointer;
  color: #23c0fa;
}
.rc-calendar-decade-panel-prev-century-btn,
.rc-calendar-decade-panel-next-century-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-decade-panel-next-century-btn:after {
  content: '»';
}
.rc-calendar-decade-panel-prev-century-btn {
  -webkit-user-select: none;
          user-select: none;
  left: 0;
}
.rc-calendar-decade-panel-prev-century-btn:after {
  content: '«';
}
.rc-calendar-decade-panel-next-century-btn {
  -webkit-user-select: none;
          user-select: none;
  right: 0;
}
.rc-calendar-decade-panel-body {
  flex: 1;
  padding: 9px 10px 10px;
}
.rc-calendar-decade-panel-footer {
  border-top: 1px solid #ccc;
  line-height: 38px;
}
.rc-calendar-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.rc-calendar-decade-panel-cell {
  text-align: center;
}
.rc-calendar-decade-panel-decade {
  display: block;
  margin: 0 auto;
  color: #666;
  border-radius: 4px 4px;
  height: 36px;
  padding: 0;
  background: transparent;
  line-height: 36px;
  text-align: center;
}
.rc-calendar-decade-panel-decade:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
  background: #3fc7fa;
  color: #fff;
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
  user-select: none;
  -webkit-user-select: none;
  color: rgba(0, 0, 0, 0.25);
}
.rc-calendar-range {
  width: 502px;
  overflow: hidden;
}
.rc-calendar-range-part {
  width: 250px;
  position: relative;
}
.rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px;
}
.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 77px;
}
.rc-calendar-range-left {
  float: left;
}
.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
  border-right: 1px solid #e9e9e9;
}
.rc-calendar-range-right {
  float: right;
}
.rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 21px;
}
.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
  border-left: 1px solid #e9e9e9;
}
.rc-calendar-range-middle {
  position: absolute;
  margin-left: -10px;
  text-align: center;
  height: 35px;
  line-height: 35px;
}
.rc-calendar-range .rc-calendar-date-panel::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rc-calendar-range .rc-calendar-input-wrap {
  height: 35px;
}
.rc-calendar-range .rc-calendar-input,
.rc-calendar-range .rc-time-picker-input {
  padding: 1px 7px;
  height: 22px;
}
.rc-calendar-range .rc-calendar-body,
.rc-calendar-range .rc-calendar-decade-panel-body,
.rc-calendar-range .rc-calendar-year-panel-body,
.rc-calendar-range .rc-calendar-month-panel-body {
  border-bottom: 1px solid #e9e9e9;
}
.rc-calendar-range.rc-calendar-week-number {
  width: 574px;
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
  width: 286px;
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px;
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 89px;
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 36px;
}
.rc-calendar-range .rc-calendar-year-panel,
.rc-calendar-range .rc-calendar-month-panel,
.rc-calendar-range .rc-calendar-decade-panel {
  top: 35px;
}
.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
  top: 0;
}
.rc-calendar-range .rc-calendar-decade-panel-table,
.rc-calendar-range .rc-calendar-year-panel-table,
.rc-calendar-range .rc-calendar-month-panel-table {
  height: 198px;
}
.rc-calendar-range .rc-calendar-in-range-cell {
  background: #ebf4f8;
  border-radius: 0;
}
.rc-calendar-range-bottom {
  text-align: right;
}
.rc-calendar-range .rc-calendar-footer {
  border-top: none;
  padding: 0;
}
.rc-calendar-range .rc-calendar-footer-btn {
  padding: 10px 12px 10px 0;
}
.rc-calendar-range .rc-calendar-ok-btn {
  position: static;
}
.rc-calendar-range .rc-calendar-today-btn {
  float: left;
}
.rc-calendar-full {
  width: 275px;
}
.rc-calendar-full-header {
  padding: 5px 10px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.rc-calendar-full-header-month-select,
.rc-calendar-full-header-year-select {
  width: 70px;
  float: right;
  margin-right: 5px;
}
.rc-calendar-full-header-switcher {
  float: right;
  display: inline-block;
}
.rc-calendar-full-header-switcher-normal:hover {
  border-color: #23c0fa;
  box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
  cursor: pointer;
}
.rc-calendar-full-header-switcher-focus {
  border-color: #3fc7fa;
  background-color: #3fc7fa;
  color: #fff;
}
.rc-calendar-full-header-switcher > span {
  float: left;
  height: 28px;
  line-height: 24px;
  border: 1px solid #d9d9d9;
  padding: 0 10px;
  color: #666;
}
.rc-calendar-full-header-switcher > span:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.rc-calendar-full-header-switcher > span:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.rc-calendar-fullscreen {
  width: auto;
}
.rc-calendar-fullscreen .rc-calendar-full-header {
  border-bottom: none;
}
.rc-calendar-fullscreen .rc-calendar-column-header {
  text-align: right;
  padding-right: 12px;
}
.rc-calendar-fullscreen .rc-calendar-cell {
  padding: 0;
}
.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  display: block;
  height: 116px;
  width: auto;
  border-radius: 0;
  margin: 0 4px;
  border: none;
  border-top: 2px solid #eee;
  text-align: right;
  padding-right: 8px;
}
.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  background-color: #ebfaff;
  color: #666;
}
.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
  border-top-color: #3FC7FA;
  color: #3FC7FA;
}
.card-container-slot {
    margin-top: 20px;
}

.card-slot {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #dadada;
    margin-bottom: 20px;
}

.card-slot p, .card-slot h6 {
    font-weight: 600;
    line-height: 0.8rem;
}

.card-slot h6 {
    color: #0f52ba;
}

.time-container {
    border: 2px solid #0f52ba;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 10px;
    color: #0f52ba;
    font-weight: 600;
    line-height: 1.6rem !important;
}

.date-container {
    text-align: center;
    color: green;
    font-size: 12px;
    font-weight: normal !important;
}

.button-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.start-meeting-btn {
    background-color: indianred;
    border-color: indianred;
    color: white;
}

/*---- event calendar ----*/
.calendar-container {
    display: flex;
    align-items: flex-start;
    margin: 54px 9px;
    border: 1px solid #fff;
    border-radius: 11px;
    padding: 26px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.event-cards {
    display: flex;
    flex-direction: column;
    margin-left: 90px;
    /* width: 50%; */
}

.event-card-container {
    display: flex;
    flex-wrap: wrap;
}

.event-card {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px;
    margin: 4px;
    width: calc(50% - 10px);
    box-sizing: border-box !important;
}

.event-card h6 {
    margin: 0;
    text-align: center;
    font-weight: 600;
    /*color: #464545;*/
}

.event-card p {
    margin: 5px 0;
    text-align: center;
    font-weight: 600;
}

.selected-date {
    margin: 14px;
    margin-left: 30px;
    font-weight: 600;
    font-size: 17px;
    position: relative;
}

.selected-date::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 33%;
    height: 2px;
    background-color: #0f52ba;
}


.title-calendar {
    font-weight: 600;
    margin-left: 35px;
}

.react-calendar {

    background: white;
    border: none !important;
    font-family: Arial, Helvetica, sans-serif;
}

.event-card:hover {
    transform: scale(1.05);
}

.date-text {
    padding: 10px !important;
}


.custom-calendar {
    width: 510px;
    font-size: 26px;
    border: none;
}


.rc-calendar-today-btn,
.rc-calendar-ok-btn,
.rc-calendar-time-picker-btn,
.rc-calendar-input-wrap {

    display: none;
}

.rc-calendar {
    position: relative;
    outline: none;
    font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif;
    list-style: none;
    font-size: 18px;
    text-align: left;
    background-clip: padding-box;
    border: none !important;
    line-height: 1.5;
    box-shadow: none !important;
}

.rc-calendar-header {
    padding: 10px;
    height: 56px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.rc-calendar-date {
    display: block;
    margin: 7px auto;
    color: #666;
    /* border-radius: 4px 4px; */
    width: 26px;
    height: 26px;
    padding: 0px;
    background: transparent;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
}

.rc-calendar-body {
    padding: 9px 10px 10px;
    height: auto;
}

.rc-calendar-year-select, .rc-calendar-month-select, .rc-calendar-day-select {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    color: #666;
    padding: 0 8px;
    line-height: 34px;
}

.rc-calendar-today .rc-calendar-date {
    border: none;
}

.background-image {
    background-image: url('/assets/counsellor-BFDOdRjS.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 32%;
    padding-top: 10px;
}

.counselling-image {

    max-width: 44%;
    float: right;
    margin-top: -37px;
    margin-right: -88px;
}


.btn-saveslot {
    padding: 6px 20px !important;
    margin-left: 12px;
}

.status-form-container {
    padding: 30px;
}

.status-form-title {
    text-align: center;
    margin-bottom: 30px;
    color: #2c3e50;
    font-family: Arial, sans-serif;
}

.status-radio-group {
    display: flex;
    justify-content: space-between;
}

.status-radio-button {
    flex: 1;
    border-color: #25D366;
    /* color: white; */
    /* border: none; */
    border-radius: 10px;
}

.status-radio-button:hover, .status-radio-button:focus {
    border-color: transparent;
}

.status-textarea-container {
    margin-top: 40px;
}


.radio-icon {
    margin-right: 10px;
}

.calendar-container-manager {
    /*display: flex;*/
    /*align-items: flex-start;*/
    border-radius: 11px;
}


.event-cardsNew {
    display: flex;
    flex-direction: column;
    /* margin-left: 90px; */
    /* width: 50%; */
}

.filterCounselling {
    background-color: #f1f1f1 !important;
}

.btnCounselling {
    margin-left: 12px;
}

.clearCounselling {
    padding: 5px 30px !important;
    border-radius: 17px;
}

.status-radio-group {
    width: 100%;
}


@media (max-width: 768px) {
    .event-cards, .event-cardsNew {
        margin-left: 0;
    }
}.corner-stone-drawer {
    margin: 0 40px 20px;
}

.cornerstone-card-body {
    padding: 20px;
}

.cornerstone-student-data {
    background-color: #f0f0f0;
    border-radius: 30px;
    padding: 20px 25px;
    font-size: 15px;
}

.cornerstone-custom-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cornerstone-custom-field {
    flex: 1;
    padding: 10px;
    border-radius: 5px;
    background-color: #ffffff;
}

.cornerstone-custom-field:not(:last-child) {
    margin-right: 10px;
}

.cornerstone-custom-field strong {
    font-weight: 600;
}

.cornerstone-custom-field span {
    font-weight: normal;
}

.vertical-border {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.corner-button {
    padding: 15px 85px !important;
    border-bottom: 2px solid #0f52ba;
    font-weight: 600;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-circle-icon {
    position: absolute;
    bottom: 28px;
    right: 46px;
    font-size: 30px;
    color: rgb(15, 82, 186);
    background: white;
    border-radius: 30px;
}

.plus-circle-icon {
    font-size: 30px;
    color: rgb(15, 82, 186);
    background: white;
    border-radius: 30px;
}

.plus-circle-disabled {
    font-size: 30px;
    color: rgb(15, 82, 186);
    background: #f1f1f1;
    border-radius: 30px;
}

.footer-submit {
    text-align: center;
    background: forestgreen;
}

.radio1 {
    /*background: #90c99c;*/
    font-weight: normal;
    padding: 6px 20px;
    border-radius: 5px;
    margin-bottom: 5px;
    color: black;
    width: 150px;
}

.radio2 {
    /*background: #f6acac;*/
    padding: 6px 20px;
    border-radius: 5px;
    color: black;
    width: 150px;
}

.table-screenshots {
    font-size: 14px;
}

/* Add this CSS to your style.css file */

/* Table */
.table-screenshots {
    border-collapse: collapse;
    width: 100%;
}

/* Table Header */
.table-screenshots th {
    background-color: #f2f2f2;
    border: 1px solid #959595;
    padding: 8px;
    text-align: left;
}

/* Table Rows */
.table-screenshots td {
    border: 1px solid #959595;
    padding: 8px;
    text-align: left;
}

/* Add vertical line */
.table-screenshots td:not(:last-child) {
    border-right: 1px solid #959595;
}

/* Add line after every row */
.table-screenshots tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Add line after every row */
.table-screenshots tr:nth-child(odd) {
    background-color: #ffffff;
}

.enroll-table {
    margin-top: 20px !important;
}

.enroll-table td {
    border: 1px solid #959595;
    padding: 8px;
    text-align: left;
}

/* Add vertical line */
.enroll-table td:not(:last-child) {
    border-right: 1px solid #959595;
}

/* Add line after every row */
.enroll-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Add line after every row */
.enroll-table tr:nth-child(odd) {
    background-color: #ffffff;
}

.card-enroll-table {
    border-radius: 27px;
    border: 2px solid #818181;
    padding: 34px;
    margin-top: 40px;
}

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

.screenshot_img {
    height: 100px;
    max-width: 100%;
    border: 2px solid #808080;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #808080;
}

.custom-radioBtn {
    position: relative;
}

.custom-radioBtn input[type='radio'] {
    position: absolute;
    margin: 0;
    height: 25px;
    top: -5px;
    left: -10px;
}

.article-icons {
    display: flex;
    margin-top: 10px;
}

.article-icons > * {
    margin-right: 10px;
    font-size: 20px;
    color: #777;
}


.newspaper {
    /* font-family: 'Times New Roman', Times, serif; */
    margin: 5px 50px;
}


.newspaper-heading {
    font-size: 25px;
    text-align: center;
    margin: 10px auto;
}

.latest-update {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.article {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 20px;
    box-shadow: 0 0px 5px rgb(208 163 163 / 40%);
    background-color: #fafafa;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    border-radius: 10px;
}

.article:hover {
    transform: translateY(5px);
}

.article-image {
    width: 220px;
    height: 170px;
    object-fit: cover;
    /*margin: 0 10px;*/
    display: flex;
    align-self: flex-start;
    border-radius: 5px;
    opacity: 0.9;
}

.article-details {
    flex: 1;
}

.article-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    color: #0f52ba;
    display: flex;
    align-items: center;
}

.article-title .anticon {
    color: #5cb85c;
}

.article-content {
    font-size: 12px;
    line-height: 1.6;
    color: black;
}

.article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    color: #777;
    font-size: 12px;
}

.article-meta span {
    display: inline-block;
    margin-right: 10px;
}

.article-datetime {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.article-date,
.article-time {
    font-size: 14px;
    color: #0f52ba;
    display: flex;
    align-items: center;
}

.article-date img {
    height: 25px;
    margin-right: 5px;
}

.article-content {
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.8;
    transition: opacity 0.3s ease-in-out;
}

.article:hover .article-content {
    opacity: 1;
}

.load-more-button {
    background-color: #0f52ba;
    color: white;
    border: none;
    padding: 5px 13px;
    border-radius: 5px;
    font-size: 13px;
}

.load-more-button:hover {
    background-color: #0056b3;
}

.update-counts {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.line-hr {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@media (max-width: 768px) {
    .newspaper {
        margin: 5px 20px;
    }

    .article {
        flex-direction: column;
        align-items: flex-start;
    }

    .article-image {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .article-details {
        width: 100%;
    }

    .article-title {
        font-size: 18px;
    }

    .article-content {
        font-size: 12px;
    }
}
:global .header1 {
  font-size: 17px;
  text-decoration: underline;
  text-align: center;
  font-weight: 600;
}
:global .mt50 {
  margin-top: 50px !important;
}
:global .contractCard {
  padding: 20px 108px 20px 105px !important;
  background-color: white;
  font-size: 15px;
  line-height: 1.7;
}
:global .contractCard a {
  text-decoration: underline !important;
}
:global .contractCard p {
  margin-bottom: 9px !important;
  text-align: justify;
}
:global .contractCard b,
:global .contractCard strong {
  font-size: 16px;
}
:global .contractCard ol,
:global .contractCard ul {
  margin-left: 10px !important;
}
:global .contractCard ol li,
:global .contractCard ul li {
  padding: 10px 30px;
}
:global .contractCard ol {
  list-style: none !important;
}
:global .contractCard ul {
  list-style: none !important;
  padding-left: 10px;
}
:global .contractCard ul li {
  position: relative;
}
:global .contractCard ul li::before {
  content: '\2022';
  position: absolute;
  left: 0;
  font-weight: 600;
}
:global .themeColor {
  color: #0872BC;
  font-weight: 600 !important;
}
:global .footer-contract {
  display: flex;
  margin: 150px 0px;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 0.9rem;
}
:global .footer-contract p {
  text-align: center !important;
}
:global .footer-contract p b {
  color: #0872BC;
}
.apply-esim-container {
    padding: 24px;
    min-height: 100vh;
}

.apply-esim-wrapper {
    max-width: 1500px;
    margin: 0 auto;
}

.apply-esim-header {
    text-align: center;
    margin-bottom: 25px;
}

.apply-esim-header-title {
    font-size: 45px;
    margin-bottom: 14px;
}

.selection-card {
    border-radius: 16px;
    margin-bottom: 32px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.section-label {
    margin-bottom: 8px;
    color: #1556BC;
    font-weight: 600;
}

.gradient-button {
    width: 100%;
    height: 48px;
    background: linear-gradient(135deg, #1556BC, #667eea);
    border: none;
    color: white;
    border-radius: 8px;
}

.success-button {
    background: #52c41a;
    border: none;
    color: white;
    width: 50%;
    border-radius: 10px;
}

.package-header {
    text-align: center;
    margin-bottom: 24px;
}

.package-card {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.package-card-center {
    text-align: center;
}

.package-data-circle {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #1556BC, #667eea);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.package-title {
    color: #1556BC;
    margin-bottom: 8px;
}

.package-validity {
    color: #666;
    display: block;
    margin-bottom: 12px;
}

.package-price {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 600;
    color: #1556BC;
}

/* AllDestinations.css */

.all-destinations-wrapper {
    max-width: 1500px;
    margin: 0 auto;
}

/* Header Section */
.destinations-header {
    text-align: center;
    margin-bottom: 40px;
    background: linear-gradient(135deg, #0f52ba 0%, #007bff 100%);
    padding: 20px;
    border-radius: 20px;
    color: white;
}

.destinations-header-title {
    color: white !important;
    font-size: 40px !important;
    margin-bottom: 16px !important;
}

.destinations-header-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
}

/* Search Bar */
.destinations-search-container {
    max-width: 400px;
    margin: 32px auto 0;
}

/* Filter Section */
.filter-section {
    text-align: center;
    margin-bottom: 32px;
}

.filter-card {
    border-radius: 16px;
    padding: 10px;
}

.filter-label {
    margin-right: 16px;
    color: #1556BC;
}

.filter-button {
    margin: 0 8px 8px 0;
    height: 48px;
    min-width: 64px;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.filter-button-inactive {
    background: #f0f0f0;
    color: #000;
}

.filter-button-active {
    background: linear-gradient(135deg, #1556BC, #667eea);
    color: #fff;
    border: none;
}

/* Results Count */
.results-count {
    margin-bottom: 24px;
    font-size: 16px;
    color: #666;
}

/* Destination Cards */
.destination-card {
    /*    border-radius: 16px;
        overflow: hidden;
        border: none;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        background: white;
        display: flex;
        flex-direction: column;*/

    overflow: hidden;
    border: none;
    transition: all 0.3s ease;
    background: white;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    box-shadow: 0 0 15px #0f52ba24 !important;
    position: relative;
    margin-bottom: 10px;
}

.destination-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.destination-card-body {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Card Image */
.destination-image-container {
    height: 160px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.destination-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.destination-card:hover .destination-image {
    transform: scale(1.05);
}

.destination-image-fallback {
    background: linear-gradient(135deg, #0f52ba, #007bff);
    display: flex;
    align-items: center;
    justify-content: center;
}

.destination-image-fallback-letter {
    color: white;
    font-size: 48px;
    font-weight: 600;
}

/* Flag Overlay */
.destination-flag-overlay {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 4px 8px;
}

.destination-flag {
    width: 32px;
    height: 24px;
    border-radius: 4px;
}

/* Card Content */
.destination-card-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: space-between;
    flex: 1;
    /*    padding: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: space-between;
        !* flex: 1 1; *!
        text-align: center;
        font-size: 18px;
        background: linear-gradient(0deg, #0f52ba, transparent);
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;*/
}

.destination-title {
    margin-bottom: 8px !important;
    color: #1556BC;
    font-size: 16px !important;
    line-height: 1.3;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.destination-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.destination-price {
    color: #999;
    font-size: 14px;
}

.destination-popular-badge {
    background: #0f95d3;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.destination-see-plans-btn {
    width: 100%;
    background: linear-gradient(135deg, #1556BC, #667eea);
    border: none;
    border-radius: 8px;
    color: white;
    padding: 8px 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.destination-see-plans-btn:hover {
    background: linear-gradient(135deg, #0f4ba8, #5a6fd8);
    transform: translateY(-1px);
}

/* No Results */
.no-results {
    text-align: center;
    padding: 60px;
    background: white;
    border-radius: 16px;
    margin-top: 32px;
}

.no-results-text {
    font-size: 18px;
    color: #999;
}

/* Responsive Design */
@media (max-width: 768px) {
    .destinations-header-title {
        font-size: 28px !important;
    }

    .destinations-header-subtitle {
        font-size: 16px;
    }

    .filter-button {
        margin: 0 4px 8px 0;
        height: 40px;
        min-width: 56px;
        font-size: 12px;
    }

    .destination-card {
        height: 280px;
    }

    .destination-image-container {
        height: 140px;
    }
}

@media (max-width: 480px) {
    .all-destinations-container {
        padding: 16px;
    }

    .destinations-header {
        padding: 16px;
        margin-bottom: 24px;
    }

    .destinations-header-title {
        font-size: 24px !important;
    }

    .filter-section {
        margin-bottom: 24px;
    }

    .destination-card {
        height: 260px;
    }

    .destination-image-container {
        height: 120px;
    }

    .destination-card-content {
        padding: 12px;
    }
}

/* EsimPackageDetails.css */

/* Main Container */
.esim-package-container {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 24px;
}

.esim-package-wrapper {
    max-width: 1500px;
    margin: 0 auto;
}

/* Breadcrumb Section */
.esim-breadcrumb-card {
    margin-bottom: 24px;
    border-radius: 12px;
    border: none;
}

.esim-breadcrumb-back-btn {
    padding: 0;
    color: #1556BC;
}

/* Main Content Card */
.esim-main-card {
    border-radius: 24px;
    border: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Left Side - Image Section */
.esim-image-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.esim-circular-image-container {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    overflow: hidden;
    border: 8px solid #f0f0f0;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.15);
}

.esim-circular-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.esim-compatibility-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.esim-compatibility-btn {
    border-radius: 24px;
    border: 2px solid #1556BC;
    color: #1556BC;
    background: white;
    height: 48px;
    font-weight: 600;
}

/* Right Side - Content Section */
.esim-content-section {
    position: relative;
}

.esim-main-title {
    color: #1556BC !important;
    margin-bottom: 16px !important;
    font-size: 48px !important;
    line-height: 1.2 !important;
}

/* Rating Section */
.esim-rating-section {
    margin-bottom: 16px;
}

.esim-rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.esim-rating-stars {
    font-size: 18px;
    margin-right: 12px;
}

.esim-rating-score {
    font-size: 18px;
    color: #1556BC;
}

.esim-trustpilot-badge {
    margin-left: 8px;
    color: #52c41a;
    font-weight: 600;
}

.esim-rating-description {
    color: #666;
    font-size: 16px;
}

.esim-rating-highlight {
    color: #1556BC;
}

/* Description */
.esim-description {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 24px;
    line-height: 1.6;
}

/* Feature Tags */
.esim-features-section {
    margin-bottom: 32px;
}

.esim-feature-tag {
    color: #0f52ba;
    border: 1px solid rgba(139, 69, 255, 0.2);
    padding: 8px 16px;
    border-radius: 20px;
    margin-right: 12px;
    margin-bottom: 8px;
}

/* Plan Selection Card */
.esim-plan-selection-card {
    background: linear-gradient(135deg, #0f52ba 0%, #007bff 100%);
    border: none;
    border-radius: 24px;
    margin-bottom: 24px;
}

.esim-plan-header {
    text-align: center;
    margin-bottom: 24px;
}

.esim-plan-title {
    color: white !important;
    font-size: 32px !important;
    margin-bottom: 16px !important;
}

.esim-plan-tag-active {
    background: rgba(255, 255, 255, 0.9);
    color: #667eea;
    border: none;
    padding: 6px 16px;
    border-radius: 20px;
    margin-right: 8px;
    font-weight: 600;
}

.esim-plan-tag-inactive {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 20px;
    margin-right: 8px;
}

/* Package Cards */
.esim-packages-section {
    margin-bottom: 24px;
}

.esim-package-card {
    border-radius: 16px;
    border: 4px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.esim-package-card-selected {
    border-color: #5cb85c;
    background-color: antiquewhite;
    /*box-shadow: inset 0 0 0 5px #5cb85c !important;*/
}

.esim-package-card-body {
    padding: 20px;
    text-align: center;
}

.esim-package-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0f52ba, #007bff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    color: white;
    font-size: 12px;
    font-weight: 600;
}

.esim-package-country-title {
    color: #1556BC !important;
    margin-bottom: 4px !important;
    font-size: 18px !important;
}

.esim-package-data-title {
    margin-bottom: 4px !important;
    font-size: 24px !important;
}

.esim-package-data-label {
    color: #0f52ba;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.esim-package-validity {
    color: #666;
    display: block;
    margin-bottom: 12px;
}

.esim-package-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.esim-package-quantity {
    display: flex;
    align-items: center;
}

.esim-package-quantity-text {
    font-size: 16px;
}

.esim-package-amount {
    color: #1556BC !important;
    margin: 0 !important;
    font-size: 18px !important;
}

.esim-package-details-btn {
    color: #1556BC;
    border: 1px solid #1556BC;
    border-radius: 8px;
    padding: 0 12px;
}

/* Buy Now Button */
.esim-buy-now-btn {
    border: none;
    border-radius: 16px;
    height: 56px;
    font-weight: 600;
    font-size: 18px;
}

.esim-buy-now-btn-enabled {
    background: white;
    color: #0f52ba;
}

.esim-buy-now-btn-disabled {
    background: #d9d9d9;
}

/* Secure Payment Section */
.esim-secure-payment {
    text-align: center;
}

.esim-secure-payment-text {
    font-size: 14px;
    color: #666;
    display: block;
    margin-bottom: 12px;
}

.esim-payment-methods {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.esim-payment-method {
    padding: 6px 12px;
    background: #f0f0f0;
    border-radius: 8px;
    font-size: 12px;
}

/* No Packages Section */
.esim-no-packages-card {
    text-align: center;
    padding: 60px;
    border-radius: 16px;
    margin-top: 32px;
}

.esim-no-packages-title {
    color: #999 !important;
}

.esim-no-packages-text {
    font-size: 16px;
    color: #666;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .esim-circular-image-container {
        width: 300px;
        height: 300px;
    }

    .esim-main-title {
        font-size: 36px !important;
    }

    .esim-plan-title {
        font-size: 28px !important;
    }
}

@media (max-width: 768px) {
    .esim-package-container {
        padding: 16px;
    }

    .esim-circular-image-container {
        width: 250px;
        height: 250px;
    }

    .esim-main-title {
        font-size: 28px !important;
        text-align: center;
    }

    .esim-plan-title {
        font-size: 24px !important;
    }

    .esim-package-controls {
        flex-direction: column;
        gap: 12px;
    }

    .esim-payment-methods {
        gap: 8px;
    }

    .esim-feature-tag {
        margin-right: 8px;
        margin-bottom: 8px;
        padding: 6px 12px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .esim-package-container {
        padding: 12px;
    }

    .esim-circular-image-container {
        width: 200px;
        height: 200px;
    }

    .esim-main-title {
        font-size: 24px !important;
    }

    .esim-plan-title {
        font-size: 20px !important;
    }

    .esim-package-card-body {
        padding: 16px;
    }

    .esim-buy-now-btn {
        height: 48px;
        font-size: 16px;
    }

    .esim-no-packages-card {
        padding: 40px 20px;
    }
}

/* Hover Effects */
.esim-package-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.esim-compatibility-btn:hover {
    background: #1556BC;
    color: white;
}

.esim-buy-now-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(15, 82, 186, 0.3);
}

.esim-checkout-container {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 24px;
}

.esim-checkout-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

/* Header Section */
.esim-checkout-header {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 20px 0;
}

.esim-checkout-logo {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
    color: #1556BC;
}

.esim-checkout-logo-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0f52ba, #1556BC);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: white;
    font-size: 18px;
}

/* Breadcrumb */
.esim-checkout-breadcrumb {
    margin-bottom: 32px;
    padding: 16px 24px;
    background: white;
    border-radius: 12px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Main Content */
.esim-checkout-content {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

/* Left Side - Payment Form */
.esim-checkout-form-section {
    flex: 2;
}

.esim-checkout-form-card {
    background: white;
    border-radius: 16px;
    border: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* PayPal Section */
.esim-paypal-section {
    background: linear-gradient(135deg, #0070ba, #003087);
    padding: 18px;
    text-align: center;
    margin-bottom: 24px;
}

/* Form Content */
.esim-form-content {
    padding: 32px;
}

.esim-form-notice {
    background: #CFECF7;
    border: 1px solid #0f52ba;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    color: #0f52ba;
    font-size: 14px;
}

.esim-form-group {
    margin-bottom: 24px;
}

.esim-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.esim-form-input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e6e9ef;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.esim-form-input:focus {
    border-color: #1556BC;
    box-shadow: 0 0 0 3px rgba(21, 86, 188, 0.1);
    outline: none;
}

.esim-form-row {
    display: flex;
    gap: 16px;
}

.esim-form-col {
    flex: 1;
}

/* Card Details */
.esim-card-details {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.esim-card-number-group {
    position: relative;
}

.esim-card-icons {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 4px;
}

.esim-card-icon {
    width: 24px;
    height: 16px;
    background: #ddd;
    border-radius: 2px;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
}

.esim-card-icon.visa {
    background: #1a1f71;
}

.esim-card-icon.mastercard {
    background: #eb001b;
}

.esim-card-icon.amex {
    background: #006fcf;
}

/* Checkbox and Links */
.esim-checkbox-group {
    margin-bottom: 24px;
}

.esim-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.esim-form-link {
    color: #1556BC;
    text-decoration: none;
}

.esim-form-link:hover {
    text-decoration: underline;
}

/* Continue Shopping Link */
.esim-continue-shopping {
    text-align: center;
    margin-top: 24px;
}

.esim-continue-shopping-link {
    color: #1556BC;
    text-decoration: none;
    font-size: 14px;
}

.esim-continue-shopping-link:hover {
    text-decoration: underline;
}

/* Pay Now Button */
.esim-pay-button {
    background: #0f52ba;
    border: none;
    border-radius: 12px;
    padding: 16px 32px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.esim-pay-button:hover {
    background: #0f52ba;
    transform: translateY(-1px);
}

/* Right Side - Order Summary */
.esim-order-summary-section {
    flex: 1;
    min-width: 350px;
}

.esim-order-summary-card {
    background: white;
    border-radius: 16px;
    border: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 24px;
    position: -webkit-sticky;
    position: sticky;
    top: 24px;
}

.esim-order-summary-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 24px;
}

/* Order Item */
.esim-order-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 16px;
}

.esim-order-item-flag {
    width: 48px;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.esim-order-item-details {
    flex: 1;
}

.esim-order-item-country {
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.esim-order-item-data {
    color: #666;
    font-size: 14px;
    margin-bottom: 2px;
}

.esim-order-item-validity {
    color: #666;
    font-size: 14px;
}

/*.esim-order-item-quantity {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*}*/

.esim-order-item-price {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

/* Coupon Section */
.esim-coupon-section {
    margin-bottom: 20px;
}

.esim-coupon-label {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.esim-coupon-input-group {
    display: flex;
    gap: 8px;
}

.esim-coupon-input {
    flex: 1;
    padding: 10px 12px;
    border: 2px solid #e6e9ef;
    border-radius: 8px;
    font-size: 14px;
}

.esim-coupon-button {
    background: transparent;
    border: 2px solid #1556BC;
    color: #1556BC;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.esim-coupon-button:hover {
    background: #1556BC;
    color: white;
}

/* Order Totals */
.esim-order-totals {
    margin-bottom: 24px;
}

.esim-total-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 16px;
}

.esim-total-row.final {
    font-weight: 600;
    font-size: 18px;
    color: #333;
    border-top: 2px solid #f0f0f0;
    padding-top: 12px;
    margin-top: 16px;
}

/* Trust Indicators */
.esim-trust-section {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.esim-guarantee {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.esim-guarantee-icon {
    width: 24px;
    height: 24px;
    background: #52c41a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
}

.esim-guarantee-text {
    flex: 1;
}

.esim-guarantee-title {
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.esim-guarantee-desc {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
}

/* Rating Section */
.esim-rating-section {
    margin-bottom: 20px;
}

.esim-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.esim-rating-stars {
    color: #52c41a;
}

.esim-rating-score {
    font-weight: 600;
    color: #333;
}

.esim-rating-platform {
    color: #52c41a;
    font-weight: 600;
}

.esim-rating-description {
    color: #666;
    font-size: 14px;
}

.esim-rating-highlight {
    color: #1556BC;
    font-weight: 600;
}

/* Support Section */
.esim-support {
    display: flex;
    align-items: center;
    gap: 12px;
}

.esim-support-icon {
    width: 24px;
    height: 24px;
    background: #1556BC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
}

.esim-support-text {
    flex: 1;
}

.esim-support-title {
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.esim-support-desc {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
}

/* Footer */
.esim-checkout-footer {
    text-align: center;
    margin-top: 48px;
    padding: 24px;
    color: #999;
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .esim-checkout-content {
        flex-direction: column;
    }

    .esim-order-summary-section {
        order: -1;
        min-width: auto;
    }

    .esim-order-summary-card {
        position: static;
    }
}

.esim-quantity-btn {
    border: 1px solid #d9d9d9;
    width: 24px;
    height: 24px;
    padding: 3px;
    border-radius: 3px;
    margin: 0px 7px;
}

@media (max-width: 768px) {
    .esim-checkout-container {
        padding: 16px;
    }

    .esim-form-content {
        padding: 24px;
    }

    .esim-form-row {
        flex-direction: column;
        gap: 0;
    }

    .esim-order-item {
        align-items: flex-start;
    }

    .esim-order-item-quantity {
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
    }
}

@media (max-width: 480px) {
    .esim-checkout-container {
        padding: 12px;
    }

    .esim-form-content {
        padding: 20px;
    }

    .esim-order-summary-card {
        padding: 20px;
    }

    .esim-coupon-input-group {
        flex-direction: column;
    }

    .esim-coupon-button {
        width: 100%;
    }
}

/* Success Page Styles */
.esim-success-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
}

.esim-success-card {
    /*max-width: 1000px;*/
    width: 100%;
}

.esim-success-header {
    text-align: center;
    margin-bottom: 30px;
}

.esim-success-icon {
    font-size: 48px;
    color: #52c41a;
    margin-bottom: 16px;
}

.esim-danger-icon {
    font-size: 48px;
    color: #d9534f;
    margin-bottom: 16px;
}

.esim-success-title {
    margin-bottom: 8px !important;
}

.esim-success-subtitle {
    color: #666;
    font-size: 16px;
}

.esim-success-section {
    margin-bottom: 24px;
    padding: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
}

.esim-detail-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.esim-activation-code {
    word-break: break-all;
    font-family: monospace;
    background: #f5f5f5;
    padding: 4px;
    border-radius: 4px;
}

.esim-loading-section {
    text-align: center;
    padding: 20px;
}

.esim-success-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 30px;
}

.esim-detail-row > span:first-child {
    font-weight: 600;
}
.participant_card .info_card {
  border-right: 1px solid #f1f1f1;
  height: 93vh;
}
.participant_card .info_card .information {
  padding: 20px 20px 5px 30px;
  height: 150px;
  display: flex;
}
.participant_card .info_card .information img {
  height: 100%;
  width: auto;
  margin-right: 30px;
  border-radius: 10px;
}
.participant_card .info_card .comments {
  padding: 0 20px 10px;
  position: relative;
  height: calc(100vh - 290px);
}
.participant_card .info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.participant_card .info_card .alignCenter {
  align-items: center;
  display: flex;
}
.participant_card .input_box {
  display: flex;
  align-items: center;
  width: 96%;
  position: absolute;
  bottom: 0;
}
.participant_card .input_box .input_comment1 {
  border-radius: 50px;
  background-color: #efeded;
  height: 45px;
}
.participant_card .single_info_card {
  border-right: 1px solid #f1f1f1;
}
.participant_card .single_info_card .information {
  margin-bottom: 5px;
}
.participant_card .single_info_card .information h6 {
  color: black;
}
.participant_card .single_info_card .banner {
  height: 250px;
  width: 100%;
  background-size: 100% auto;
  background-position: center;
}
.participant_card .single_info_card .alignCenter {
  align-items: center;
  display: flex;
}
.comment_text {
  flex: 1 1;
  background-color: white;
  border-radius: 35px;
  padding: 5px 10px 5px 15px;
  border: 1px solid #f1f1f1;
}
:global .cards-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
:global .cards-wrapper.single-grid {
  grid-template-columns: repeat(1, 1fr);
}
:global .stat-card {
  background: #fff;
  border-radius: 16px;
  padding: 10px 10px 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  position: relative;
}
:global .stat-card .plus-icon {
  position: absolute;
  top: -12px;
  right: 0;
  font-size: 25px;
  color: #555;
  cursor: pointer;
}
:global .row-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
:global .contract-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
:global .flag {
  width: auto;
  height: 30px;
  border-radius: 10px;
}
:global .total-circle {
  width: 35px;
  height: 35px;
  background: #1e73be;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
:global .row-box {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  background: #f9fbff;
  border: 1px solid #e6ecf5;
  border-radius: 5px;
  overflow: hidden;
}
:global .row-box .count-box {
  width: 60px;
  height: 30px;
  background: linear-gradient(180deg, #3b8dde 0%, #2a74c9 50%, #1e5fb0 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 🔑 Slanted shape */
  -webkit-clip-path: polygon(0 0, /* top-left */ 85% 0, /* top-right */ 100% 100%, /* bottom-right */ 0 100% /* bottom-left */);
          clip-path: polygon(0 0, /* top-left */ 85% 0, /* top-right */ 100% 100%, /* bottom-right */ 0 100% /* bottom-left */);
  border-radius: 8px 0 0 8px;
}
:global .row-box:nth-child(1) .count-box {
  background: linear-gradient(180deg, #1890ff 0%, rgba(24, 144, 255, 0.9) 50%, rgba(24, 144, 255, 0.8) 100%);
}
:global .row-box:nth-child(2) .count-box {
  background: linear-gradient(180deg, #5cb85c 0%, rgba(92, 184, 92, 0.9) 50%, rgba(92, 184, 92, 0.8) 100%);
}
:global .row-box:nth-child(3) .count-box {
  background: linear-gradient(180deg, #0872bc 0%, rgba(8, 114, 188, 0.9) 50%, rgba(8, 114, 188, 0.8) 100%);
}
:global .row-box:nth-child(4) .count-box {
  background: linear-gradient(180deg, #5bc0de 0%, rgba(91, 192, 222, 0.9) 50%, rgba(91, 192, 222, 0.8) 100%);
}
:global .status {
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  color: #666;
}
/* --- Country card container --- */
.country-card {
    border-radius: 10px;
    padding: 14px 18px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
}

.country-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* --- Header row: flag + text --- */
.country-card-header {
    display: flex;
    align-items: center;
}

/* --- Flag image --- */
.country-flag-img {
    width: 34px;
    height: 24px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 12px;
}

/* --- Title block --- */
.country-card-title {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

/* --- Country Name --- */
.country-name {
    font-size: 15px;
    font-weight: 600;
}

/* --- Application count --- */
.country-app-count {
    font-size: 13px;
    margin-top: 3px;
    opacity: 0.9;
}

.groupingTags {
    margin-bottom: 20px;
}

.countryCheckIcon {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px !important;
    height: 24px;
    z-index: 10;
}
/* Container */
.banner-list-container {
    /*padding: 40px 24px;*/
    padding: 20px 24px;
    background: #f0f5ff;
    min-height: 100vh;
}

/* Header Section */
.header-section {
    text-align: center;
    margin-bottom: 50px;
    background: #0f52ba;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 51, 153, 0.2);
    position: relative;
    overflow: hidden;
}

.header-section2 {
    text-align: center;
    margin: 20px 0 20px;
    background: #0f52ba;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 51, 153, 0.2);
    position: relative;
    overflow: hidden;
}

.header-decoration-top {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.header-decoration-bottom {
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.header-content {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 0 !important;
}

.header-title {
    color: #ffffff !important;
    margin-bottom: 12px !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

.header-subtitle {
    color: #ffffff;
    font-size: 16px;
    opacity: 0.95;
}

/* Country Section */
.country-section2 {
    /*margin-bottom: 60px;*/
    clear: both;
    margin-bottom: 30px;
}

.country-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    grid-gap: 12px;
    gap: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    background: linear-gradient(to left, rgba(15, 82, 186, 0.02), rgba(15, 82, 186, 0.05), rgba(15, 82, 186, 0.08), rgba(15, 82, 186, 0.1));
}


.country-flag {
    font-size: 36px;
}

.country-title {
    margin: 0 !important;
    color: #0f52ba !important;
    font-weight: 500 !important;
    font-size: 1.5rem !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Banner Card */
.banner-card-col {
    flex: 0 0 20%;
    max-width: 20%;
}

.banner-card {
    height: 350px;
}

.banner-card-cover {
    height: 240px;
    overflow: hidden;
    position: relative;
}

.banner-card-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);*/
    /*background: linear-gradient(to bottom, rgb(0 0 0 / 17%) 0%, rgba(0, 0, 0, 0.1) 50%, rgb(0 0 0 / 18%) 100%);*/
}


/* Like Button */
.like-button {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 12px;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    z-index: 2;
}

.banner-name-wrapper {
    flex-grow: 1;
}

.share-button {
    margin-top: auto;
}

.like-icon {
    font-size: 18px;
}

.like-icon-filled {
    color: #ff4757;
}

.like-icon-outline {
    color: #ffffff;
}

.like-count {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
}

/* Stats Section */
.stats-section {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.stat-badge {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0, 0, 0, 0.4);
    padding: 6px 10px;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.stat-icon {
    font-size: 18px;
    color: #ffffff;
}

.stat-text {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
}

/* Card Styling */
.banner-card {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 51, 153, 0.1);
    transition: all 0.3s ease;
    border: 1px solid #e6f0ff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.banner-card-body {
    padding: 10px 12px;
}

.banner-name-wrapper {
    margin-bottom: 12px;
    flex: 1 1;
    display: flex;
    align-items: flex-start;
    /* margin-bottom: 8px; */
    min-height: 40px;
}

.banner-name {
    margin-bottom: 0 !important;
    color: #0f52ba !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Share Button */
.share-button {
    height: 36px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    background: #0f52ba !important;
    border: none !important;
    box-shadow: 0 3px 10px rgba(0, 51, 153, 0.25) !important;
}

/* Divider */
.country-divider {
    /*margin: 40px 0;*/
    margin: 40px 0 20px;
    border-color: #d6e4ff;
}

/* Single Banner Styles - Compact Version */
.single-banner-container {
    padding: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.single-banner-modal .ant-modal-body {
    padding: 0 !important;
}

.single-banner-modal {
    top: 0 !important;
}

.header-section-compact {
    text-align: center;
    /*margin-bottom: 50px;*/
    margin-bottom: 20px;
    background: #0f52ba;
    padding: 30px;
    /*border-radius: 10px;*/
    box-shadow: 0 8px 30px rgba(0, 51, 153, 0.2);
    position: relative;
    overflow: hidden;
}


.single-banner-image-card {
    position: relative;
    overflow: hidden;
    min-height: 550px;
    background: #e8f9ff;
}

.single-banner-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    display: block;
    border-radius: 6px;
}

.single-banner-actions-card {
    border-radius: 10px;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 2px 8px rgba(25, 27, 38, .06);
    border: 1px solid #ebecf0;
}

.stat-item-compact {
    transition: all 0.3s ease;
}

.stat-item-compact:hover {
    background-color: #f5f5f5;
    transform: translateX(3px);
}

.back-button {
    border-radius: 6px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .single-banner-container {
        padding: 10px;
    }

    .single-banner-image {
        max-height: 400px;
    }

    .header-section-compact {
        padding: 15px;
    }

    .stat-item-compact {
        padding: 10px !important;
    }
}

@media (max-width: 576px) {
    .single-banner-image {
        max-height: 300px;
    }
}

.single-banner-container {
    padding: 20px;
}

/* Back button */
.sb-back-btn {
    margin-bottom: 15px;
}

/* Header */
.sb-header {
    text-align: center;
    padding: 10px 0;
}

.sb-header-top,
.sb-header-bottom {
    width: 100%;
    height: 2px;
    background: #e6e6e6;
}

.sb-header-title {
    font-size: 24px !important;
    margin: 0 !important;
}

/* Image Section */
.sb-image-card {
    padding: 12px !important;
}

.sb-image {
    width: 100%;
    height: auto;
    border-radius: 6px;
    cursor: pointer;
}

/* Right Column */
.sb-actions-card {
    padding: 16px !important;
}

/* Share section */
.sb-share-title {
    font-size: 16px !important;
    margin-bottom: 12px !important;
}

.sb-whatsapp-btn {
    margin-bottom: 10px;
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.sb-email-btn {
    margin-bottom: 16px;
}

.sb-edit-btn {
    margin-bottom: 16px;
}

.sb-divider {
    margin: 12px 0 !important;
}

/* Stats */
.sb-stats-wrapper {
    margin-bottom: 12px;
}

.sb-stat-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    margin-bottom: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    cursor: pointer;
}

.sb-stat-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sb-like-icon,
.sb-view-icon,
.sb-download-icon {
    font-size: 20px;
    color: #8c8c8c;
}

.sb-like-icon-active {
    font-size: 20px;
    color: #db0909;
}

/* Details */
.sb-details-wrapper {
    text-align: center;
}

.sb-details-toggle {
    cursor: pointer;
    font-size: 14px;
}

.sb-details-box {
    margin-top: 12px;
    background: #fafafa;
    padding: 12px;
    border-radius: 6px;
}

.sb-detail-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 13px;
}

.sb-detail-label {
    font-weight: 600;
    color: #555;
    margin-right: 10px;
    white-space: nowrap;
}

.sb-detail-value {
    text-align: right;
    color: #333;
}

.sb-break {
    word-break: break-all;
}


/* Modal */
.sb-modal-field {
    margin-bottom: 20px;
}

.sb-modal-label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

.share-email-btn, .edit-image-btn {
    margin-bottom: 16px;
}

/* Stats container */
.sb-stats-container {
    margin-bottom: 12px;
}

/* Single item row */
.sb-stat-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    margin-bottom: 10px;
    cursor: pointer;
}

/* stat icon and label group */
.sb-stat-left {
    display: flex;
    align-items: center;
}

/* Label text */
.sb-stat-label {
    font-size: 14px !important;
}

/* Values */
.sb-stat-value {
    font-size: 16px !important;
}

/* Icons */
.sb-like-icon,
.sb-view-icon,
.sb-download-icon {
    font-size: 20px;
    margin-right: 10px;
}

.sb-like-icon {
    color: #8c8c8c;
}

.sb-like-icon-active {
    color: #db0909 !important;
    font-size: 20px;
}

.sb-view-icon {
    color: #5bc0de;
}

.sb-download-icon {
    color: #5cb85c;
}

.share-whatsapp-btn {
    margin-bottom: 10px;
    background-color: #5cb85c;
    border-color: #5cb85c;
}


/* SHIMMER WRAPPER */
.banner-card-cover {
    position: relative;
    overflow: hidden;
}

/* Shine animation layer */
.banner-card-cover.shimmer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            90deg,
            #e0e0e0 0%,
            #f4f4f4 50%,
            #e0e0e0 100%
    );
    background-size: 200% 100%;
    animation: shimmerMove 2s infinite linear;
    z-index: 2;
}

/* Fade-in transition */
.banner-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .4s ease;
}

/* When loaded, image fades in */
.banner-card-cover:not(.shimmer) .banner-card-image {
    opacity: 1;
}

@keyframes shimmerMove {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}


/* SHIMMER WRAPPER */
.single-banner-image-card {
    position: relative;
    overflow: hidden;
    min-height: 550px;
}

/* Shine animation layer */
.single-banner-image-card.shimmer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            90deg,
            #e0e0e0 0%,
            #f4f4f4 50%,
            #e0e0e0 100%
    );
    background-size: 200% 100%;
    animation: shimmerSingleMove 2s infinite linear;
    z-index: 2;
}

/* Fade-in transition */
.banner-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .4s ease;
}

/* When loaded, image fades in */
.single-banner-image-card:not(.shimmer) .single-banner-image {
    opacity: 1;
}

@keyframes shimmerSingleMove {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.divider15 {
    margin: 15px 0;
}

:global {
  /* Horizontal row */
  /* Parent */
  /* Children column */
  /* Connector line */
  /* ---------------- CARD STYLES ---------------- */
}
:global .tree-container {
  padding: 40px;
  background: #f5f7fb;
}
:global .tree-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}
:global .tree-parent {
  flex-shrink: 0;
}
:global .tree-children {
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  border-left: 1px solid #c7d2fe;
  padding-left: 25px;
}
:global .tree-children::before {
  /*    content: "";
        position: absolute;
        left: -25px;
        top: 40px;
        width: 25px;
        height: 2px;
        background: #c7d2fe;*/
  content: "";
  position: absolute;
  left: 0;
  top: 60px;
  width: 18px;
  height: 3px;
  background: #c7d2fe;
}
:global .waiting_text {
  font-size: 12px;
  color: #555;
  font-weight: 500;
  font-style: italic;
}
:global .stats-card {
  width: 430px;
  background: #fff;
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}
:global .card-header.header-new {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 5px 5px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
:global .avatar {
  width: 38px;
  height: 38px;
  background: #ddd;
  border-radius: 50%;
}
:global .section {
  border-radius: 14px;
  padding: 8px 10px;
  margin-bottom: 8px;
}
:global .section-title {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 4px;
}
:global .pill-row {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
:global .pill {
  background: #fff;
  border-radius: 12px;
  padding: 5px 10px;
  font-size: 11.5px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
:global .blue {
  background: linear-gradient(90deg, #e8f0ff, #f7faff);
  border-left: 5px solid #2563eb;
}
:global .green {
  background: linear-gradient(90deg, #eafaf2, #f7fdfb);
  border-left: 5px solid #16a34a;
}
:global .orange {
  background: linear-gradient(90deg, #fff1e6, #fff9f4);
  border-left: 5px solid #ea580c;
}
:global .purple {
  background: linear-gradient(90deg, #f5f3ff, #faf5ff);
  border-left: 5px solid #7c3aed;
}
:global .profit-loss-page-new {
  padding: 20px;
  font-family: Poppins;
  color: #333;
  background-color: #f9f9f9;
  /* Header */
  /* Summary Section */
  /* Sections */
}
:global .profit-loss-page-new .profit-loss-header-section {
  text-align: center;
  margin-bottom: 20px;
}
:global .profit-loss-page-new .profit-loss-header-section h2 {
  font-size: 24px;
  color: #4a90e2;
  font-weight: 600;
}
:global .profit-loss-page-new .profit-loss-header-section-udaan {
  text-align: center;
  margin-bottom: 20px;
}
:global .profit-loss-page-new .profit-loss-header-section-udaan h4 {
  font-size: 24px;
  color: black;
  font-weight: 600;
}
:global .profit-loss-page-new .profit-loss-summary-container {
  margin-bottom: 20px;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-box:nth-child(1) {
  background-color: rgba(209, 247, 196, 0.53);
  color: #2a7c3e;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-box:nth-child(2) {
  background-color: rgba(255, 229, 217, 0.57);
  color: #d74a2b;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-box:nth-child(3) {
  background-color: rgba(217, 236, 255, 0.58);
  color: #2b65d7;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-section-title {
  font-size: 18px;
  color: black;
  margin-bottom: 10px;
  font-weight: 600;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-section {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-section .profit-loss-summary-box {
  flex: 1;
  padding: 20px 0 0 0;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /*  &.revenue {
           background-color: rgba(209, 247, 196, 0.53);
          color: #2a7c3e;
            }

            &.expense {
              background-color: rgba(255, 229, 217, 0.57);
              color: #d74a2b;
            }

            &.profit {
              background-color: rgba(217, 236, 255, 0.58);
              color: #2b65d7;
            }*/
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-section .profit-loss-summary-box h4 {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
}
:global .profit-loss-page-new .profit-loss-summary-container .profit-loss-summary-section .profit-loss-summary-box p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
:global .profit-loss-page-new .profit-loss-section {
  margin-top: 20px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
:global .profit-loss-page-new .profit-loss-section .profit-loss-section-title {
  font-size: 18px;
  color: black;
  margin-bottom: 10px;
  font-weight: 600;
}
:global .profit-loss-page-new .profit-loss-section .profit-loss-section-content {
  display: flex;
  gap: 20px;
}
:global .profit-loss-page-new .profit-loss-section .profit-loss-section-content .profit-loss-details-box {
  flex: 1;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
}
:global .profit-loss-page-new .profit-loss-section .profit-loss-section-content .profit-loss-details-box h4 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #4a90e2;
}
:global .profit-loss-page-new .profit-loss-section .profit-loss-section-content .profit-loss-details-box.profit-loss-revenue-box {
  border-right: none;
}
:global .profit-loss-page-new .profit-loss-section .profit-loss-section-content .profit-loss-details-box.profit-loss-expense-box {
  border-left: none;
}
:global .profit-loss-page-new .profit-loss-details-row-new {
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
  padding-bottom: 5px;
}
:global .profit-loss-page-new .profit-loss-details-row-new:last-child {
  border-bottom: none;
}
:global .profit-loss-page-new .profit-loss-details-row-new .profit-loss-detail-name {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
:global .profit-loss-page-new .profit-loss-details-row-new .profit-loss-detail-amount {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
:global .profit-loss-page-new .profit-loss-border-top-bottom {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  padding: 5px 0;
}
:global .profit-loss-page-new .profit-loss-boldValue {
  font-weight: 600;
}
:global .profit-loss-page-new .profit-loss-detail-words {
  font-size: 0.7em;
  font-weight: 600;
  text-align: right;
  display: block;
  margin-top: 5px;
  color: #333;
}
:global .profit-loss-page-new .profit-loss-detail-words-top {
  font-size: 0.7em;
  font-weight: 600;
  display: block;
  margin-top: 5px;
  color: black;
  padding: 0 50px;
  margin-bottom: 10px;
}
/*.container > * {
  background-color: #fff;
  box-shadow: @shadow-1-down;
  border-radius: 4px;
}*/
@media screen and (max-width: 480px) {
  .container {
    width: 100% !important;
  }
  .container > * {
    border-radius: 0 !important;
  }
}
.list {
  max-height: 400px;
  overflow: auto;
}
.list .item {
  transition: all 0.3s;
  overflow: hidden;
  cursor: pointer;
  padding-left: 24px;
  padding-right: 24px;
}
.list .item .meta {
  width: 100%;
}
.list .item .avatar {
  background: #fff;
  margin-top: 4px;
}
.list .item .iconElement {
  font-size: 32px;
}
.list .item.read {
  opacity: 0.4;
}
.list .item:last-child {
  border-bottom: 0;
}
.list .item:hover {
  background: #e6f7ff;
}
.list .item .title {
  font-weight: normal;
  margin-bottom: 5px;
}
.list .item .description {
  font-size: 13px;
  line-height: 1.5715;
}
.list .item .datetime {
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.5715;
}
.list .item .extra {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  margin-right: 0;
  margin-top: -1.5px;
}
.list .item .appInfo {
  display: flex;
  justify-content: space-between;
  color: #808080;
  font-weight: 500;
}
.notFound {
  text-align: center;
  padding: 73px 0 88px 0;
  color: rgba(0, 0, 0, 0.45);
}
.notFound img {
  display: inline-block;
  margin-bottom: 16px;
  height: 76px;
}
.clear {
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #f0f0f0;
  transition: all 0.3s;
  cursor: pointer;
}
.clear:hover {
  color: rgba(0, 0, 0, 0.85);
}
.popover {
  width: 336px;
}
.noticeButton {
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s;
}
.icon {
  padding: 4px;
}
.tabs :global .ant-tabs-nav-scroll {
  text-align: center;
}
.tabs :global .ant-tabs-bar {
  margin-bottom: 4px;
}
:global .privateMessageBox .ant-card-body {
  padding: 0;
}
:global .privateMessageBox .ant-card-head {
  background: white;
  min-height: auto;
  color: #0700d9;
  border-bottom: 2px solid #53a0e4;
  height: 55px;
}
:global .antd-pro-components-notice-icon-index-popover {
  width: 450px;
}
.list {
  max-height: 400px;
  overflow: auto;
}
.list .item {
  transition: all 0.3s;
  overflow: hidden;
  cursor: pointer;
  /*padding-left: 24px;
    padding-right: 24px;*/
  padding: 15px 24px;
  border-bottom: 1px solid #e8e8e87a;
}
.list .item .meta {
  width: 100%;
}
.list .item .avatar {
  margin-top: 4px;
}
.list .item .iconElement {
  font-size: 22px;
}
.list .item.read {
  opacity: 0.4;
}
.list .item:last-child {
  border-bottom: 0;
}
.list .item:hover {
  background: #e6f7ff;
}
.list .item .title {
  font-weight: normal;
  margin-bottom: 5px;
}
.list .item .flexRow {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  padding-bottom: 0;
}
.list .item .description {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0 6px 0;
  text-transform: capitalize;
  font-weight: 500;
}
.list .item .datetime {
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.5715;
}
.list .item .extra {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  margin-right: 0;
  margin-top: -1.5px;
}
.list .item .appInfo {
  display: flex;
  justify-content: space-between;
  color: #808080;
  font-weight: 500;
}
.notFound {
  text-align: center;
  padding: 73px 0 88px 0;
  color: rgba(0, 0, 0, 0.45);
}
.notFound img {
  display: inline-block;
  margin-bottom: 16px;
  height: 76px;
}
.clear {
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #f0f0f0;
  transition: all 0.3s;
  cursor: pointer;
}
.clear:hover {
  color: rgba(0, 0, 0, 0.85);
}
.popover {
  width: 336px;
}
.noticeButton {
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s;
}
.icon {
  padding: 4px;
}
.tabs :global .ant-tabs-nav-scroll {
  text-align: center;
}
.tabs :global .ant-tabs-bar {
  margin-bottom: 4px;
}
:global .privateMessageBox .ant-card-body {
  padding: 0;
}
:global .privateMessageBox .ant-card-head {
  background: white;
  min-height: auto;
  color: #0700d9;
  border-bottom: 2px solid #53a0e4;
  height: 55px;
}
:global .antd-pro-components-private-message-index-popover {
  width: 450px;
}
.announcementIcon {
  height: 27px;
  width: 27px;
  margin-bottom: 6px;
  cursor: pointer;
}
.announcementIcon {
  height: 27px;
  width: 27px;
  margin-bottom: 6px;
  cursor: pointer;
  margin-top: 6px;
}
.logo {
  height: 64px;
  position: relative;
  line-height: 64px;
  padding-left: 48px / 2;
  transition: all 0.3s;
  background: #0872BC;
  overflow: hidden;
}
.logo img {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
}
.logo h1 {
  color: black;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 0 0 0 12px;
  font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.sider {
  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  position: relative;
  z-index: 10;
}
.sider.fixSiderbar {
  position: fixed;
  top: 0;
  left: 0;
}
.sider.fixSiderbar :global(.ant-menu-root) {
  overflow-y: auto;
  height: calc(100vh - 64px);
}
.sider.light {
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
  background-color: white;
}
.sider.light .logo {
  background: white;
  box-shadow: 1px 1px 0 0 #f0f0f0;
}
.sider.light .logo h1 {
  color: #36c889;
}
.sider.light :global(.ant-menu-light) {
  border-right-color: transparent;
}
.icon {
  width: 14px;
  margin-right: 10px;
}
.newLink {
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 50px;
  color: white;
  background: #0f52ba;
  font-weight: 600;
  position: relative;
  top: -3px;
  left: 0;
  margin-left: 5px;
  font-style: normal;
  animation: glow 0.5s ease-in-out infinite alternate;
  text-transform: uppercase;
}
:global .top-nav-menu li.ant-menu-item {
  height: 64px;
  line-height: 64px;
}
:global .drawer .drawer-content {
  background: red;
}
:global .ant-menu-inline-collapsed > .ant-menu-item .sider-menu-item-img + span,
:global .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .sider-menu-item-img + span,
:global .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .sider-menu-item-img + span {
  max-width: 0;
  display: inline-block;
  opacity: 0;
}
:global .ant-menu-item .sider-menu-item-img + span,
:global .ant-menu-submenu-title .sider-menu-item-img + span {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
}
.head {
  width: 100%;
  transition: background 0.3s, width 0.2s;
  height: 64px;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  position: relative;
}
.head :global .ant-menu-submenu.ant-menu-submenu-horizontal {
  line-height: 64px;
  height: 100%;
}
.head :global .ant-menu-submenu.ant-menu-submenu-horizontal .ant-menu-submenu-title {
  height: 100%;
}
.head.light {
  background-color: #fff;
}
.head .main {
  display: flex;
  height: 64px;
  padding-left: 24px;
}
.head .main.wide {
  max-width: 1200px;
  margin: auto;
  padding-left: 0;
}
.head .main .left {
  flex: 1;
  display: flex;
}
.head .main .right {
  width: 324px;
}
.logo {
  width: 165px;
  height: 64px;
  position: relative;
  line-height: 64px;
  transition: all 0.3s;
  overflow: hidden;
}
.logo img {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
}
.logo h1 {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  margin: 0 0 0 12px;
  font-weight: 400;
}
.light h1 {
  color: #0872BC;
}
.menu {
  border: none;
  height: 64px;
  line-height: 64px;
}
.backHeaderWrap {
  background: #fff !important;
  height: 60px !important;
  line-height: 1 !important;
  box-shadow: inset 0 -1px 0 #ebedf0, inset 0 -3px 0 #f5f6f8;
  z-index: 8;
}
.fixedHeader {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9;
  transition: width 0.2s;
}
#logo {
  height: 64px;
  position: relative;
  line-height: 64px;
  padding-left: 0;
  transition: all 0.3s;
  overflow: hidden;
  display: flex;
  border-bottom: 3px solid #ededed !important;
}
#logo a {
  display: flex;
  justify-content: center;
  align-items: center;
}
#logo a img {
  height: 40px;
}
.content {
  margin: 24px;
  padding-top: 64px;
}
.agent_form {
    background-color: white;
}

.agent_form .right_bg {
    height: auto;
    background-position: 35%;
}

.img-right {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.agent_form .form-container {
    padding: 2vw 4vw 2vw 4vw;
}

.agent_form .form-container-new {
    padding: 2vw 3vw 2vw 3vw;
}

.align-center {
    text-align: center;
}

.agent-name {
    font-size: 37px;
    text-transform: none;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.form-control {
    height: 50px;
    border-radius: 0;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.section-card {
    padding: 40px 0;
    overflow: hidden;
    border: 1px solid lightgray;
    border-radius: 5px;

}

.info_box h3 {
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 1.9;
    color: #52565e;
}
.product-teaser {
    position: relative;
    overflow: hidden;
}

.event-teaser {
    position: relative;
    display: flex;
    margin-bottom: 30px;
    padding: 30px 25px;
    background-color: #f6f6f6;
    border-radius: 10px;
}

.event-teaser .event-image .field-field-image {
    border-radius: 70%;
    position: relative;
    overflow: hidden;
}

.event-image-webinar {
    width: 100px;
    height: 100px;
    vertical-align: middle;
}

.text-webinar {
    text-align: center;
    margin-top: 10px;
}

.event-teaser .event-content-wrap {
    position: relative;
    width: 75%;
    margin-left: 50px;
}

.event-teaser .event-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-right: 100px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

a, a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}

a {
    color: #333333;
}

.event-teaser .event-price {
    position: absolute;
    right: 0;
    top: 0;
    color: #0f52ba;
    font-size: 24px;
    font-weight: 500;
}

.event-teaser .event-meta {
    display: flex;
}

.event-teaser .event-date-wrap {
    width: 30%;
    flex: 1;
}

.event-teaser .event-time {
    width: 25%;
    flex: 1;
}

.event-teaser .event-venue-wrap {
    flex: 2;
}

.event-teaser .event-date span {
    display: block;
    line-height: 1.2;
}

.event-teaser .event-date-day {
    font-size: 25px;
    font-weight: 300;
    float: left;
    line-height: 1;
    margin-right: 7px;
    color: #0f52ba;
}

.event-teaser .event-date-month {
    text-transform: uppercase;
}

.event-teaser .event-venue-wrap, .event-teaser .event-date-wrap, .event-teaser .event-time {
    width: 100%;
}


.event-teaser .event-time, .event-teaser .event-venue-wrap {
    padding-top: 5px;
}

.event-teaser .event-venue, .event-teaser .event-location {
    display: inline-block;
}

.event-teaser .event-button {
    position: relative;
}

.button {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1;
    margin: 10px 0;
    outline: 0 none;
    padding: 10px 20px;
    color: #ffffff;
    border: none;
    border-radius: 30px;
    position: relative;
    white-space: nowrap;
    transition: 0.3s;
    background-color: #0f52ba;
    overflow: hidden;
    margin-top: 53px;
    margin-left: 20px;
}

.info_box p {
    font-size: 18px !important;
    line-height: 20px;
    padding-top: 16px;
    font-weight: 300 !important;
}


/* student events styles */
.gap1-62 {
    padding: 16px !important;
}

.text-webinar1 {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
}

.event-teaser .event-date-day1 {
    font-size: 12px;
    font-weight: 400;
    float: left;
    line-height: 1;
    margin-right: 7px;
    color: #0f52ba;
}

.event-cityname {
    font-size: 11px;
    font-weight: normal;
}


.event-teaser .event-date1 span {
    display: block;
    line-height: 1.2;
    /* background: #e8f4f8; */
    border-radius: 5px;
    height: 120px;
    width: 160px;
    text-align: center;
    padding: 40px 20px;
    color: black;
    font-weight: 500;
    font-size: 15px;
}


.event-date-year1 {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 1px;
}

.event-date-time1 {
    font-weight: 600;
    font-size: 15px;
    margin-top: 4px;
}

.event-teaser1 {
    padding: 8px 8px 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 5px;
    background: white;
    max-width: 100%;
}

.event-teaser .event-title1 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 3px;
    margin-bottom: 1px;
    padding-right: 100px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.event-teaser .event-title1.fontLg {
    font-size: 18px;
}

.button1 {
    padding: 6px 14px;
    font-size: 11px;
    margin: 0px !important;
}

.event-teaser .event-content-wrap1 {
    position: relative;
    width: 100%;
    margin-left: 1px;
}

.applyButton {
    font-size: 12px;
    margin-top: 30px;
    color: white;
    background: #0f52ba;
    /* margin: 20px; */
    min-height: 31px;
}

.disableApply {
    font-size: 12px;
    margin-top: 30px;
    color: #0f52ba;
    /* border: 1px solid #0f52ba; */
    padding: 5px;
    /*border-radius: 5px;*/
    background-color: #f0faff;
}

.event-teaser .event-venue-wrap1 {
    flex: 2 1;
    margin-left: 10px;
    margin-right: 20px;
}

.event-teaser .event-content-wrap1 {
    position: relative;
    width: 100%;
    margin-left: 1px;
}

.nonActive-event {
    color: red;
    font-size: 11px;
}

.active-event {
    color: #00b600;
    font-size: 11px;

}

.loadMore {
    color: white;
    background: #0f52ba;
    font-weight: 500;
    border: none;
}
/* --- Common Styles (applies to all popups) --- */
.popup-bottom-right,
.popup-bottom-left,
.popup-center {
    background: #fff;
    color: #333;
    border-radius: 12px;
    /*padding: 20px;*/
    padding: 25px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    z-index: 99999; /* raised above everything */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* --- Background Overlay (new) --- */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* dark semi-transparent black */
    z-index: 99998; /* below popup but above rest of UI */
}

/* --- Bottom Right --- */
.popup-bottom-right {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /*width: 350px;*/
    width: 310px;
    animation: slideUp 0.4s ease;
}

/* --- Center Popup --- */
.popup-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*width: 400px; !* bigger than small popups *!*/
    width: 310px; /* bigger than small popups */
    max-width: 90%;
}

/* --- Heading --- */
.popup-bottom-right h4,
.popup-center h4 {
    margin: 0 0 10px;
    font-size: 21px;
    font-weight: 600;
    color: #222;
}

/* --- Content --- */
.popup-bottom-right p,
.popup-center p {
    margin: 0 0 15px;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

/* --- Close Button --- */
.popup-bottom-right button,
.popup-center button {
    background: #0872BC;
    border: none;
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
}

.popup-bottom-right button:hover,
.popup-center button:hover {
    background: #1890ff;
}

.height-35 {
    height: 45px !important;
}

/* --- Show animation --- */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Close Icon Button --- */
/*.popup-close-btn {
    border-radius: 100px !important;
    padding: 4px !important;
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    background: transparent !important;
    border: 1px solid black !important;
    font-weight: 600 !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.popup-close-btn:hover {
    color: #fff !important;
    background: black !important;
}*/

/* --- Background Overlay for Bottom Right Popup Only --- */
.popup-center.show + .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* dark semi-transparent black */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); /* Safari support */
    z-index: 99998; /* below popup but above rest of UI */
}
body.front-layout-body {
  background: #fff !important;
}
.front-layout-page {
  background: #fff;
  min-height: 100vh;
}
.pb10 {
  padding-bottom: 10px;
}
.btn-primary-dark {
  color: #fff !important;
  background-color: #0f52ba !important;
  border-color: #0f52ba !important;
  box-shadow: none;
}
.card-body .pt10 {
  padding-top: 10px !important;
}
.afs {
  align-items: flex-start !important;
}
.flex-d-columns {
  flex-direction: column;
}
.hr1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.roundDot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #0f52ba;
}
.custom-upload-box {
  position: relative;
  margin-left: 5px;
}
.custom-upload-box input {
  position: absolute;
  top: -8px;
  z-index: 1;
  width: 100%;
  height: 34px;
  opacity: 0;
}
.activity-container * {
  font-family: Poppins;
}
.activity-container li .date {
  line-height: 1.2;
  width: auto !important;
}
.activity-container li .activity_timeline {
  font-weight: 600;
  min-height: 38px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  border-left: 2px solid #fed9d97a;
  margin: 0 7%;
  position: relative;
}
.activity-container li .activity_timeline:after {
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid #0f52ba;
  height: 10px;
  width: 10px;
  border-radius: 50px;
}
.activity-container li .content {
  background: #ffffff78;
  padding: 5px 10px;
  border-radius: 5px;
}
.activity-container li .content .title {
  color: #0f52ba;
  text-transform: capitalize;
}
.activity-container li .content .information {
  margin-top: 5px;
  line-height: 1.3;
  padding-left: 2px;
}
.unizHomeTopHeader {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}
.unizHomeTopHeader > div:first-child {
  flex: 1.1;
  margin-left: 0;
}
.unizHomeTopHeader > div {
  flex: 2;
  margin-left: 10px;
}
.unizHomeTopHeader > div:last-child {
  flex: 2;
  margin-left: 50px !important;
}
.unizHomeDashboardCallback {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 5px;
  background-color: #ffffff;
  width: 100%;
  padding: 7px 13px 7px 20px;
  border-radius: 12px;
}
.unizhome-enquiry-container {
  display: grid;
  color: #555;
  grid-template-columns: 23% 56% 22%;
  font-size: 14px;
  font-family: Poppins;
}
.unizhome-enquiry-container .info-box {
  padding: 0;
  background: white;
  display: block;
}
.unizhome-enquiry-container .info-box .other-info {
  display: flex;
  align-items: center;
  line-height: 1.6;
}
.unizhome-enquiry-container .info-box .other-info .anticon {
  margin-right: 5px;
  color: #0f52ba;
}
.unizhome-enquiry-container .info-box .other-info span {
  font-weight: 500;
}
.unizhome-enquiry-container .info-box .base-info {
  text-transform: capitalize;
  border-bottom: 1px solid #ede3e3;
  padding: 15px;
}
.unizhome-enquiry-container .info-box .base-info .title-name {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #0f52ba;
}
.unizhome-enquiry-container .info-box .property-info {
  display: none;
  padding: 15px;
  border-bottom: 1px solid #ede3e3;
  background: #f1f1f1;
}
.unizhome-enquiry-container .info-box .property-info .room-image-enquiry {
  height: 100px;
  border-radius: 10px;
  width: auto;
  border: 1px solid #ede3e3;
  padding: 5px;
}
.unizhome-enquiry-container .info-box .property-info .property-name {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1.2;
  color: #0f52ba;
}
.unizhome-enquiry-container .info-box .property-info .property-rent {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 5px 10px 0 5px;
  font-weight: 600;
}
.unizhome-enquiry-container .info-box .property-info .details {
  width: 100%;
  padding-left: 15px;
}
.unizhome-enquiry-container .info-box .property-info .other-info {
  font-size: 13px;
}
.unizhome-enquiry-container .info-box .property-info .other-info span:first-child {
  width: 40%;
}
.unizhome-enquiry-container .info-box .property-info .other-info span:last-child {
  width: 60%;
  color: black;
}
.unizhome-enquiry-container .info-box .property-info2 {
  padding: 15px;
  border-bottom: 1px solid #ede3e3;
  background: #f1f1f1;
}
.unizhome-enquiry-container .info-box .property-info2 .image-box {
  text-align: center;
  width: 85%;
  margin: 0 auto 15px;
  position: relative;
}
.unizhome-enquiry-container .info-box .property-info2 .image-box .room-image-enquiry {
  height: auto;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #ede3e3;
  padding: 5px;
}
.unizhome-enquiry-container .info-box .property-info2 .image-box .property-rent {
  font-size: 14px;
  margin-bottom: 0;
  padding: 5px 30px 7px;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #ffffffc2;
  width: 100%;
  color: black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #f1f1f1;
  text-transform: capitalize;
  letter-spacing: 2px;
}
.unizhome-enquiry-container .info-box .property-info2 .property-name {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1.2;
  color: #0f52ba;
}
.unizhome-enquiry-container .info-box .property-info2 .property-rent {
  font-size: 14px;
  margin-bottom: 10px;
  padding: 5px 10px 0 5px;
  font-weight: 600;
}
.unizhome-enquiry-container .info-box .property-info2 .details {
  width: 100%;
  padding-left: 15px;
}
.unizhome-enquiry-container .info-box .property-info2 .other-info {
  font-size: 13px;
}
.unizhome-enquiry-container .info-box .property-info2 .other-info span:first-child {
  width: 35%;
}
.unizhome-enquiry-container .info-box .property-info2 .other-info span:last-child {
  width: 65%;
  color: black;
}
.unizhome-enquiry-container .info-box .property-other-info {
  background: #f1f1f1;
  padding: 5px 15px;
}
.unizhome-enquiry-container .info-box .property-other-info .edit-btn {
  background: #0f52ba;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.unizhome-enquiry-container .info-box .property-other-info .edit-btn img {
  height: 19px;
}
.unizhome-enquiry-container .info-box .property-other-info .collapsible-section {
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 0 10px #ede2e3;
}
.unizhome-enquiry-container .info-box .property-other-info .info-grid-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 15px 15px;
  line-height: 1.2;
}
.unizhome-enquiry-container .info-box .property-other-info .info-grid-column h6 {
  color: #555;
  margin-bottom: 2px;
  font-size: 13px;
}
.unizhome-enquiry-container .info-box .property-other-info .info-grid-column p {
  margin: 0;
  color: black;
}
.unizhome-enquiry-container .info-box .property-other-info .info-grid-column .grid-column {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.unizhome-enquiry-container .info-box .property-other-info .info-grid-column .grid-column .fa {
  margin-right: 10px;
  margin-top: 3px;
  color: #0f52ba;
}
.unizhome-enquiry-container .info-box .property-other-info .filter-box .card-header h2 button {
  padding: 15px 10px 15px 20px;
}
.unizhome-enquiry-container .tab-box {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.unizhome-enquiry-container .tab-box .tab-content {
  padding: 0 15px;
}
.unizhome-enquiry-container .tab-box .box {
  width: 100%;
}
.unizhome-enquiry-container .document-box .attachment-box .head {
  background: #f1f1f1 !important;
}
.video-block {
  height: 450px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.video-block #ukVideo {
  position: absolute;
  width: 100%;
}
.requestCallBackComponentUnizHome {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  background-color: #f5f5ff;
  width: 100%;
  height: 72px;
  padding: 10px 0 7px 20px;
  border-radius: 12px;
}
.discoverButton {
  font-size: 14px !important;
}
.agentDegUnizHome {
  font-size: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 2px solid #DCDCDC;
  color: #696969;
  flex: 1;
}
.agentDetailsUnizHome {
  font-size: 10px;
}
.gicAndCallbackButtonsUnizHome {
  background-color: #0D52BA !important;
  border-radius: 10px !important;
  margin-top: 4px;
  flex: 1;
  font-size: 10px !important;
}
.unizHomeLogo {
  width: 100%;
}
.pattern-img {
  position: relative;
  min-height: 580px;
}
.listing-section-mobile-view {
  width: 35%;
  margin-top: 0;
  margin-bottom: 0;
  height: 450px;
}
.agentDegUnizHome {
  font-size: 14px;
  margin-left: 1px !important;
}
.agentDegUnizHome b {
  font-size: 15px;
}
.agentDetailsUnizHome {
  font-size: 15px;
  margin-left: 1px !important;
}
.gicAndCallbackButtonsUnizHome {
  font-size: 15px !important;
}
.requestCallBackComponentUnizHome {
  height: 85px;
}
.requestCallBackComponentUnizHome .box--1 {
  display: grid;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1.2;
  grid-template-columns: 50% 50%;
  grid-gap: 15px;
}
.requestCallBackComponentUnizHome .agentDetails {
  font-size: 14px;
}
.requestCallBackComponentUnizHome .forexIcons {
  margin-right: 14px;
}
.unizHomeDashboardCallback {
  width: 100px !important;
}
.unizHomeDashboardCallback .bookText {
  font-size: 23px;
}
.online_btn_block {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 10px;
}
.ant-form .ant-select-selection-selected-value {
  font-size: 1rem;
}
.filter_box .ant-select-selection-selected-value {
  font-size: 14px;
}
.udaan_filter {
  padding: 30px 1rem 0;
  display: flex;
  grid-gap: 20px;
  align-items: center;
  width: 50%;
  font-size: 14px;
}
.udaan_filter .ant-select-selection {
  min-width: 300px;
}
.border-box-atlantis {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  margin-top: 10px;
}
.border-box-atlantis .services-ul {
  list-style-type: circle;
  padding-left: 40px;
}
.criteriaModalCls {
  z-index: 10000;
}
.x-travel-btn-group .x-dark-btn {
  background: black;
  color: white;
  padding: 4px 10px 4px 15px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  min-height: 40px;
  font-weight: 400;
  font-size: 16px;
}
.x-travel-btn-group .x-dark-btn img {
  height: 27px;
  width: auto;
}
.x-travel-btn-group .coming-soon-btn {
  margin-top: 5px;
  font-weight: 600;
  text-align: center;
  padding: 8px 20px;
  border: 1px solid #ddd;
  border-radius: 50px;
  box-shadow: 0 0 10px #ede2e3;
}
.country-manager {
  background-color: #f8fcff;
  padding: 16px 15px 16px;
  border-radius: 10px;
  margin: 0 10px 20px;
  box-shadow: 0 0 5px #bee1ff;
}
.country-manager .manager-title {
  font-size: 1rem;
}
.country-manager .manager-box {
  display: flex;
  gap: 30px;
  margin-top: 10px;
  margin-left: 5px;
  color: #555;
}
.country-manager .manager-box .manager-avatar {
  border: 1px solid;
}
.country-manager .manager-box .manager-info {
  font-size: 13px;
  line-height: 1.5;
}
.country-manager .manager-box .manager-info .manager-name {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
  padding-bottom: 3px;
}
.country-manager .manager-box .manager-info img {
  height: 18px;
  width: 18px;
  margin-right: 8px;
}
.country-manager .manager-box .manager-info .manager-mob-email {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: flex-start;
}
.country-manager .manager-box .request-callback-btn {
  background-color: #0f52ba;
  padding: 7px 11px 7px 20px;
  border-radius: 50px;
  color: white;
}
.country-manager .manager-box .request-callback-btn img {
  height: 22px;
  width: auto;
  margin-left: 10px;
}
.nib-oshc-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.nib-oshc-block img {
  height: 100px;
}
.nib-oshc-block .nib-box {
  text-align: center;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  width: 60%;
}
.nib-oshc-block .nib-box .nib-title {
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.nib-oshc-block .nib-box .info-aa {
  font-size: 0.8rem;
  line-height: 1.8;
}
.nib-oshc-block .nib-box .info-aa .price {
  font-size: 1.8rem;
  font-weight: 600;
  color: #0f52ba;
}
.nib-oshc-block .nib-box ul {
  margin-bottom: 0;
}
.nib-oshc-block .nib-box ul li {
  padding: 2px 10px 6px 0;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
}
.nib-oshc-block .get-your-price-btn {
  background-color: #0f52ba;
  border: none;
  color: white;
  padding: 10px 20px;
  border-radius: 50px;
  margin-top: 50px;
  width: 300px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.nib-oshc-block .get-your-price-btn:disabled {
  background-color: #9b9b9b;
  opacity: 0.6;
  cursor: not-allowed;
}
.nib-oshc-block-new {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}
.nib-oshc-block-new.sm-box {
  padding: 10px;
}
.nib-oshc-block-new .header-nib {
  background: #CFECF7;
  font-size: 17px;
  font-weight: 600;
  padding: 15px;
  text-align: center;
  border-radius: 10px 10px 0 0;
}
.nib-oshc-block-new .nib-btn {
  background-color: #CFECF7;
  border: none;
  color: #006AFE;
  padding: 7px 10px;
  border-radius: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  font-weight: 600;
}
.nib-oshc-block-new .nib-btn:disabled {
  background-color: #cfcece;
  opacity: 0.6;
  cursor: not-allowed;
}
.nib-oshc-block-new .table-responsive {
  background-color: #f1f1f1;
}
.nib-oshc-block-new .filter_box {
  padding: 20px 20px 0 20px;
  background-color: #f1f1f1;
  margin: 0 !important;
}
.nib-oshc-block-new .filter_box .nib-btn {
  text-align: center;
  padding: 9px 10px;
}
.nib-oshc-block-new .filter_box .nib-btn .anticon {
  font-size: 22px;
  color: #ABABAB;
}
.nib-oshc-block-new .nib-inner-block {
  background-color: #f1f1f1;
  display: flex;
  align-items: center;
  border-radius: 0 0 10px 10px;
  padding: 20px;
  gap: 20px;
}
.nib-oshc-block-new .nib-inner-block .nib-logo {
  width: 25%;
  text-align: center;
}
.nib-oshc-block-new .nib-inner-block .nib-logo img {
  height: 110px;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card {
  text-align: center;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  width: 50% !important;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card .nib-title {
  font-size: 1rem;
  margin-bottom: 10px;
  color: #5F5D5D;
  font-weight: 600;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card .info-aa {
  font-size: 0.8rem;
  line-height: 1.5;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card .info-aa .price {
  font-size: 1.8rem;
  font-weight: 600;
  color: #006AFE;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card ul {
  margin-bottom: 0;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card ul li {
  padding: 2px 10px 6px 0;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card .nib-btn {
  margin-top: 15px;
  justify-content: space-between;
}
.nib-oshc-block-new .nib-inner-block .nib-price-card .nib-btn .anticon {
  font-size: 22px;
  color: #ABABAB;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card {
  text-align: center;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  width: 25% !important;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card .nib-title {
  font-size: 1rem;
  margin-bottom: 10px;
  color: #5F5D5D;
  font-weight: 600;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card .manager-info-aa {
  font-size: 0.8rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  padding: 0 10%;
  gap: 20px;
  margin-top: 20px;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card .manager-info-aa .manager-info-details {
  text-align: left;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card ul {
  margin-bottom: 0;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card ul li {
  padding: 2px 10px 6px 0;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
}
.nib-oshc-block-new .nib-inner-block .nib-manager-card .nib-btn {
  margin-top: 20px;
}
.highlight-uni-ul {
  font-size: 14px;
  list-style: disc;
  line-height: 2;
  margin-left: 20px;
}
.highlight-uni-title {
  margin: 0 0 20px;
  width: auto;
  background: #CFECF7;
  font-size: 20px;
  font-weight: 600;
  padding: 15px;
  text-align: center;
  border-radius: 0;
}
.uniz-home-property-list {
  color: black;
}
.uniz-home-property-list .property-card {
  border-radius: 10px;
  border: 1px solid #ddd;
}
.uniz-home-property-list .property-card .currency-name {
  font-weight: 600;
}
.uniz-home-property-list .property-card .property-rate {
  line-height: 1.3;
  color: #555 !important;
  font-size: 14px;
}
.uniz-home-property-list .property-card .property-rate .rate {
  color: black;
  font-size: 16px;
  font-weight: 600;
}
.uniz-home-property-list .property-card .img-block {
  height: 110px;
  width: 100px;
  background-size: cover;
  /* Ensures the image covers the box */
  background-position: center;
  /* Centers the image */
  background-repeat: no-repeat;
  /* Prevents image tiling */
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  opacity: 0.8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.uniz-home-property-list .property-card .currency-value {
  color: #0f52ba;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 1.2;
}
.uniz-home-property-list .property-card .enquiryButton-box {
  margin-top: 10px;
  margin-left: -2px;
}
.uniz-home-property-list .property-card .enquiryButton-box .enquiryButton {
  background: #ed3a56;
  color: #ffffff;
  padding: 5px 15px !important;
  border-radius: 50px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.uniz-home-property-list .property-card .enquiryButton-box .enquiryButton:hover {
  border-color: #ed3a56;
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  color: white;
}
.fam-tour-block {
  padding-top: 10px;
  padding-bottom: 10px;
}
.fam-tour-block .img-box img {
  border: 1px solid #b1e7f8;
  height: 88vh;
  width: auto;
  border-radius: 10px;
}
.fam-tour-block .fam-tour-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85vh;
  flex-direction: column;
  padding: 20px;
}
.fam-tour-block .fam-tour-content .title {
  color: #0f52ba;
  font-size: 2rem;
  font-weight: 600;
}
.fam-tour-block .fam-tour-content .red {
  color: red;
}
.fam-tour-block .fam-tour-content .inner-content-box {
  padding: 100px 50px;
  border-radius: 10px;
  box-shadow: 1px 1px 10px #b1e7f8;
}
.fam-tour-block .fam-tour-info {
  margin: 20px auto;
  /* Changed from 20px 0 to 20px auto */
  padding: 20px 15px;
  background: rgba(177, 231, 248, 0.34);
  border: 1px solid #ddd;
  display: flex;
  text-align: center;
  max-width: 600px;
  line-height: 1.5;
  color: black !important;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px;
}
.fam-tour-block .fam-tour-info p {
  margin: 5px 0;
}
.fam-tour-block-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.fam-tour-block-2 .img-box img {
  border: 1px solid #b1e7f8;
  height: auto;
  width: 100%;
  border-radius: 10px;
}
.fam-tour-block-2 .fam-tour-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85vh;
  flex-direction: column;
  padding: 20px;
}
.fam-tour-block-2 .fam-tour-content .title {
  color: #0f52ba;
  font-size: 2rem;
  font-weight: 600;
}
.fam-tour-block-2 .fam-tour-content .red {
  color: red;
}
.fam-tour-block-2 .fam-tour-content .inner-content-box {
  padding: 100px 50px;
  border-radius: 10px;
  box-shadow: 1px 1px 10px #b1e7f8;
}
.fam-tour-block-2 .fam-tour-info {
  margin: 20px auto;
  /* Changed from 20px 0 to 20px auto */
  padding: 20px 15px;
  background: rgba(177, 231, 248, 0.34);
  border: 1px solid #ddd;
  display: flex;
  text-align: center;
  max-width: 600px;
  line-height: 1.5;
  color: black !important;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px;
}
.fam-tour-block-2 .fam-tour-info p {
  margin: 5px 0;
}
.fam-tour-block-2 .box {
  border: 1px solid #b1e7f8;
  padding: 30px;
  border-radius: 10px;
  height: 100%;
}
.fam-tour-block-2 .box h5 {
  font-size: 1.25rem;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.2;
}
.submit_btn {
  width: auto !important;
  min-width: 150px;
  background: #1556bc !important;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff !important;
  border-radius: 50px !important;
  font-weight: 600;
  height: 42px;
}
.enquiry_note_text {
  width: 100%;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.reeudo-price-box {
  min-height: 18px;
  margin-top: 20px;
}
.reeudo-price-box .ant-card {
  min-height: 190px;
}
.assignMarketingBox {
  border: 1px solid #dee2e6;
  background: white;
  border-radius: 5px;
}
.assignMarketingBox .row-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.assignMarketingBox .row-list:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.assignMarketingBox .row-list img {
  height: auto;
  width: 18px;
  margin-right: 10px;
  border-radius: 50%;
}
.assignMarketingBox .row-list > div {
  padding: 2px 10px 2px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  font-size: 11px;
  color: #555;
  font-weight: 600;
}
.assignMarketingBox .row-list > div:not(:last-child) {
  border-right: 1px solid #dee2e6;
}
.assignMarketingBox .row-list > div:last-child {
  padding-left: 20px;
}
.assignMarketingBox .row-list_2 {
  display: grid;
  grid-template-columns: 22% 78%;
}
.assignMarketingBox .row-list_2:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.assignMarketingBox .row-list_2 img {
  height: 12px;
  width: auto;
  margin-right: 10px;
  border-radius: 50%;
}
.assignMarketingBox .row-list_2 > div {
  padding: 2px 10px 2px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  font-size: 11px;
  color: #555;
  font-weight: 500;
}
.assignMarketingBox .row-list_2 > div:not(:last-child) {
  border-right: 1px solid #dee2e6;
}
.assignMarketingBox .row-list_2 > div:last-child {
  padding-left: 20px;
}
.btn_group_row {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.btn_group_row .btn {
  padding: 5px 17px !important;
}
.btn_group_row .btn.roundNew {
  margin-right: 0 !important;
}
.btn img {
  height: 17px;
}
.btn img.plus {
  height: 15px;
  margin-right: 5px;
}
.btn.round {
  margin-right: auto;
  display: flex;
  border-radius: 50px;
  padding-left: 50px;
  position: relative;
}
.btn.roundNew {
  margin-right: auto;
  border-radius: 70px;
  position: relative;
  margin-bottom: 5px;
  font-size: 15px;
  text-decoration: none !important;
  vertical-align: middle;
  line-height: 1;
}
.btn.roundNew img {
  height: 10px !important;
  margin-right: 5px;
  max-height: 13px;
}
.btn .anticon {
  margin-right: 5px;
}
.btn.ac {
  display: flex;
  align-items: center;
}
.btn.roundNew2 {
  border-radius: 50px;
  position: relative;
  margin-bottom: 5px;
  float: right;
  margin-right: 10px;
}
.btn.roundNew2 img {
  height: 10px !important;
  margin-right: 5px;
  max-height: 13px;
}
.btn.round-bt {
  margin-right: 5px;
  border-radius: 50px;
  position: relative;
  margin-bottom: 5px;
  font-size: 15px;
}
.btn.round-bt img {
  height: 10px !important;
  margin-right: 5px;
  max-height: 13px;
}
.btn.lg {
  padding: 8px 30px !important;
}
.btn.xl {
  padding: 12px 30px !important;
}
.btn.md {
  padding: 5px 17px !important;
  font-size: 0.87rem !important;
}
.btn.sm {
  padding: 3px 15px !important;
  font-size: 0.8rem;
}
.btn.sm2 {
  padding: 3px 10px !important;
  font-size: 0.7rem;
}
.btn.sm2 .anticon {
  margin-right: 0;
}
.btn.sm2 img {
  height: 12px !important;
  margin-right: 0;
  max-height: 13px;
}
.btn.xs {
  padding: 2px 10px !important;
  font-size: 0.7rem;
}
.btn.xss {
  padding: 2px 7px !important;
  font-size: 0.6rem;
}
.btn.p0 {
  padding: 0 !important;
}
.withdrawal_proceed_link {
  color: #0f52ba;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.assessment_activity_card {
  background-color: #f1f7ff;
  border-radius: 15px;
  max-width: 80%;
}
.satisfied_text {
  font-weight: 600;
  text-transform: capitalize;
}
.satisfied_text.successText {
  color: #5cb85c;
}
.satisfied_text.dangerText {
  color: #d9534f;
}
/*  .ant-menu-dark,
  .ant-menu-dark .ant-menu-sub {
    background: white;
  }

  .ant-layout-sider {
    background: white;
  }*/
.ass-card-left h2 {
  margin-bottom: 20px;
}
.ass-card-left a {
  margin-left: 0;
}
.ass-small-card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ass-small-card a {
  text-align: center;
}
.ass-footer {
  padding: 12px 20px;
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
}
.uniCountBox {
  position: relative;
}
.uniCountBox .new-tag-cyprus {
  position: absolute;
  left: -15px;
  top: -17px;
  padding: 1px 15px !important;
  font-size: 0.8rem;
  border-radius: 50px;
  background: rgba(240, 173, 78, 0.87);
  color: black;
}
.e-sim-card .sim-card-grid {
  position: relative;
  height: 180px;
}
.e-sim-card .sim-card-grid .card_footer {
  position: absolute;
  background: linear-gradient(to bottom, rgba(15, 82, 186, 0.02), rgba(15, 82, 186, 0.22), rgba(15, 82, 186, 0.42), rgba(15, 82, 186, 0.7));
  bottom: 0;
  width: 100%;
  text-align: center;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.e-sim-card .destination-image {
  width: 150px;
  height: 179px;
  border-radius: 20px;
}
.e-sim-card .country-flag-box {
  position: absolute;
  top: 10px;
  right: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: rgba(255, 255, 255, 0.49);
  padding: 8px 20px;
}
.e-sim-card .country-flag-box .countryName {
  color: black;
  font-weight: 600;
  font-size: 15px;
  text-shadow: 0 0 #1890ff;
}
.e-sim-card .country-flag-box .destination-flag {
  width: 32px !important;
  height: 24px;
  border-radius: 4px;
}
.e-sim-card .apply-esim-btn {
  background: #0f52ba;
  padding: 6px 12px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  color: white;
  margin: 10px;
}
.e-sim-card .apply-esim-btn:hover {
  color: white !important;
  opacity: 0.9;
}
.commission_list_grid {
  display: grid;
  grid-template-columns: 20% 60% 20%;
  height: 42px;
  align-items: flex-start;
}
.commission_list_grid img {
  height: 45px;
  max-width: 45px;
  border-radius: 50px;
  border: 1px solid #ddd;
  padding: 3px;
}
.commission_list_grid .university-name {
  font-size: 15px;
  padding-left: 10px;
  line-height: 1.2;
  padding-top: 3px;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
}
.commission_list_grid .count {
  font-size: 1.5rem;
  justify-content: center;
  align-items: center;
  color: #0f52ba;
}
.commission_pending_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  cursor: pointer;
  gap: 20px;
}
.commission_pending_grid .row_card {
  width: 100%;
}
.commission_pending_grid .row_card .innerBox {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 15px #0f52ba24 !important;
  padding: 10px 15px !important;
}
.commission_pending_grid .row_card .commission_pending__card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.commission_pending_grid .row_card .commission_pending__card .info_card_2 {
  line-height: 1.2;
  text-align: right;
}
.commission_pending_grid .row_card .commission_pending__card img {
  height: 50px;
  max-width: 50px;
  border-radius: 50px;
  border: 1px solid #ddd;
  padding: 3px;
}
.commission_pending_grid .row_card .commission_pending__card .university-name {
  font-size: 15px;
  padding-left: 10px;
  line-height: 1;
  padding-top: 3px;
  color: #555;
}
.commission_pending_grid .row_card .commission_pending__card .count {
  font-size: 1.5rem;
  justify-content: center;
  align-items: center;
  color: #0f52ba;
  font-weight: 500;
}
.commission_pending_grid .row_card .commission_pending__card .count small {
  color: black;
  font-size: 14px;
}
.advance_commission_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  cursor: pointer;
  gap: 20px;
}
.advance_commission_grid .row_card {
  width: 100%;
}
.advance_commission_grid .row_card .innerBox {
  border-radius: 5px;
  box-shadow: 0 0 15px #0f52ba24 !important;
  padding: 10px 15px !important;
}
.advance_commission_grid .row_card .commission_pending__card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.advance_commission_grid .row_card .commission_pending__card .info_card_2 {
  line-height: 1.2;
  text-align: right;
}
.advance_commission_grid .row_card .commission_pending__card img {
  height: 50px;
  max-width: 50px;
  border-radius: 50px;
  border: 1px solid #ddd;
  padding: 3px;
}
.advance_commission_grid .row_card .commission_pending__card .university-name {
  font-size: 0.9rem;
  padding-left: 10px;
  line-height: 1;
  padding-top: 8px;
  color: white;
  letter-spacing: 2px;
  font-weight: 500;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
.advance_commission_grid .row_card .commission_pending__card .count {
  font-size: 1.5rem;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 500;
}
.advance_commission_grid .row_card .commission_pending__card .count small {
  color: white;
  font-size: 1.1rem;
}
.commission-amount-box .card-row {
  padding: 1px;
}
.direct_tab_card .ant-tabs-tabpane {
  padding: 20px 0 0;
}
.html-content ul,
.ck-editor__editable ul {
  list-style: disc !important;
  display: block;
  -webkit-margin-before: 1em !important;
          margin-block-start: 1em !important;
  -webkit-margin-after: 1em !important;
          margin-block-end: 1em !important;
  -webkit-padding-start: 40px !important;
          padding-inline-start: 40px !important;
  unicode-bidi: isolate;
}
.html-content ol,
.ck-editor__editable ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.html-content {
  /* Paragraph */
  /* Headings */
}
.html-content p {
  font-size: 14px;
  line-height: 1.6;
}
.html-content h1 {
  font-size: 28px !important;
}
.html-content h2 {
  font-size: 25px !important;
}
.html-content h3 {
  font-size: 18px !important;
}
.html-content h4 {
  font-size: 16px !important;
}
.html-content h5 {
  font-size: 14px !important;
}
.html-content h6 {
  font-size: 12px !important;
}
.html-content table {
  width: 100%;
  border-collapse: collapse;
  /* removes double borders */
  margin: 12px 0;
}
.html-content table,
.html-content th,
.html-content td {
  border: 1px solid #CFECF7;
  /* dark gray border */
}
.html-content th,
.html-content td {
  padding: 8px 12px;
  text-align: left;
}
.html-content th {
  background-color: #f1f1f1;
  font-weight: 600;
}
.cke_notifications_area {
  display: none !important;
}
.cracker_box {
  position: fixed;
  bottom: 20%;
  z-index: 99;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
}
.cracker_box img {
  width: 300px;
  height: 300px;
}
.cracker_box .left {
  position: relative;
  left: 0;
}
.cracker_box .right {
  position: relative;
  right: 0;
}
.nav-link {
  position: relative;
}
.nav-link .new-link-label {
  /*position: absolute;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 50px;
    color: white;
    //background: #0f52ba;
    background: linear-gradient(to right, #ff8c00, #ff5722);
    font-weight: 600;
    top: -3px;
    left: 0;
    margin-left: 5px;
    font-style: normal;
    -webkit-animation: glow 0.5s ease-in-out infinite alternate;
    -moz-animation: glow 0.5s ease-in-out infinite alternate;
    animation: glow 0.5s ease-in-out infinite alternate;
    text-transform: uppercase;
    transform: skewY(45deg); !* Creates the diagonal slant *!
    transform-origin: 100% 0; !* Ensures the skew pivots correctly from the top right *!

    !* Optional: Text shadow to mimic the 3D look in the image *!
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);*/
  position: absolute;
  right: -3px;
  top: -3px;
  padding: 2px 10px !important;
  font-size: 0.7rem;
  border-radius: 50px;
  background: linear-gradient(to right, rgba(245, 184, 98, 0.87), #f0ad4ede);
  color: black;
  transform: rotate(15deg);
  /* Creates the diagonal slant */
  font-weight: 500;
  letter-spacing: 2px;
}
.banner_box .banner {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.banner_box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(15, 82, 186, 0.02), rgba(15, 82, 186, 0.22), rgba(15, 82, 186, 0.42), rgba(15, 82, 186, 0.7));
}
.contract_box_main {
  width: 20% !important;
  display: inline-block;
  padding: 0 10px 0 10px !important;
  margin: 0 !important;
  cursor: pointer;
}
.contract_box_main:last-child {
  padding-right: 0;
}
.contract_box_main .innerBox {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 15px #0f52ba24 !important;
  padding: 10px !important;
  position: relative;
  display: grid;
  gap: 10px;
}
.contract_box_main .innerBox .uniCountBox {
  display: flex !important;
  justify-content: space-around;
  align-items: center;
}
.contract_box_main .innerBox .uniCountBox .record-count {
  display: flex;
  justify-content: center;
}
.contract_box_main .innerBox .uniCountBox img {
  height: 30px;
  width: auto;
}
.contract_box_main .innerBox .uniCountBox img.sm {
  height: 25px;
}
.contract_box_main .innerBox .uniCountBox h5 {
  font-size: 14px;
  height: 35px;
  width: auto;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: white !important;
  min-width: 35px;
  padding: 0 5px;
}
.contract_box_main .innerBox .squareContainer .squareStyleContract {
  height: 50px !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center !important;
  line-height: 1.3;
}
.contract_box_main .innerBox .squareContainer .squareStyleContract .recCount {
  font-weight: 600;
}
.contract_box_main .innerBox .squareContainer .squareStyleContract .recLabel {
  color: #555;
  font-size: 12px;
  font-weight: 500;
}
.contract_box_main .contract-uni-box {
  clear: both;
}
.contract_box_main .contract-uni-box .count {
  display: grid;
  grid-gap: 10px 10px;
  grid-template-columns: repeat(5, 1fr);
}
.contract_box_main .contract-uni-box .squareContainer {
  display: grid;
  grid-gap: 10px 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 0 !important;
}
.contract_box_main .contract-uni-box .squareContainer .squareStyleContract {
  width: 100%;
  height: 60px;
  border: 1px solid #efefef;
  border-radius: 3px;
  color: #0f52ba;
  font-size: 15px;
  display: flex;
  /* Enables flexbox */
  align-items: center;
  /* Centers vertically */
  justify-content: flex-start;
  text-align: left;
  padding-left: 15px;
}
.contract_box_main .contract-uni-box .squareContainer .squareStyleContract:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.contract_box_main .contract-uni-box .squareContainer .squareStyleContract:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.contract_box_main .contract-uni-box .squareContainer .squareStyleContract:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.contract_box_main .contract-uni-box .squareContainer .squareStyleContract:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.contract_box_main .contract-uni-box .squareContainer .squareStyleContract:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.countryMarketingUserBox {
  width: 370px;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  border-radius: 10px;
  box-shadow: 1px 10px 10px #ddd;
}
.countryMarketingUserBox.managerBoxCanada {
  width: 100%;
  margin-bottom: 0;
}
.countryMarketingUserBox.managerBoxCanada .ant-avatar img {
  left: 0 !important;
}
.countryMarketingUserBox.managerBoxCanada .managerHead {
  margin-bottom: 5px;
  background-color: #ad2125;
}
.countryMarketingUserBox .managerHead {
  margin-right: auto;
  color: white;
  padding: 3px 10px;
  margin-bottom: 5px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.countryMarketingUserBox .managerBody {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 10px;
  padding-left: 10px;
  position: relative;
}
.countryMarketingUserBox .managerBody.ais {
  align-items: flex-start;
}
.countryMarketingUserBox .manger_details_box {
  font-size: 14px;
}
.countryMarketingUserBox .manger_details_box img {
  height: 15px;
  margin-right: 5px;
}
.university_head_box .university-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  /* Let height adjust automatically */
  white-space: normal;
  font-size: 0.9rem;
  line-height: 1.2;
  padding-right: 10px;
}
.university_head_box .count {
  font-size: 14px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 2.5;
  background: #0872bc;
  color: #fff !important;
  min-width: 35px;
  padding: 0 5px;
}
.university_head_box .squareContainer {
  display: grid;
  grid-gap: 10px 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 10px;
}
.university_head_box .squareContainer > div {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.university_head_box .squareContainer .squareStyle {
  width: 100%;
  height: 45px;
  border: 1px solid #efefef;
  line-height: 1.3;
  border-radius: 5px;
  color: #0f52ba;
  font-size: 12px;
  text-align: left;
  align-self: center;
  padding-left: 10px;
  justify-content: center;
}
.university_head_box .squareContainer .squareStyle .recCount {
  font-weight: 600;
}
.university_head_box .squareContainer .squareStyle .recLabel {
  color: #555;
  font-size: 11px;
  font-weight: 500;
}
.university_head_box .squareContainer .squareStyle.totalCount {
  border-bottom: 2px solid #5cb85c;
}
.university_head_box .squareContainer .squareStyle.approvedCount {
  border-bottom: 2px solid #1890ff;
}
.university_head_box .squareContainer .squareStyle.pendingCount {
  border-bottom: 2px solid #0872bc;
}
.university_head_box .squareContainer .squareStyle.deferredCount {
  border-bottom: 2px solid #5bc0de;
}
.university_head_box .squareContainer .squareStyle.deniedCount {
  border-bottom: 2px solid #d9534f;
}
.university_head_box .squareContainer .squareStyle:nth-child(1) {
  border-bottom: 2px solid #1890ff;
}
.university_head_box .squareContainer .squareStyle:nth-child(2) {
  border-bottom: 2px solid #5cb85c;
}
.university_head_box .squareContainer .squareStyle:nth-child(3) {
  border-bottom: 2px solid #0872bc;
}
.university_head_box .squareContainer .squareStyle:nth-child(4) {
  border-bottom: 2px solid #5bc0de;
}
.university_head_box .squareContainer .squareStyle:nth-child(5) {
  border-bottom: 2px solid rgba(240, 173, 78, 0.87);
}
.fw-600 {
  font-weight: 600;
}
.agent_menu_list_box {
  height: 75vh;
  overflow-x: hidden;
}
.pop_up_notify {
  font-family: 'Poppins', sans-serif;
}
.pop_up_notify .popup-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  color: white !important;
  cursor: pointer;
  transition: color 0.2s;
  background-color: #888;
  border-radius: 50px;
  padding: 5px;
  font-size: 11px;
  font-weight: 600 !important;
}
.pop_up_notify .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 8px 0 6px;
}
.pop_up_notify .desc {
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin: 0 0 20px;
  line-height: 1.1;
  text-transform: capitalize;
}
.pop_up_notify .got_it_btn {
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
  transition: background 0.3s;
}
.pop_up_notify .got_it_btn:hover {
  background: #222;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.table-xs th,
.table-xs td {
  padding: 0.1rem 0.3rem !important;
  font-size: 10px !important;
}
.barton_note {
  font-size: 15px;
  font-weight: 600;
  text-shadow: 1px 1px lemonchiffon;
}
select.form-control.small {
  background-size: 18px;
  height: 35px !important;
  border-color: #666;
  color: #666;
  font-size: 14px !important;
  border-radius: 50px !important;
}
.state_list .header_box {
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-left: 2px solid #0f52ba;
  background: linear-gradient(to left, rgba(15, 82, 186, 0.02), rgba(15, 82, 186, 0.05), rgba(15, 82, 186, 0.08), rgba(15, 82, 186, 0.1));
  font-size: 13px;
  font-weight: 600;
  padding: 3px 0 3px 10px;
}
.state_list .small_card {
  background-color: white;
  padding: 2px 10px;
  border-radius: 8px;
  font-size: 13px;
  border: 1px solid #e8e8e8;
  color: #555;
  font-weight: 600;
}
.state_list .divi_box {
  margin-top: 4px;
  margin-bottom: 4px;
  background: transparent;
}
.marketing_country_box {
  border: 1px solid #f1f1f1;
  padding: 5px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.marketing_country_box .uni_row {
  border: 1px solid #CFECF7;
  padding: 5px 10px 0;
  margin-bottom: 5px;
  border-radius: 5px;
  display: grid;
  grid-gap: 10px 10px;
  grid-template-columns: repeat(3, 1fr);
}
.marketing_country_box .uni_row .form-control.sm {
  height: 35px !important;
  border-color: #ddd !important;
  background-image: none !important;
  font-size: 14px !important;
}
.grid2 {
  display: grid;
  grid-gap: 10px 10px;
  grid-template-columns: repeat(2, 1fr);
}
.menu_grid {
  margin-top: 20px;
  display: grid;
  grid-gap: 20px 10px;
  grid-template-columns: repeat(6, 1fr);
}
.menu_grid .link_box {
  font-size: 13px;
  box-shadow: 0 0 10px #ede2e3;
  background-color: white;
  border-radius: 5px;
  padding: 12px 10px;
  height: 80px;
  cursor: pointer;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  color: #343a40 !important;
  position: relative;
}
.menu_grid .link_box .menu_info > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 90%;
}
.menu_grid .link_box .new-link-label {
  position: absolute;
  right: -3px;
  top: -3px;
  padding: 0 10px !important;
  font-size: 0.7rem;
  border-radius: 50px;
  background: linear-gradient(to right, rgba(245, 184, 98, 0.87), #1890ff);
  color: white;
  transform: rotate(15deg);
  font-weight: 500;
  letter-spacing: 2px;
}
.menu_grid .link_box .down-arrow-icon {
  font-size: 18px;
  font-weight: 600;
  color: #555;
  width: 50px;
}
.menu_grid .link_box .arrow-icon {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 20px;
  font-weight: 600;
  width: 50px;
  text-align: right;
}
.menu_grid .link_box .arrow-icon2 {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 20px;
  font-weight: 600;
  width: 50px;
  text-align: right;
}
.menu_grid .link_box .borderBox {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right, rgba(245, 184, 98, 0.87), #1890ff);
  height: 3px;
  width: 100%;
  left: 0;
}
.menu_grid .sub_menu {
  margin-left: 40px;
  margin-top: 10px;
  position: absolute;
  width: 95%;
  left: 0;
  z-index: 1;
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  animation: fadeIn 0.25s ease;
}
.menu_grid .sub_menu .sub_menu_grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px 10px;
}
.menu_grid .sub_menu .borderBox {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to right, rgba(245, 184, 98, 0.87), #1890ff);
  height: 5px;
  width: 100%;
  left: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.app_card {
  padding: 15px;
  font-size: 13px;
  color: #555;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #f1f1f1 !important;
  background-clip: border-box;
  border: 2px solid #f1f1f1;
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
}
.app_card.selected {
  border: 2px solid #0f52ba;
}
.app_card .singleIntakeBox-check {
  position: absolute;
  right: 10px;
  height: 25px;
  top: 10px;
}
.form_label {
  font-size: 14px;
  font-weight: 600;
  color: #000000a6;
  margin-bottom: 5px;
}
.sort-box-table2 {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 15px;
  font-weight: 500;
}
.small-task-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.small-task-list .single-task {
  padding: 5px;
  border: 1px solid #5cb85c;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.small-task-list .single-task .project {
  font-weight: 600;
  margin-bottom: 3px;
  color: #1890ff;
}
@media (max-width: 1400px) {
  .discoverButton {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 560px) {
  .listing-section-mobile-view {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .unizHomeTopHeader {
    display: flex;
    flex-direction: column;
  }
  .unizHomeTopHeader .forexIcons {
    height: auto;
    width: 40px;
  }
  .unizHomeTopHeader .unizHomeDashboardCallback {
    width: 100% !important;
    margin-left: 0;
  }
  .unizHomeTopHeader .unizHomeDashboardCallback .bookText {
    font-size: 13px;
  }
  .unizHomeTopHeader > div:last-child {
    margin-left: 0 !important;
  }
  .unizHomeTopHeader > div:last-child .btn.lg {
    padding: 5px 20px !important;
  }
  .unizHomeTopHeader .box--1 {
    grid-template-columns: 100%;
    grid-gap: 5px;
  }
  .online_btn_block {
    display: flex;
    gap: 3px;
    justify-content: flex-start;
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .udaan_filter {
    width: 100%;
    margin-top: 20px;
  }
  .pattern-img {
    position: relative;
    height: auto !important;
  }
  .card-pane-right.listing-section {
    position: relative;
  }
  .map-section img {
    height: auto;
  }
  #loginForm.login-main {
    height: 100% !important;
    position: relative;
    flex-direction: column;
    min-height: 100vh;
  }
  #loginForm.login-main .navbar-fix {
    position: relative;
  }
}
/* Front menu for redesigned home page */
.front-home-header {
  background: #eef3f9;
  position: relative;
  z-index: 20;
}
.front-home-header .container {
  max-width: 1240px !important;
  width: 100%;
}
.front-home-nav {
  padding: 26px 0 14px;
}
.front-home-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
}
.front-brand {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.front-brand img {
  width: 236px;
  max-width: 100%;
  object-fit: contain;
}
.front-menu-wrap {
  display: flex;
  align-items: center;
  gap: 28px;
  flex: 1;
}
.front-nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.front-nav-link {
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
  color: #1d2433 !important;
  text-decoration: none !important;
  cursor: pointer;
}
.front-nav-link.active {
  color: #1f56d9 !important;
}
.front-auth-actions {
  display: flex;
  align-items: center;
}
.front-auth-actions > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.front-auth-btn {
  height: 42px;
  min-width: 120px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 0 24px;
  border: 1px solid transparent;
}
.front-auth-btn.register {
  border-color: #bdc6d4;
  background: #eef3f9;
  color: #111c2f;
}
.front-auth-btn.login {
  border-color: #1f56d9;
  background: #1f56d9;
  color: #fff;
}
.front-menu-toggle {
  display: none;
  border: 1px solid #b7c3d9;
  background: #fff;
  color: #1d2433;
  border-radius: 8px;
  padding: 8px 14px;
  font-weight: 600;
}
/* Header nav + register button style alignment */
header ul.navbar-nav > li,
.front-nav-links > .front-nav-link {
  font-size: 15px;
  text-transform: capitalize;
  margin-left: 25px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.front-nav-links > .front-nav-link:first-child {
  margin-left: 0;
}
header ul.navbar-nav > li button.btn_white,
.front-auth-btn.register {
  background: white;
  color: black !important;
  border-radius: 50px;
  padding: 2px 18px;
  text-transform: capitalize;
  display: flex;
  height: 34px !important;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid #c1c1c1;
  box-shadow: none;
}
/* Requested banner heading sizing */
section.banner .content h1 {
  font-size: 48px;
  margin: 0 0 30px;
}
/* Home page shared styles */
.home-like-page {
  background: #f3f5f9;
  color: #15243f;
}
.home-like-page .hero {
  position: relative;
  min-height: 760px;
  background: #eef3f9;
  overflow: hidden;
}
.home-like-page .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/image/banner.png') no-repeat center bottom;
  background-size: 100% auto;
  opacity: 1;
}
.home-like-page .hero .container {
  position: relative;
  z-index: 1;
  padding-top: 94px;
  padding-bottom: 120px;
}
.home-like-page .hero-content {
  max-width: 620px;
  padding-left: 12px;
}
.home-like-page .hero h1 {
  margin: 0;
  font-size: 64px;
  line-height: 1.05;
  letter-spacing: -0.6px;
  font-weight: 600;
  color: #101b31;
}
.home-like-page .hero h1 span {
  color: #1f56d9;
}
.home-like-page .hero p {
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 600;
  color: #2f4063;
  max-width: 560px;
}
.home-like-page .apply-btn {
  margin-top: 24px;
  min-width: 200px;
  height: 52px;
  border: none;
  border-radius: 4px;
  background: #1f56d9;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
}
.home-like-page .apply-btn img {
  width: 15px;
  height: 15px;
  filter: brightness(10);
}
.home-like-page .featured-strip {
  background: #fff;
  border-top: 1px solid #e7ecf3;
  border-bottom: 1px solid #e7ecf3;
  padding: 18px 0 26px;
}
.home-like-page .section-title {
  text-align: center;
  margin: 0 0 12px;
  color: #394866;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}
.home-like-page .logos-carousel {
  position: relative;
  overflow: hidden;
  padding-bottom: 22px;
}
.home-like-page .logos-carousel::after {
  content: '....................................';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  color: #2f4f93;
  letter-spacing: 3px;
  font-size: 16px;
}
.home-like-page .logos-track {
  display: flex;
  align-items: center;
  width: 100%;
}
.home-like-page .logo-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
}
.home-like-page .logo-item img {
  max-width: 100%;
  width: 190px;
  height: 52px;
  object-fit: contain;
}
.home-like-page .steps-section {
  padding: 62px 0;
  background: #f3f5f9;
  border-bottom: 1px solid #e5eaf1;
}
.home-like-page .steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 28px;
}
.home-like-page .step-card {
  text-align: center;
}
.home-like-page .step-icon {
  width: 118px;
  height: 118px;
  border: 3px solid #1f56d9;
  border-radius: 50%;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-like-page .step-icon img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.home-like-page .step-card h4 {
  margin: 0 0 9px;
  color: #132e67;
  font-size: 18px;
  font-weight: 600;
}
.home-like-page .step-card p {
  margin: 0 auto;
  max-width: 240px;
  color: #516283;
  font-size: 14px;
  line-height: 1.55;
}
.home-like-page .cards-section {
  padding: 66px 0;
  background: #f5f7fb;
}
.home-like-page .cards-head,
.home-like-page .map-head {
  text-align: center;
  max-width: 980px;
  margin: 0 auto 28px;
}
.home-like-page .cards-head h3,
.home-like-page .map-head h3 {
  margin: 0 0 10px;
  color: #172f66;
  font-size: 26px;
  font-weight: 600;
}
.home-like-page .cards-head p,
.home-like-page .map-head p {
  margin: 0;
  color: #4b5f83;
  font-size: 15px;
  line-height: 1.72;
}
.home-like-page .cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 18px;
}
.home-like-page .info-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e6ebf4;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(14, 33, 73, 0.08);
}
.home-like-page .info-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}
.home-like-page .info-card .content {
  padding: 14px 14px 18px;
}
.home-like-page .info-card h4 {
  margin: 0 0 7px;
  color: #1f56d9;
  font-size: 16px;
  font-weight: 600;
}
.home-like-page .info-card p {
  margin: 0;
  color: #4f627f;
  font-size: 14px;
  line-height: 1.55;
}
.home-like-page .map-section {
  padding: 70px 0 0;
  background: #f3f5f9;
}
.home-like-page .map-wrap {
  text-align: center;
}
.home-like-page .map-wrap img {
  max-width: 800px;
  width: 100%;
}
.home-like-page .journey-title {
  margin: 24px 0 0;
  text-align: center;
  color: #172f66;
  font-size: 24px;
  font-weight: 600;
}
.home-like-page .journey-links {
  margin-top: 16px;
  padding-bottom: 28px;
}
.home-like-page .journey-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 18px;
}
.home-like-page .journey-actions .btn {
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 6px;
  background: #1f56d9;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.home-like-page .city-footer-pattern {
  margin-top: 8px;
}
.home-like-page .city-footer-pattern img {
  width: 100%;
  max-height: 210px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .front-home-nav {
    padding: 18px 0;
  }
  .front-brand img {
    width: 190px;
  }
  .front-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .front-menu-wrap {
    display: none;
    position: absolute;
    top: 84px;
    left: 12px;
    right: 12px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 16px 30px rgba(13, 33, 69, 0.15);
    padding: 18px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    z-index: 25;
  }
  .front-menu-wrap.open {
    display: flex;
  }
  .front-nav-links {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .front-nav-link {
    font-size: 16px;
  }
  .front-auth-btn {
    font-size: 15px;
    min-width: 110px;
    height: 40px;
  }
  .home-like-page .hero h1 {
    font-size: 48px;
  }
  .home-like-page .hero::before {
    background-size: cover;
  }
  .home-like-page .steps-grid,
  .home-like-page .cards-grid,
  .home-like-page .journey-actions {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}
@media (max-width: 640px) {
  .front-home-header .container {
    padding-left: 14px;
    padding-right: 14px;
  }
  .front-brand img {
    width: 165px;
  }
  .front-auth-actions > div {
    width: 100%;
  }
  .front-auth-btn {
    flex: 1;
  }
  .home-like-page .hero {
    min-height: 620px;
  }
  .home-like-page .hero .container {
    padding-top: 58px;
    padding-bottom: 80px;
  }
  .home-like-page .hero h1 {
    font-size: 34px;
  }
  .home-like-page .hero p {
    font-size: 14px;
  }
  .home-like-page .steps-grid,
  .home-like-page .cards-grid,
  .home-like-page .journey-actions {
    grid-template-columns: 1fr;
  }
  .home-like-page .logos-carousel::after {
    display: none;
  }
}
html,
body,
#root,
.ant-layout,
.ant-menu,
.ant-btn,
.ant-typography,
.ant-form,
.ant-input,
.ant-select,
.ant-table,
.ant-card,
.ant-modal,
.ant-drawer {
  font-family: 'Poppins', sans-serif !important;
}
.ant-select-arrow,
.ant-select-focused .ant-select-arrow,
.ant-select-open .ant-select-arrow,
.ant-select-selection:hover .ant-select-arrow {
  background: transparent !important;
  background-color: transparent !important;
}