/* This file is reserved for overriding and extending the template styles. */
:root {
  --animation-font-size: 3rem;
  --space-value: calc(var(--animation-font-size) * 2);
  --animation-pad-left: calc(var(--space-value) * 2.1);
  --newprimary: #1C4E79;
  --newprimaryHover: #197cd4;
}

@media (max-width: 600px) {
  :root {
    --animation-font-size: 2rem;
  }
}

.loading-section {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-text {
  padding: 0 var(--space-value);
  position: relative;
}

.loading-text h2 {
  font-size: var(--animation-font-size);
  z-index: 1;
  color: #1975bf;
}

.loading-text span {
  /* background-color: #ea1c23; */
  /* color: #fff; */
  position: relative;
  z-index: 1;
  animation: changeColor 4s ease-in-out infinite;
}

.loading-text::before {
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--space-value);
  position: absolute;
  background-color: rgb(234, 28, 35);
  color: #fff;
  z-index: -1;
  animation: slides 4s ease-in-out infinite;
  animation-direction: alternate-reverse;
}

.loading-section .progress {
  background-color: #f1f1f1;
}

.loading-section .progress-bar.bg-primary {
  background-color: #1ea8e7 !important;
}

.loading-section .min-width {
  min-width: 300px;
}

@keyframes changeColor {
  0% {
    color: #1975bf;
  }

  40% {
    color: #fff;
  }

  50% {
    color: #fff;
  }

  60% {
    color: #fff;
  }

  100% {
    color: #1975bf;
  }
}

@keyframes slides {
  0% {
    left: 0px;
    width: calc(var(--space-value) - 20px);
  }

  40% {
    left: var(--animation-pad-left);
    width: var(--space-value);
    z-index: -1;
  }

  50% {
    left: 0%;
    width: 100%;
    z-index: -1;
  }

  60% {
    left: var(--animation-pad-left);
    width: var(--space-value);
    z-index: -1;
  }

  100% {
    left: calc(100% - var(--space-value));
    right: 0;
    width: calc(var(--space-value) - 20px);
  }
}

ml-0 {
  margin-left: 0px !important;
}

mr-0 {
  margin-right: 0px !important;
}

ml-1 {
  margin-left: 0.25rem !important;
}

mr-1 {
  margin-right: 0.25rem !important;
}

#menu>li>a>span.label {
  color: #1c1d1f;
}

.bg-light-success {
  background-color: #2ab34938;
}

@media only screen and (max-width : 600px) {
  .d-sm-none {
    display: none;
  }

  .maxHeightCard {
    max-height: auto;
    overflow-y: none;
  }

  .HomePage {
    padding-bottom: 140px;
  }
}

@media only screen and (max-width:768px) {
  .paddingBottomPage {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width : 600px) {
  .maxHeightCard {
    max-height: 320px;
    overflow-y: auto;
  }

  .HomePage {
    padding-bottom: 85px;
  }

  .marginBottomPage {
    margin-bottom: 150px;
  }

  /* .paddingBottomPage {
    padding-bottom: 50px;
  } */
}

#userProfileTab a {
  padding-top: 5px;
  border-top: 2px solid transparent;
}

#userProfileTab a.active, #reportdata a.active {
  border-top: 2px solid #1B98E0;
}

.min-vh-50 {
  min-height: 50vh;
}

.min-vh-60 {
  min-height: 60vh;
}

.min-vh-70 {
  min-height: 70vh;
}

.course.card {
  box-shadow: none !important;
}

.bg-lightgreen {
  background-color: #bdedbd;
}

.bg-light-dark {
  background-color: #e1dfdf;
}

.blink {
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.move-laptop-screen {
  animation: screenColorChange 2s ease-in-out infinite;
}

.move-laptop-screen-download {
  animation: moveupdown 2s ease-in-out infinite;
}

.move-laptop-screen-download-arrow {
  animation: arrowmoveupdown 2s ease-in-out infinite;
}

.move-laptop-line1 {
  animation: line1 2s ease-out forwards;
  animation-delay: 2s;
  opacity: 0;
}

.move-laptop-line2 {
  animation: line2 2s ease-out forwards;
  animation-delay: 3s;
  opacity: 0;
}

.move-laptop-line3 {
  animation: line3 2s ease-out forwards;
  animation-delay: 4s;
  opacity: 0;
}

@keyframes line1 {
  0% {
    transform: translate(-233.069px, -128.9026px);
    opacity: 0;
  }

  100% {
    transform: translate(-233.069px, -98.9026px);
    opacity: 1;
  }
}

@keyframes line2 {
  0% {
    transform: translate(-233.069px, -128.9026px);
    opacity: 0;
  }

  100% {
    transform: translate(-232.069px, -99.9026px);
    opacity: 1;
  }
}

@keyframes line3 {
  0% {
    transform: translate(-233.069px, -128.9026px);
    opacity: 0;
  }

  100% {
    transform: translate(-233.069px, -100.9026px);
    opacity: 1;
  }
}

@keyframes screenColorChange {
  0% {
    fill: #9ab3c0;
  }

  50% {
    fill: #00b0ff;
  }

  100% {
    fill: #9ab3c0;
  }
}

@keyframes moveupdown {
  0% {
    fill: #9ab3c0;
    transform: translate(-233.06876px, -88.90261px)
  }

  50% {
    fill: #00b0ff;
    transform: translate(-233.06876px, -128.90261px)
  }

  100% {
    fill: #9ab3c0;
    transform: translate(-233.06876px, -88.90261px)
  }
}

@keyframes arrowmoveupdown {
  0% {
    transform: translateY(10px)
  }

  50% {
    transform: translateY(-50px)
  }

  100% {
    transform: translateY(10px)
  }
}

.min-width {
  min-width: 300px;
}

.loadingPage .progress {
  background-color: #e0e3e7;
  border-radius: 10px;
}

.loadingPage .progress .progress-bar {
  background-color: #00b0ff !important;
  border-radius: 10px;
}

body.spinner {
  /* height: 100vh; */
  overflow: hidden;
}

body.spinner .content-opacity {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

body #nav.disable-nav:after {
  content: '';
  position: fixed;
  width: 100%;
  height: inherit;
  top: 0;
  left: 0;
  z-index: 1200;
  background-color: #a8a9a82e;
}


.btn-link {
  cursor: pointer;
}

.modal-open #contentArea {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.moreDescription {
  display: none;
}

.moreDescription.show {
  display: inherit;
}

.readmore {
  cursor: pointer;
  font-weight: bold;
}

.card-head {
  min-height: 70px;
}

@media only screen and (min-width: 992px) {
  .offset-md-2 {
    margin-left: 0%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1024px) {
  .offset-md-2 {
    margin-left: 0%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }

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

@media only screen and (min-width: 1121px) {
  .offset-md-2 {
    margin-left: 7%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1167px) {
  .offset-md-2 {
    margin-left: 4%;
  }
}

@media only screen and (min-width: 1179px) {
  .offset-md-2 {
    margin-left: 5.5%;
  }
}

@media only screen and (min-width: 1200px) {
  .offset-md-2 {
    margin-left: 7.6%;
  }
}

@media only screen and (min-width: 1250px) {
  .offset-md-2 {
    margin-left: 10%;
  }
}

@media only screen and (min-width: 1300px) {
  .offset-md-2 {
    margin-left: 12.5%;
  }
}

@media only screen and (min-width: 1360px) {
  .offset-md-2 {
    margin-left: 15.66667%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1400px) {
  .offset-md-2 {
    margin-left: 17.66667%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1450px) {
  .offset-md-2 {
    margin-left: 19.66667%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1500px) {
  .offset-md-2 {
    margin-left: 20.66667%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1700px) {
  .offset-md-2 {
    margin-left: 24.66667%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1800px) {
  .offset-md-2 {
    margin-left: 28%;
  }

  .mgtop-minus {
    margin-top: -90px;
  }
}

@media only screen and (min-width: 1900px) {
  .offset-md-2 {
    margin-left: 30%;
  }

  .mgtop-minus {
    margin-top: -110px;
  }
}

@media only screen and (min-width: 2000px) {
  .offset-md-2 {
    margin-left: 31%;
  }

  .mgtop-minus {
    margin-top: -120px;
  }
}

@media only screen and (min-width: 2150px) {
  .offset-md-2 {
    margin-left: 33%;
  }

  .mgtop-minus {
    margin-top: -120px;
  }
}

@media only screen and (min-width: 2250px) {
  .offset-md-2 {
    margin-left: 34%;
  }

  .mgtop-minus {
    margin-top: -120px;
  }
}

@media only screen and (min-width: 2400px) {
  .offset-md-2 {
    margin-left: 36%;
  }

  .mgtop-minus {
    margin-top: -120px;
  }
}

@media only screen and (min-width: 2600px) {
  .offset-md-2 {
    margin-left: 37%;
  }

  .mgtop-minus {
    margin-top: -120px;
  }
}

@media only screen and (min-width: 2700px) {
  .offset-md-2 {
    margin-left: 31%;
  }

  .mgtop-minus {
    margin-top: -160px;
  }

  .mgtop-minus .display-3 {
    font-size: 3.15em;
  }

  .mgtop-minus p.h6 {
    font-size: 1.5em;
  }

  .mgtop-minus .btn {
    font-size: 1.5em;
  }
}

.react-datepicker-popper {
  z-index: 9999 !important;
}

.line-breaks p {
  white-space: pre-wrap;
}

.fontInc svg {
  width: 23px !important;
  height: 23px !important;
}

.filled.box>svg {
  top: 8px !important;
}

.filled.box .react-select__control {
  min-height: 0 !important;
  max-height: 34px !important;
}

.widthselector {
  width: 110px !important;
}

.border-rad {
  border-radius: var(--border-radius-md);
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

/* .player-wrapper {
    position: relative;
    padding-top: 0.25%;
    width: 100%;
    height: 100%;
  }
  
  .react-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
  } */


.controls {
  width: 100%;
  height: 8.0971659919028340080971659919028%;
  /* of figure's height */
  position: relative;
}


.controls[data-state=hidden] {
  display: none;
}

.controls[data-state=visible] {
  display: block;
}

.controls>* {
  float: left;
  width: 3.90625%;
  height: 100%;
  margin-left: 0.1953125%;
  display: block;
}

.controls>*:first-child {
  margin-left: 0;
}

.controls .progress {
  cursor: pointer;
  width: 75.390625%;
}

.controls button {
  border: none;
  cursor: pointer;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
}

.controls button:hover, .controls button:focus {
  opacity: 0.5;
}

.controls button[data-state="play"] .cs-icon.play {
  display: block;
  color: #0095dd;
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAA ... '); */
}

.controls button[data-state="play"] .cs-icon.pause {
  display: none;
}

.controls button[data-state="pause"] .cs-icon.play {
  display: none;
}

.controls button[data-state="pause"] .cs-icon.pause {
  display: block;
  color: #0095dd;
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAA ... '); */
}

.controls progress {
  display: block;
  width: 100%;
  height: 81%;
  margin-top: 0.125rem;
  border: none;
  color: #0095dd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.controls progress[data-state="fake"] {
  background: #e6e6e6;
  height: 65%;
}

.controls progress span {
  width: 0%;
  height: 100%;
  display: inline-block;
  background-color: #2a84cd;
}


.controls button[data-state="unmute"] .cs-icon.volume-2 {
  display: block;
  color: #0095dd;
}

.controls button[data-state="unmute"] .cs-icon.volume-off {
  display: none;
}

.controls button[data-state="mute"] .cs-icon.volume-2 {
  display: none;
}

.controls button[data-state="mute"] .cs-icon.volume-off {
  display: block;
  color: #0095dd;
}



.controls button[data-state="go-fullscreen"] .expand-diagonal-2 {
  display: block;
  color: #0095dd;
}

.controls button[data-state="go-fullscreen"] .shrink-diagonal-2 {
  display: none;
}

.controls button[data-state="go-default"] .expand-diagonal-2 {
  display: none;
}

.controls button[data-state="go-default"] .shrink-diagonal-2 {
  display: block;
  color: #0095dd;
}

.controls progress::-moz-progress-bar {
  background-color: #0095dd;
}

.controls progress::-webkit-progress-value {
  background-color: #0095dd;
}



.player-wrapper {
  width: 100%;
  /* max-width: 1000px; */
  /* height: 400px; */
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  margin-inline: auto;
  background-color: #1c1d1f;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.player-wrapper video {
  width: 100%;
}

#video-player-id {
  height: 100% !important;
  width: auto !important;
}

.player-wrapper .player-controls-container {
  position: absolute;
  left: 0;
  bottom: -10px;
  color: white;
  z-index: 100;
  opacity: 0;
  transition: all 150ms ease-in-out;
}

/* .player-wrapper:not(:hover) .player-controls-container{
  transition-delay: 15000ms;
 } */

.player-wrapper[data-video-state="mouse-move"] .player-controls-container[data-video-controls="true"],
/* .player-wrapper:hover .player-controls-container, */
.player-wrapper:focus-within .player-controls-container[data-video-controls="true"],
.player-wrapper.paused .player-controls-container[data-video-controls="true"],
.player-wrapper .player-controls-container[data-video-controls="true"]:hover {
  opacity: 1;
  bottom: 0;
}


.player-wrapper .player-controls-container {
  display: flex;
  gap: .5rem;
  padding: .25rem;
  align-items: center;
  width: 100%;
}

.player-wrapper .player-controls-container .player-controls {
  display: flex;
  width: 100%;
  align-items: center;
}

.player-wrapper .player-controls-container .player-controls button {
  background: none;
  border: none;
  color: inherit;
  padding: 0;
  height: 30px;
  width: 30px;
  font-size: 1.1rem !important;
  cursor: pointer;
  opacity: .75;
  background-color: #1a74be;
  border-radius: 10px;
  transition: opacity 150ms ease-in-out;
  margin: auto 5px;
}



.player-hidden-container {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 90%;
}

.player-controls-container::before {
  content: '';
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
  width: 100%;
  aspect-ratio: 6 / 1;
  z-index: -1;
  pointer-events: none;
}

.player-wrapper .player-controls-container .player-controls button:hover {
  opacity: 1;
}


.play-btn-big {
  position: absolute;
  height: 50px;
  width: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0095dd;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  border-radius: 10px;
  opacity: 0;
}

.player-wrapper.paused .play-btn-big {
  opacity: 1;
  transition: opacity 150ms ease-in-out;
  cursor: pointer;
  z-index: 11;
}


.full-screen-btn, .mute-btn, .play-pause-btn {
  position: relative;
}

.full-screen-btn .hidden-div,
.mute-btn .hidden-div,
.play-pause-btn .hidden-div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

}



.player-wrapper:not(.paused) .player-controls button .cs-icon.play {
  display: none;
}


.player-wrapper.paused .player-controls button .cs-icon.pause,
.player-wrapper.paused .player-controls .play-pause-btn div.pause {
  display: none;
}

.player-wrapper.paused .player-controls .play-pause-btn div.play {
  display: block;
}

.player-wrapper:not(.paused) .player-controls .play-pause-btn div.pause {
  display: block;
}



.player-wrapper.video-fullscreen .player-controls button .cs-icon.expand-diagonal-2,
.player-wrapper.video-fullscreen .player-controls button div.expand-diagonal-2 {
  display: none;
}

.player-wrapper:not(.video-fullscreen) .player-controls button .cs-icon.shrink-diagonal-2,
.player-wrapper:not(.video-fullscreen) .player-controls button div.shrink-diagonal-2 {
  display: none;
}


.player-wrapper.video-fullscreen {
  width: 100%;
}

.player-wrapper button .volume-off, .player-wrapper button .volume-2 {
  display: none;
}

.player-wrapper[data-volume-state="muted"] button .volume-off {
  display: block;
}

.player-wrapper[data-volume-state="unmute"] button .volume-2 {
  display: block;
}

.player-wrapper.video-fullscreen .react-player {
  width: 100% !important;
  height: 100% !important;
}

.volume-controls {
  display: flex;
  width: 100px;
  align-items: center;
  justify-content: center;
}

.volume-controls .mute-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.volume-controls #videoVolumeSlider {
  width: 50px;
}


.duration-container {
  display: flex;
  align-items: center;
  gap: .25rem;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  margin-right: 5px;
  width: 100px;
  height: 7px;
  background: rgb(255 255 255 / 36%);
  border-radius: 5px;
  background-image: linear-gradient(#155990, #155990);
  background-size: 100%;
  background-repeat: no-repeat;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #0871c6;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline-container {
  display: flex;
  height: 7px;
  margin-inline: .5rem;
  flex-grow: 1;
  cursor: pointer;
  align-items: center;
}

.video-timeline {
  background-color: rgba(211, 211, 211, 0.447);
  height: 3px;
  width: 100%;
  position: relative;
}

.hover-time {
  position: absolute;
  top: 0px;
  left: calc(var(--preview-position) * 1%);
  height: 30px;
  width: 50px;
  background-color: #bcbcbc;
  color: #1c1d1f;
  font-size: 16px;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid white;
  bottom: 0;
  transform: translateX(-50%);
  pointer-events: none;
}

.video-timeline:hover .hover-time {
  opacity: 1;
  top: -50px;
  transition: all 200ms ease-in-out;
}

.video-timeline::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: calc(100% - var(--preview-position) * 1%);
  background-color: #bfc8cca2;
  display: none;
}

.video-timeline::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: calc(100% - var(--progress-position) * 100%);
  background-color: #0095dd;
  border-radius: 5px;
  /* display: none; */
}

.video-timeline .loaded-video {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: calc(100% - var(--loaded-position) * 100%);
  background-color: #bcbcbc;
  border-radius: 5px;
}



.video-timeline .thumb-indicator {
  --scale: 0;
  position: absolute;
  height: 200%;
  top: -50%;
  transform: translateX(-50%) scale(var(--scale));
  left: calc(var(--progress-position) * 100%);
  background-color: #0095dd;
  border-radius: 50%;
  transition: transform 150ms ease-in-out;
  aspect-ratio: 1 / 1;
}

.timeline-container:hover .video-timeline::before {
  display: block;
  border-radius: 5px;
}

.timeline-container:hover .thumb-indicator {
  --scale: 1;
}

.timeline-container:hover .video-timeline {
  height: 150%;
  border-radius: 5px;
}

.video-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.player-wrapper[data-buffer-state="unbuffer"] .video-loader {
  opacity: 0;
  transition: all 150ms ease-in-out;
}

.player-wrapper[data-buffer-state="buffer"] .video-loader {
  opacity: 1;
  transition: all 150ms ease-in-out;
}


.play-btn-big svg {
  width: 25px;
  height: 25px;
}

@media (max-width: 768px) {
  .shortcut-btn, .volume-slider {
    display: none;
  }

  .volume-controls {
    width: auto;
  }
}

.video-wide {
  width: 50px !important;
}

.videoSpeedContainer {
  position: relative;
}

.VideoSpeedBtns {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 105%;
  right: 0;
  background-color: #00ffff40;
  border-radius: 5px !important;
  overflow: hidden;
  opacity: 0;
}

.videoSpeedContainer:hover .VideoSpeedBtns {
  opacity: 1;
  transition: all 150ms ease-in;
}

.VideoSpeedBtns button {
  width: 60px !important;
  text-align: center !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
}

.VideoSpeedBtns button.btn-outline-primary {
  color: #1a74be !important;
  background-color: white !important;
}

.VideoSpeedBtns button.btn-primary {
  color: white !important;
}

@media (max-width: 380px) {
  .player-wrapper .player-controls-container .player-controls button {
    margin: auto 2px;
  }

  /* .timeline-container{
      display: none !important;
    } */
  .video-speed-btn {
    font-size: 14px !important;
  }

  .wide {
    width: 40px !important;
  }
}

@media (max-width: 600px) {
  .duration-container .current-time, .duration-container .total-time, .video-speed-btn {
    font-size: 12px !important;
  }

  .video-wide {
    width: 38px !important;
  }

  .player-controls {
    position: relative;
  }

  .timeline-container {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    transition: all 200ms ease;
  }

  .volume-controls {
    margin-left: auto;
  }
}

.showHideControls {
  background: none;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.showHideControls button.showHideControlsBtn {
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  z-index: 100;
  position: relative;
  color: #ffffff;
  border-radius: 10px;
}

.showHideControls button.showHideControlsBtn:hover {
  background-color: #0093dd7d !important;
}

.player-wrapper.paused .player-controls-container[data-video-controls="false"],
.player-wrapper[data-video-state="mouse-move"] .player-controls-container[data-video-controls="false"] {
  bottom: -10px !important;
  opacity: 0 !important;
}

.react-time-picker {
  width: 100%;
  height: 36px;
}

.react-time-picker__wrapper {
  border-color: #dddddd !important;
  border-radius: 4px;
}

.react-time-picker__wrapper .react-time-picker__button svg {
  stroke-width: 2px !important;
  stroke: #61c6d8 !important;
}

.box-card {
  background-color: transparent;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  .box-card {
    width: 100% !important;
  }
}

.box-card>div {
  background-color: white;
  box-shadow: 0 4px 10px rgb(0 0 0 / 3%) !important;
}

.listicon {
  cursor: pointer;
}

.boxview .cardbgImage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  cursor: pointer;
}

.listview .cardbgImage {
  background-image: none !important;
}

.boxview .cardbgImage::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #67676780;
  width: 100%;
  height: 100%;
}

.file-icon span {
  z-index: 1;
}

.boxview .file-icon span svg {
  height: 50px;
  width: 50px;
}

.boxview .icon-40 {
  font-size: 40px;
  font-weight: bold;
}

.listview .icon-40 {
  font-size: 20px;
  font-weight: bold;
}

/* .bg-overlay{
  } */

.me-card-sm {
  margin-right: 1rem;
}

.mb-card-sm {
  margin-bottom: 1rem;
}

.dropdown-menu {
  font-size: 1rem;
}

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

.iconnumber {
  font-size: 15px;
  top: -14px;
  right: -10px;
}

/* .iconnumber .badge {
  border-radius: 50%;
} */

.mincardheight {
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-truncate {
  max-width: 100%;
}

.marquee {
  width: 100%;
  line-height: 50px;
  /* background-color: red; */
  color: white;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
}

.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.position-absolute {
  position: absolute;
}

.marquee-text {
  font-size: 20px;
  color: white;
  text-shadow: black 5px 5px 10px;
  opacity: 0.5;
}

html[data-placement=horizontal] .nav-container .dropdown-menu.wide, html[data-placement=vertical] .nav-container .dropdown-menu.wide {
  padding: 20px;
}


#reportdataNav-tabpane-tests .accordion .card .show:nth-child(1) {
  margin-top: 10px;
}

.img-flag {
  position: absolute;
  top: 7px;
  left: 7px;
}

.date-badge {
  font-size: 0.8em;
}

.icon-size svg {
  height: 70px;
  width: 70px;
}

.icon-sm {
  height: 13px;
  width: 13px;
}

.ReadOnly {
  position: relative;
}

.ReadOnly::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f3e1e18f;
}


/* Course Landing page */
.course-lp-container {
  max-width: 1200px;
  margin: auto;
}

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

.two-col {
  width: 100%;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

.two-col li {
  width: 50%;
  padding: 5px 0;
}

.ud-sr-only {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
  line-height: 0px;
}

.original-price {
  font-size: 12px !important;
}

.text-gray {
  color: #c3bdbd;
}

.course-info-list {
  list-style: none;
  padding-left: 0;
  padding-top: 5px;
}

.course-info-list li {
  display: flex;
  gap: 10px;
  font-size: 13px;
  padding-top: 5px;
}

.card-width .card {
  background-color: #fff !important;
  /* box-shadow: 0 4px 10px rgb(0 0 0 / 36%) !important; */
}

.g-10 {
  gap: 10px;
}

/* .play-btn-big{
  opacity: 0.7;
}
.img-div:hover .play-btn-big{
  opacity: 1;
  transition: 300ms;
} */
.course-title-sticky {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 100;
}

@media (max-width: 767px) {
  .two-col li {
    width: 100%;
  }

  .course-title-sticky {
    position: fixed;
    top: 60px;
  }
}

.card-body.border-radius-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media (min-width: 768px) {
  .card-width {
    width: 36%;
    max-width: 350px;
  }

  .postition-sticky {
    position: absolute;
  }

  .position-fix {
    position: fixed;
    z-index: 101;
  }

  .hide-d-none {
    opacity: 0;
    display: none;
    transition: all 200ms ease-in;
    /* animation: hideOnScroll 400ms normal forwards; */
  }

  .OpacOnScroll {
    animation: OpacOnScroll 500ms ease;
  }

  .OpacOnScroll2 {
    animation: OpacOnScroll2 500ms ease;
  }
}

.bg-black-darker {
  background-color: #1c1d1f !important;
}

@keyframes OpacOnScroll {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes OpacOnScroll {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes hideOnScroll {
  0% {
    opacity: 1;
    height: 100%;
    display: block;
  }

  50% {
    opacity: 0.5;
    height: 50%;
  }

  100% {
    opacity: 0;
    height: 0;
    display: none;
  }
}

@media (min-width: 900px) {
  .card-width {
    width: 36%;
    max-width: 350px;
  }

  .max-60vw {
    max-width: 60vw;
  }
}

@media (min-width: 1000px) {
  .card-width {
    width: 30%;
    max-width: 235px;
  }

  .t-lg-3 {
    top: 1rem !important;
    z-index: 1;
  }

  .w-66 {
    width: 66%;
  }
}

@media (min-width: 1200px) {
  .card-width {
    width: 20%;
    max-width: 250px;
  }
}

.wmde-markdown {
  color: inherit !important;
}

.text-white-inherit .wmde-markdown {
  color: inherit !important;
}

.text-dark-inherit .wmde-markdown {
  color: inherit !important;
}

.wmde-markdown {
  background-color: transparent !important;
  color: inherit;
}

.wmde-markdown p {
  margin-bottom: 5px !important;
  color: inherit;
  /* line-height: 0px; */
}

.wmde-markdown ul {
  padding-left: 1em !important;
}

.wmde-markdown ul li {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit;
  margin-top: -15px !important;
  font-size: 14px !important;
  /* line-height: 20px; */
}

.profile-list ul {
  margin-top: -10px !important;
}



.rounded-cricle {
  border-radius: 50%;
}

.fs-14 p {
  font-size: 14px;
}

.course-includes-list .wmde-markdown ul li {
  font-size: 13px !important;
  margin-top: -21px !important;
}

.min-width-100 {
  min-width: 80px;
}

.white-space-break {
  white-space: break-spaces;
}
.fs-7 {
  font-size: 7px;
}
.fs-8 {
  font-size: 8px;
}
.fs-9 {
  font-size: 9px;
}
.fs-10 {
  font-size: 10px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-15 {
  font-size: 15px;
}

@media(min-width: 700px) {
  .fs-lg-15 {
    font-size: 15px !important;
  }

  .fs-lg-16 {
    font-size: 16px !important;
  }
}

.animate-top-bottom {
  animation: top-bottom-move 2000ms infinite ease-in-out;
}

@keyframes top-bottom-move {
  0%, 100% {
    transform: translateY(10px);
  }

  50% {
    transform: translateY(-10px);
  }
}

.maxH-30 .react-select__control {
  min-height: 30px !important;
}

#outerContainer #mainContainer div.toolbar {
  display: none !important;
  /* hide PDF viewer toolbar */
}

#outerContainer #mainContainer #viewerContainer {
  top: 0 !important;
  /* move doc up into empty bar space */
}

#certificate-iframe {
  background-color: #f6f1f1;
}

@media (max-width: 700px) {
  .mob-height {
    height: 50px !important;
    min-height: 38px !important;
  }
}

.unSelectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.test-series .btn-check:checked+.btn-foreground,
.test-series .btn-check:active+.btn-foreground,
.test-series .btn-foreground:active,
.test-series .btn-foreground.active,
.test-series .btn-foreground.dropdown-toggle.show {
  color: white !important;
  background-color: #1b98d0;
  border-color: initial !important;
}

.test-series .btn-foreground.hover-outline {
  color: var(--info) !important;
}

.test-series .btn-foreground.hover-outline:hover,
.test-series .btn-foreground.hover-outline:not(:disabled):not(.disabled):focus:hover,
.test-series .btn-foreground.hover-outline:not(:disabled):not(.disabled).focus:hover {
  color: var(--info) !important;
  box-shadow: inset 0 0 0 1px var(--info) !important;
}

.test-series .btn-check:checked+.btn-foreground.hover-outline:hover {
  color: white !important;
}

.active-btn {
  position: relative;
}

.active-btn::after {
  content: '';
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #1c1d1f;
  bottom: 0;
  width: 100%;
}

@media (max-width: 700px) {
  .mob-prev {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .mob-next {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .mob-view {
    min-width: 250px;
    margin: auto;
    width: 60vw;
  }
}

.text-underline {
  text-decoration: underline !important;
  border: none;
  background-color: transparent;
  height: 15px;
}

.border-rad {
  border-radius: 15px;
}

.e-2-5 {
  right: 0.7rem !important;
}

.flip-animate {
  animation: keyAnimate 2s alternate infinite;
}

@keyframes keyAnimate {
  0%, 100% {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(0, 1, 1);
  }
}

.h-same {
  height: 18px;
}

.box-shadow-none {
  box-shadow: none !important;
}

.w-95 {
  width: 95%;
}

.assignment-mdeditor .wmde-markdown ul li,
.assignment-mdeditor .wmde-markdown ol li {
  line-height: 35px;
}

.rotate-90 {
  transform: rotate(90deg);
}



/* Image Cropper */
.cropper-section {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
}

@media (min-width: 700px) {
  .cropper-section {
    aspect-ratio: 8/3;
  }
}

.cropper-section .crop-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
}

.cropper-section .controls {
  position: absolute;
  bottom: 20px;
  left: 0;
  /* left: 50%; */
  width: 50%;
  /* transform: translateX(-50%); */
  height: 40px;
  display: flex;
  align-items: baseline;
  justify-content: start;
  flex-direction: column;
}

.cropper-section .cropbtn {
  position: absolute;
  bottom: 20px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: end;
}

@media (max-width: 800px) {
  .cropper-section .controls, .cropper-section .cropbtn {
    width: 100%;
  }

  .cropper-section .controls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .cropper-section .cropbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -14px;
  }
}

.cropper-section .slider {
  padding: 22px 0px;
}

.cropper-section .zoom-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2px;
  border-top: 5px solid #b2b1b4;
  border-bottom: 5px solid #b2b1b4;
  background: #3f51b5;
  width: 100%;
  max-width: 350px;
  min-width: 300px;
}

.cropper-section .zoom-range::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #b2b1b4;
  background: #3f51b5;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.cropper-section .zoom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #b2b1b4;
  background: #3f51b5;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.cropper-section .controls:hover input[type='range']::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16);
  border-radius: 50%;
}

.cropper-section .controls:hover input[type='range']::-moz-range-thumb {
  box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16);
}

.line-break-anywhere,
.butifyText {
  line-break: auto;
  /* word-break: break-all; */
}

.line-break-anywhere p {
  word-break: break-word;
}

.profile-Image {
  width: 170px;
  height: 170px;
}

.profile-video {
  height: 100%;
  min-height: 190px;
}

.bg-image {
  background-image: url('https://yecc.sgp1.cdn.digitaloceanspaces.com/user.png');
  background-size: contain;
  width: 160px;
  height: 160px;
}

.icons-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  z-index: 9999999999;
  cursor: pointer;
  right: 0;
}

.imageprehw {
  height: 160px;
  width: 160px;
  position: relative;
  overflow: hidden;
}

.imageprehw::after, .bg-image.bg-light::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #1c1d1f99;
  z-index: 1;
}

.bg-image.bg-light {
  overflow: hidden;
}

.bg-image2 {
  object-fit: contain;
  object-position: center;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.imageprehw button {
  z-index: 2;
}


.uploaded-video-bg {
  height: 160px;
  position: relative;
  overflow: hidden;
  width: 350px;
}

.uploaded-video-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #1c1d1f99;
  z-index: 1;
}

.max-video {
  width: 100% !important;
  height: 100% !important;
}

.uploaded-video-bg .del-btn {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
}

.video-bg.rounded {
  background-color: #f1f0f0;
  height: 160px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.video-bg.rounded::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #1c1d1f99;
}

.profile-video .icons-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  z-index: 9999999999;
  cursor: pointer;
  right: 2;
}

.flex-grow {
  flex-grow: 1;
}

.max-width-1180 {
  max-width: 1288px;
}

.arrow-center .glide__arrows.slider-nav button[data-glide-dir="<"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  box-shadow: none !important;
  opacity: 0;
}

.arrow-center .glide__arrows.slider-nav button[data-glide-dir=">"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  box-shadow: none !important;
  opacity: 0;
}

.arrow-center .glide__arrows.slider-nav button[data-glide-dir=">"]:hover,
.arrow-center .glide__arrows.slider-nav button[data-glide-dir="<"]:hover {
  opacity: 1;
}


.card-drop-shadow {
  box-shadow: 1px 3px 10px rgb(0 0 0 / 5%) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.line-height-50 {
  min-height: 20px;
}

.pad-1px {
  padding: 1px !important;
  margin: 2px;
}

@media only screen and (min-width: 767px) {
  .paddingBottomPage.max-width-1180 {
    padding-bottom: 60px;
  }

  .height-exp, .height-degree {
    min-height: 200px;
  }

  .height-proexp, .height-certi {
    min-height: 320px;
  }
}

@media only screen and (max-width: 767px) {
  .mob-view.height-certi, .mob-view.height-degree {
    min-height: 150px;
    width: 100%;
    /* aspect-ratio: 1/1; */
  }

  .height-proexp.mob-view, .height-exp.mob-view {
    min-height: 150px;
    width: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .onHoverShow {
    height: 10px !important;
    opacity: 0 !important;
  }

  .onHoverShow:hover {
    height: 80px !important;
    opacity: 1 !important;
    transition: all 200ms ease !important;
  }
}

.p-margin p {
  margin-bottom: 4px;
}

.overflow-object {
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}

.contain.profile-video {
  object-fit: contain;
  object-position: top;
  background-color: #0000005c;
  border-radius: 5px;
  overflow: hidden;
}


.placeholder-image {
  width: 100%;
  aspect-ratio: 3/2;
  background: linear-gradient(116.54deg, #DBDBDB 3.48%, #EEE8E8 49.75%, #F9F3F3 67.16%, #D5D5D5 95.06%);
  ;
}

.placeholder-title {
  width: 100%;
  height: 22px;
  border-radius: 5px;
  background: linear-gradient(116.54deg, #DBDBDB 3.48%, #EEE8E8 49.75%, #F9F3F3 67.16%, #D5D5D5 95.06%);
  ;
}

.placeholder-description {
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(116.54deg, #DBDBDB 3.48%, #EEE8E8 49.75%, #F9F3F3 67.16%, #D5D5D5 95.06%);
  ;
}

.placeholder-icon-data {
  width: 100%;
  background: linear-gradient(116.54deg, #DBDBDB 3.48%, #EEE8E8 49.75%, #F9F3F3 67.16%, #D5D5D5 95.06%);
  ;
  height: 12px;
}

.placeholder-btn {
  background: linear-gradient(116.54deg, #DBDBDB 3.48%, #EEE8E8 49.75%, #F9F3F3 67.16%, #D5D5D5 95.06%);
  ;
  border-radius: 20px;
  width: 88px;
  height: 24px;
}

.footer-content {
  display: flex !important;
}

ul#menu li a {
  font-weight: 700;
}

ul#menu li a.active,
ul#menu li a:hover {
  background: transparent !important;
  box-shadow: none !important;
}


ul#menu li a.active span,
ul#menu li a:hover span {
  color: #EC1D22;
  border-bottom: 2px solid #EC1D22;
}

.nav-content>div>a>span {
  font-weight: 700;
}

@media (min-width: 768px) {
  .menu-container #menu {
    justify-content: end;
  }

  html[data-placement=horizontal] .nav-container .menu-container .menu>li>a {
    padding: 0 1rem;
  }
}




/* Footer */
.custom_css .footer-section {
  padding-top: 75px;
  background-image: url('https://yecc.sgp1.digitaloceanspaces.com/images/Footer.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #053d6e;
}

.custom_css .border-bottom-foot {
  border-bottom: solid 2px #ffffff;
}

.custom_css .border-right-none {
  border-right: none;
}

.custom_css .list-style-none {
  list-style-type: none;
}

.custom_css .bg-white {
  background-color: #fff;
}

.custom_css .content-us-text {
  color: inherit;
  text-decoration: none;
}

.custom_css .social-icons-css {
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border-radius: 100%;
}

.custom_css .text-dark {
  color: #000 !important;
}

.custom_css .card-price:hover {
  color: #439b38 !important;
}


.learnersSay .card-body p.testimoni-text {
  width: 240px;
  display: block;
  margin: auto;
}

.learnersSay .test-1 .card-body p.testimoni-text {
  width: 201px;
  word-spacing: 1px;
}

.learnersSay .test-2 .card-body p.testimoni-text {
  word-spacing: 1px;
}

.learnersSay .test-3 .card-body p.testimoni-text {
  width: 253px;
}

.learnersSay .Quotation_mark {
  left: 8px !important;
}

.nav-content>div>a>span {
  font-family: var(--font-heading);
  font-size: 13px;
}

.carousel-dots-theme .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.courses-arrow-align .glide__track>.text-center {
  width: 102% !important;
  left: -1.2%;
}

.bg-image-learn {
  background-image: url('https://yecc.sgp1.digitaloceanspaces.com/images/Latest_on_YourERPCoach.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.bg-image-job {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50.5% center;
  background-image: url('https://yecc.sgp1.digitaloceanspaces.com/images/Why_YourERPCoach.jpg');
}

.bg-image-points {
  background-image: url('https://yecc.sgp1.cdn.digitaloceanspaces.com/images/Reavealing_Soon.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-image-points img {
  scale: 0.7;
}

.theme-btn {
  background-color: #2073bd !important;
  position: relative;
  color: #fff !important;
  border: 3px solid #ede2e2 !important;
  border-radius: 7px;
  overflow: hidden;
  padding: 13px 30px;
}

.theme-btn:hover {
  background-color: #1f68a8 !important;
}

.theme-btn>* {
  z-index: 1;
  position: relative;
}

.theme-btn::before {
  content: "";
  z-index: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5803921568627451), transparent);
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
}

.text-jobs {
  word-spacing: 6px !important;
}

.align-icon+span {
  max-width: 91%;
  /* word-break: break-all; */
  line-break: anywhere;
  word-wrap: break-word;
}

.align-icon {
  max-width: 20px !important;
}

.yecclogo {
  width: 75% !important;
  height: 35px;
  object-fit: contain !important;
}

.otherLogo {
  width: 100% !important;
  height: 68px;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 500px) {
  .yecclogo {
    width: 90%;
    height: auto !important;
  }

  .otherLogo {
    width: 100% !important;
    height: 40px;
    object-fit: contain !important;
  }
}



/* Resume Builder - Theme Template - Css */
.bg-resume {
  background-color: #EAE7E7;
}

.bg-resume2 {
  background-color: #053B6B;
}

.ThemeTemplate.PROFILEINFO .profile-Image {
  border-radius: 50% !important;
  border: 5px solid #fff;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.ThemeTemplate.PROFILEINFO .card {
  border-radius: 15px;
  overflow: hidden;
}

.curved-border-bottom {
  border-bottom: 5px solid #053B6A;
}

.curved-border-top {
  border-top: 5px solid #053B6A;
}

.ThemeTemplate.PROFILEINFO .Top {
  background-image: url('https://yecc.sgp1.digitaloceanspaces.com/images/Why_YourERPCoach.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.ThemeTemplate.PROFILEINFO .Top>* {
  z-index: 1;
}

.ThemeTemplate.PROFILEINFO .Top::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #053b6b69;
  z-index: 0;
}

.ThemeTemplate.PROFILEINFO .ProfileCard {
  position: relative;
}

.ThemeTemplate.PROFILEINFO .ProfileCard>* {
  position: relative;
  z-index: 1;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .profile-bg-card-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  height: 75%;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .Right * {
  color: #fff;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .Right .name {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 5px;
  word-break: break-word;
  line-break: auto !important;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .Right .location {
  font-size: 12px;
  display: flex;
  align-items: center;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .Right .location img {
  height: 14px;
  margin-right: 5px;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .Right p {
  margin: 10px 0;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .info-icons {
  width: 27px;
  height: auto;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .info-icons+div {
  display: flex;
  flex-direction: column;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .info-title {
  font-size: 13px;
  margin-bottom: 0px !important;
  /* line-height: 7px; */
  text-wrap: nowrap;
  white-space: nowrap;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Top .info-title+span {
  font-size: 10px;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .videoDiv {
  height: 100%;
  width: 100%;
  background-color: #ACB7CE;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  aspect-ratio: 3/2;
  overflow: hidden;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .videoDiv img {
  width: 40px;
  height: auto;
  /* aspect-ratio: 1; */
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .right h2 {
  font-weight: bold;
  color: #000 !important;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .right>p {
  margin-bottom: 7px;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .about-info>div {
  display: flex;
  margin-bottom: 7px;
  align-items: center;
  padding-right: 0;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .about-info p {
  margin-bottom: 0;
  font-size: 13px;
  /* white-space: nowrap; */
  word-break: break-word;
  line-break: auto !important;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .about-info img {
  margin-right: 5px;
  height: 14px;
  aspect-ratio: 1;
}

.ThemeTemplate.PROFILEINFO .ProfileCard .Bottom .about-info .d-flex div {
  display: flex;
  align-items: center;
}

.ThemeTemplate.PROFILEINFO .allskillsLanguages {
  justify-content: flex-start;
}

.skillsLanguages {
  position: relative;
}

.ThemeTemplate.PROFILEINFO .skillsLanguages .skills-lang-card-img {
  /* position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-45%);
    z-index: 0;
    width: 84%; */
  display: block;
  margin-top: auto;
  margin-bottom: -26px;
}

.ThemeTemplate.PROFILEINFO .skillsLanguages>div {
  padding-bottom: 6px;
  z-index: 1;
}

.ThemeTemplate.PROFILEINFO .skillsLanguages .section-img {
  width: 3.6rem;
  height: auto;
  aspect-ratio: 1;
  margin-right: 10px;
}

.ThemeTemplate .section-title {
  font-size: 1.4rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
  word-break: break-word;
  line-break: auto !important;
}

.ThemeTemplate.PROFILEINFO .skillsLanguages .skills-badge {
  background-color: #D7ECFF;
  font-size: 12px;
  padding: 2px 14px;
  border-radius: 26px;
  /* word-break: break-all; */
  line-break: anywhere;
}

.allskillsLanguages {
  gap: 12px 5px;
}



.JobExperianceCard {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}

.JobExperianceCard .job-exp-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

/* .ERPPROJECT .JobExperianceCard .job-exp-bg {
    object-fit: contain;
  } */
.JobExperianceCard .profile-exp-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.JobExperianceCard .job-exp-img {
  width: 54%;
  max-width: 600px;
  min-width: 350px;
  height: auto;
  display: block;
  margin-top: auto;
  z-index: 0;
  margin-bottom: -2px;
  position: absolute;
  bottom: 0;
}

.JobExperianceCard>* {
  z-index: 2;
}

.JOBEDUCATION div.hideArrows>div.border-bottom:has(.section-title) {
  height: 70px;
}

.ERPPROJECT .section-title {
  padding: 15px 0;
}

.ThemeTemplate .border-bottom {
  border-bottom: 1px solid #043969 !important;
}

.JobExperianceCard .no-exp {
  padding: 20px;
  font-weight: 600;
}

.EducationalQualificationsCard, .CertificatiponsCard {
  border-radius: 15px;
}

.educational-data .top-data img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  scale: 1.2;
  left: 10px;
  position: relative;
}

.educational-data {
  padding-top: 1.4rem;
}

.educational-data .top-data .degree-details h3 {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 5px;
  color: black;
  word-break: break-word;
  line-break: auto !important;
}

.educational-data .top-data .degree-details h6 {
  font-size: 0.8rem;
  font-weight: bold;
  color: black;
  margin-bottom: 0;
}

.educational-data .degree-details p {
  color: black;
  margin-bottom: 5px;
  word-break: break-word;
  line-break: auto !important;
}

.educational-data .degree-details span {
  color: grey;
  font-size: 0.8rem;
  word-break: break-word;
  line-break: auto !important;
}

.educational-data .degree-details a {
  font-size: 0.8rem;
}

.jobdetails {
  padding-bottom: 15px;
}

.jobdetails .designations {
  display: flex;
  align-items: center;
}

.jobdetails .designations>div {
  width: 100%;
}

.jobdetails .designations img {
  width: 90px;
  aspect-ratio: 1;
}

.jobdetails .designations h3 {
  font-size: 1.1rem;
  color: black;
  font-weight: bold;
  margin-bottom: 5px;
  word-break: break-word;
  line-break: auto !important;
}

.projectdetails .designations h3 {
  padding-right: 30px;
}

.jobdetails .designations .infos {
  font-size: 0.8rem;
  color: black;
  margin-bottom: 3px;
  word-break: break-word;
  line-break: auto !important;
}

.designationsDetails>div>div {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.designationsDetails>div>div img {
  width: 15px !important;
  height: 16px;
  object-fit: contain;
}

.designationsDetails>div>div p {
  margin-bottom: 0;
  margin-left: 5px;
  font-size: 13px;
}

.jobdetails .row {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .jobdetails .d-none.d-md-none+div {
    margin-left: 90px;
  }
}

.glide__slide.glide__slide--active {
  position: relative;
}

.projectInfos>div {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

.projectInfos>div>p {
  padding-left: 10px;
  margin-bottom: 0px;
  line-break: auto;
}

.hideArrows .glide__arrows.slider-nav {
  display: none;
}

.themeDots .glide__bullets {
  margin-bottom: 10px;
}

.themeDots .glide__bullets button {
  height: 10px;
  width: 10px;
  background-color: #ACB7CE;
}

.themeDots .glide__bullets button.glide__bullet--active {
  background-color: #616F8E;
}

.hideArrows.themeDots {
  position: relative;
  padding-bottom: 40px !important;
}

.hideArrows.themeDots .glide {
  position: initial;
}

.hideArrows.themeDots .glide__slides+div {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.no-exp {
  font-weight: bold;
  margin-bottom: 150px !important;
}

.CertificatiponsCard .job-exp-img,
.EducationalQualificationsCard .job-exp-img {
  width: 54%;
  max-width: 600px;
  min-width: 350px;
  height: auto;
  display: block;
  margin-top: auto;
  z-index: 0;
  margin-bottom: -2px;
  position: absolute;
  bottom: 0;
}

.gap-icons {
  gap: 10px;
  align-items: center;
}

.gap-icons .bi-plus-square::before {
  vertical-align: -0.2em;
}

.light-icon {
  color: #fff;
  /* fill: #fff; */
}

.dark-icon {
  color: #053B6B;
  /* fill: #053B6B; */
}

.reorder-btn {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  rotate: 90deg;
  border-radius: 4px;
  border: 2px solid #053B6B;
}

.disabled-btn {
  opacity: 0.5;
}

.para-component {
  word-break: break-word;
  line-break: auto !important;
}

div:has(.para-component) {
  line-break: anywhere;
}

.loginBtn a {
  background-color: #2073bd;
  color: #fff !important;
  padding: 5px 11px !important;
  border: 3px solid #ffffff;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 1px 3px 2px #e2d8d8;
  margin: 0 10px;
}

.loginBtn a::before {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, .5803921568627451), transparent);
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 0;
  border-radius: 8px;
}

.loginBtn a span {
  position: relative;
  z-index: 1;
}

@media (max-width: 992px) {
  .nav-content .loginBtn+.mobile-buttons-container {
    margin-left: initial !important;
  }

  .nav-content .loginBtn {
    margin-left: auto;
  }

  .mobile-side-in .loginBtn {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 600px) {
  .logo .yecclogo {
    max-width: 150px;
  }

  .mobile-side-in .logo .yecclogo {
    width: 180px !important;
    max-width: 180px;
  }

  .mobile-side-in .logo a {
    width: 180px !important;
    max-width: 180px;
  }

  .loginBtn a span {
    position: relative;
    z-index: 1;
    font-size: 11px !important;
  }
}

.removeIndentations p {
  margin-bottom: 0 !important;
}

.fileLink {
  position: absolute;
  right: 7px;
  bottom: 0;
  height: 30px;
  text-align: right;
  overflow: hidden;
}

@media (max-width: 768px) {
  .fileLink {
    bottom: -30px;
  }
}

.removeIndentations p:last-child {
  display: contents;
}

/* Explore Courses Page Css */
.bgImage {
  height: 300px;
  background-image: url('../img/bgs/exploreCourses.png');
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
}

.bgImage::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #023e77db;
  z-index: 0;
}

.bgImage h1 {
  color: #fff;
  z-index: 1;
  font-weight: bold;
  position: relative;
  font-size: 3rem;
  margin-bottom: 0;
}

/* .filterCards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
} */

.filterCards>div>div {
  /* flex: 1; */
  box-shadow: 0px 2.8816378116607666px 30.2571964263916px 0px rgba(0, 0, 0, 0.25);
  color: #164975;
  border-radius: 10.806px !important;
  /* min-width: 150px; */

}

.filterCards .react-select__control {
  border-top: 2px solid #000 !important;
  border-radius: 10.806px !important;
}

.filterCards .react-select__single-value,
.filterCards .react-select__placeholder {
  color: #164975 !important;
  font-weight: 500;
}

.filterCards .react-select__control .react-select__value-container div:nth-last-child(2) {
  max-width: calc(100% - 20px) !important;
}

.bgFilters .btn-primary {
  background-color: var(--newprimary) !important;
  border-radius: 10px;
}

.bgFilters .btn-primary:hover {
  background-color: var(--newprimaryHover) !important;
}

.bgFilters {
  background-image: linear-gradient(91deg, #C9DEF2 19.83%, rgba(255, 255, 255, 0.00) 100%);
  filter: drop-shadow(0px 6px 18px rgba(0, 0, 0, 0.25));
  position: relative;
  box-shadow: 0px 3px 9px 2px #04040491;
  z-index: 100;
}

.bgFilters::before {
  background-image: url('../img/bgs/bgIcons.png');
  background-size: contain;
  background-position: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 0;
}

.bgFilters .container,
.courses-card-section {
  max-width: 1200px;
  position: relative;
  z-index: 1;
}

.bgFilters .container .row {
  align-items: center;
}

.bgFilters .css-2b097c-container {
  z-index: 400;
  height: fit-content;
}

.course-card {
  width: 19rem;
  border-radius: 22px;
  background-image: linear-gradient(to bottom right, #7abaf347, #ffffff, #ffa3a547);
  overflow: hidden;
}

.course-card img {
  border-radius: 22px !important;
  border: 4px solid #2073BD;
  border-left: 0;
  border-right: 0;
  /* aspect-ratio: 3/2.6;
  object-fit: cover;
  object-position: center; */
}

.course-card .card-body {
  border: 2px solid #7ABAF3;
  border-top: 0;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  /* position: relative;
  top: -11px; */
}

.col-card>div {
  height: 100%;
}

.course-card .fs-8 {
  font-size: 8px !important;
}

.course-card .fs-10 {
  font-size: 0.7rem !important;
}

.course-card .border-rad-50 {
  border-radius: 50px;
}

.course-card .yecc-btn-rounded-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.course-card .yecc-btn-rounded-overlay {
  background-color: #053b6b;
}

.course-card .yecc-btn-rounded-overlay:hover {
  background-color: #032b4e;
}

.course-card .card.free-card .yecc-btn-rounded-overlay {
  background-color: #DE3435;
}

.course-card .card.free-card .yecc-btn-rounded-overlay:hover {
  background-color: #9b2323;
}

.course-card .card-body .card-title {
  font-size: 18px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  min-height: 48px;
}

.course-card .card-body .course-para {
  /* min-height: 130px; */
  font-size: 16px;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.course-card .course-card img {
  border-radius: 22px;
  border: 4px solid #2073BD;
  border-left: 0;
  border-right: 0;
}

.course-card.card.free-card img {
  border: 4px solid #c33234;
  border-left: 0;
  border-right: 0;
}

.card.free-card .course-card img {
  border: 4px solid #DE3435;
  border-left: 0;
  border-right: 0;
}

.course-card .course-materilas-list li {
  width: 22%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.course-card .course-materilas-list li:nth-child(4) {
  width: 33%;
  word-break: keep-all;
}

.courses-card-section {
  position: relative;
  /* z-index: -1; */
  margin: auto;
}

.course-card .course-para {
  min-height: calc(0.7rem * 3);
}

.course-card .course-materilas-list {
  min-height: 10px;
}

@media (min-width: 1000px) {
  .bgFilters {
    position: fixed;
    width: 100%;
    background-color: #fff;
  }

  .courses-card-section {
    margin-top: 68px;
  }
}

.select1>div {
  z-index: 405 !important;
}

.select2>div {
  z-index: 404 !important;
}

.select3>div {
  z-index: 403 !important;
}

.select4>div {
  z-index: 402 !important;
}

.line-break-auto {
  line-break: auto;
}

#contentArea:has(.formBg) {
  background: url('../img/bgs/erp-project-bg.png');
  background-size: 100%;
  background-position: bottom;
}

/* TestSeries Card css */
.testSeriesCard {
  border-radius: 20px;
  /* border: 2px solid #285F91; */
  background: url('../img/bgs/testCardBg.png');
  overflow: hidden;
  background-size: cover;
  background-position: bottom;
  box-shadow: inset 0px 0px 0px 2px #285F91 !important;
}

.testSeriesCard .card-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.testSeriesCard .card-body>img {
  border-radius: 25px !important;
  border-top: 4px solid #23537D;
  border-bottom: 4px solid #23537D;
  background: lightgray 50% / cover no-repeat;
  scale: 1.02;
  transform: translateY(3px);
}

.testSeriesCard .viewTestDetailsBtn {
  background-color: #2073BD;
  color: #fff !important;
  border-radius: 15px;
  padding: 8px 13px !important;
  height: auto !important;
}

.testSeriesCard .viewTestDetailsBtn:hover {
  background-color: #17578f;
}

.testSeriesCard .attemptBtns {
  padding: 7px 13px !important;
  width: fit-content !important;
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.testSeriesCard .fs-11 {
  font-size: 11px !important;
}

@media (max-width: 1400px) {
  .testSeriesCard .fs-11 {
    font-size: 10px !important;
  }
}

.testSeriesCard .TestAttemptsPills .rounded-pill.bg-outline-success {
  border: none !important;
  box-shadow: none !important;
  background-color: #D9D9D9;
  color: #1B98D0 !important;
  padding: 2px 6px;
}

.testSeriesCard .TestAttemptsPills .rounded-pill.bg-success {
  padding: 2px 6px;
}

.startTestCard .modal-content {
  background-image: url(../img/background/modalBg.png);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: top right;
  border-radius: 10px;
  border-top: 3px solid #053B6B;
}

.startTestCard .modal-footer,
.startTestCard .modal-header {
  border-color: #505050;
}

#contentArea:has(.bgTestSeriesAttempt) {
  background-image: url(../img/background/YECCTestAttemp.png) !important;
  background-repeat: no-repeat;
  background-size: 100% !important;
  background-position: center bottom;
  background: #F9F9F9;
}

.testSeriesAttemptCard {
  border-radius: 10px;
  background: linear-gradient(141deg, rgba(202, 241, 253, 0.50) 0%, rgba(250, 180, 193, 0.50) 100%) !important;
  box-shadow: 4px 5px 7px 3px rgba(0, 0, 0, 0.25) !important;
}

.testSeriesAttemptCard .card-header,
.testSeriesAttemptCard>.card-body>.card {
  background: transparent !important;
}

.testSeriesAttemptCard>.card-header {
  border-color: #fff !important;
}

.testSeriesAttemptCard .text-primary {
  color: #000 !important;
}

.testSeriesAttemptCard .sw-5 .border.border-1.border-primary {
  border-radius: 3.628px;
  border: 1.814px solid #1C75BC;
  background: #1C75BC;
  color: #fff !important;
}

.testSeriesAttemptCard .btn-primary {
  background: #1C75BC !important;
}

.testSeriesAttemptCard label.btn.btn-foreground {
  border-radius: 2.309px;
  border: 1.155px solid #1C75BC;
}

.testInfos {
  flex-wrap: nowrap;
}

.TestAttemptsPills {
  align-items: center !important;
}

.testSeriesCard h5 {
  font-size: 1em;
}

.testSeriesCard h5+small {
  font-size: 0.7em;
}

@media (min-width: 1200px) and (max-width:1300px) {
  .testSeriesListPage.container {
    width: 98% !important;
    padding: 0px !important;
  }

  .testInfos .fs-11 {
    font-size: 9px !important;
  }

  .testSeriesCard .TestAttemptsPills .rounded-pill.bg-success {
    padding: 1px 4px;
  }

  .TestAttemptsPills .ms-1 {
    transform: translateY(-8px);
  }

  .TestAttemptsPills .ms-1>.cursor-pointer,
  .TestAttemptsPills .ms-1 {
    height: 12px !important;
  }
}

@media (max-width: 768px) {
  .fs-sm-12 {
    font-size: 12px !important;
  }
}

.scale-0_8 {
  scale: 0.8;
}

/* TestSeries Card css */



/* Capsules new design Css */

.capsulesCard {
  border-radius: 20px;
  /* border: 2px solid #285F91; */
  background: url('../img/bgs/testCardBg.png');
  overflow: hidden;
  background-size: cover;
  background-position: bottom;
  box-shadow: inset 0px 0px 0px 2px #285F91, -1px 0px 9px 3px #0000001a !important;
}

.capsulesCard .card-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.capsulesCard .card-body>img {
  border-radius: 25px !important;
  border-top: 4px solid #23537D;
  border-bottom: 4px solid #23537D;
  background: lightgray 50% / cover no-repeat;
  scale: 1.02;
  transform: translateY(1px);
}

.capsulesCard .viewTestDetailsBtn {
  background-color: #2073BD;
  color: #fff !important;
  border-radius: 15px;
  padding: 8px 13px !important;
  height: auto !important;
}

.capsulesCard .viewTestDetailsBtn:hover {
  background-color: #17578f;
}

.capsulesCard .card-head {
  padding-bottom: 15px !important;
}

.capsulesCard .card-head h5 {
  font-size: 1em;
  margin-bottom: 7px !important;
}

.capsulesCard h5+span {
  font-size: 0.7em;
  line-height: 15px;
  display: inline-block;
}

/* Capsules new design Css */

/* Claim Badge */
#contentArea:has(.bgBadgeClaim) {
  background-image: url(https://yourerpcoach.com/img/bgs/erp-project-bg.png);
  background-size: 100%;
  background-position: bottom right;
}

.badgeCardBG {
  background-image: url('../img/bgs/badgeBG.png');
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: 100%;
  padding: 25px 0;
  border-radius: 25px !important;
}

.badgeImage {
  width: 70% !important;
  min-width: 275px;
  max-width: 400px;
  margin-bottom: 15px;
}

.badgeCardBG h5 {
  color: #6C757D !important;
}

.badgeCardBG h2 {
  font-weight: bold;
}

.bgBadgeClaim .capsulesCard {
  max-width: 334px;
  margin-top: 10px;
  margin: auto;
}

.bgBadgeClaim .capsulesCard img {
  width: 100%;
}

/* Claim Badge */
.nohover {
  background-color: transparent !important;
  border: 1px solid var(--newprimaryHover) !important;
}

.nohover span {
  color: var(--newprimaryHover) !important;
}

.projectInfos > div > img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

.user-container div.name,
.user-container small.name {
  line-break: normal !important;
}

.emailPL-0 .react-select__value-container {
  padding-left: 10px !important;
}

.f-20 {
  font-size: 20px !important;
}

.FooterLogo {
  height: 80px;
  width: 100% !important;
  height: 68px;
  object-fit: contain !important;
  object-position: left !important;
}
.h-50vh {
  min-height: 50vh;
}
.nav-content ul#menu.menu.show li {
  position: relative;
}

.nav-content .os-host {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.nav-content ul#menu.menu.show li a.active::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #BADBF5 !important;
  z-index: -1;
  width: 119%;
  border-right: 5px solid #2D91E0;
  transform: translateX(-10%);
}

ul#menu li a.active span, ul#menu li a:hover span {
  color: #000;
  border: none;
}
ul#menu li a.active svg {
  fill: #2D91E0;
}

html[data-placement=horizontal] .nav-container, html[data-placement=vertical] .nav-container{
  position: fixed !important;
}