@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-card__container, .si-calenderBottom .si-tableBox, .si-calender .si-weekcalender .si-column, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.flex-1 {
  flex: 1;
}

.text-capitalize {
  text-transform: capitalize;
}

.color-primary-1 {
  color: #e10000;
}

.color-active-1 {
  color: #00B137;
}

.color-red {
  color: #ff5046;
}

@media only screen and (max-width: 992px) {
  .d-sm-none {
    display: none !important;
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel E
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.si-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #ffffff;
  padding: 9px 34px;
  border: none;
  transition: 0.2s;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
}
.si-button span {
  margin-right: 8px;
  display: inline-flex;
}
.si-button--red {
  background-color: #2E1111;
  border: 1px solid #5d2626;
}
.si-button--red:hover, .si-button--red.active {
  background-color: #D81212;
}
.si-button--solid-red {
  background-color: #D81212;
  border: 1px solid #D81212;
}
.si-button--transparent {
  background-color: transparent;
  border: 1px solid transparent;
}
.si-button[disabled] {
  background-color: #eaeaea;
  border-color: #c8c8c8;
  color: #c8c8c8;
  cursor: not-allowed;
}
.si-button[disabled]:hover {
  background-color: #eaeaea;
}
.si-button--green {
  background-color: #00B137;
  border: 1px solid #00B137;
  min-width: 140px;
  font-family: "Poppins";
}
@media screen and (min-width: 992px) {
  .si-button--green:hover {
    background-color: #00882a;
  }
}
.si-button--green.active {
  background-color: #00882a;
}

.si-popup-footer .si-action-btn {
  font-weight: 700;
}

.si-action-btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #282828;
  border: 1px solid #282828;
  background-color: transparent;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.2s;
  font-weight: 500;
}
.si-action-btn.active, .si-action-btn:hover {
  background-color: #00B137;
  color: #ffffff;
  border: 1px solid #00B137;
}
.si-action-btn + .si-action-btn {
  margin-left: 10px;
}
.si-action-btn[disabled] {
  color: #c8c8c8;
  border-color: #c8c8c8;
}
.si-action-btn[disabled]:hover {
  color: #c8c8c8;
  border-color: #c8c8c8;
  cursor: not-allowed;
}

.si-icon__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.si-wrap {
  position: relative;
}
.si-wrap .si-action-icons {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #515151;
  position: absolute;
  width: 90px;
  top: 2px;
  right: 55px;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 992px) {
  .si-wrap .si-action-icons {
    top: initial;
  }
}
@media screen and (min-width: 570px) and (max-width: 767px) {
  .si-wrap .si-action-icons {
    right: 65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .si-wrap .si-action-icons {
    right: 85px;
  }
}
@media screen and (min-width: 992px) {
  .si-wrap .si-action-icons {
    right: 55px;
  }
}
.si-wrap .si-action-icons .si-icon-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  background-color: transparent;
  padding: 6px 10px;
  display: block;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  width: 100%;
  font-size: 11px;
  text-transform: capitalize;
  text-align: left;
  transition: 0.2s;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .si-wrap .si-action-icons .si-icon-button {
    padding: 4px 10px;
  }
}
.si-wrap .si-action-icons .si-icon-button:hover {
  background-color: #383838;
}
.si-wrap .si-action-icons .si-icon-button span {
  padding: 0;
  margin-right: 5px;
}
.si-wrap .si-icon__button.active ~ .si-action-icons {
  display: block;
}

.si-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #f1f1f1;
  padding: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.si-button-group button {
  display: inline-flex;
  justify-content: center;
  padding: 0 20px;
}
.si-button-group button + button {
  border-left: 1px solid #282828;
}

.btn-group-wrap {
  position: relative;
}
.btn-group-wrap.active .si-button-group {
  display: none;
}

.si-xs-fixed-button {
  display: none;
  position: fixed;
  bottom: 17px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 97%;
}
@media screen and (max-width: 767px) {
  .si-xs-fixed-button {
    width: 95%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .si-xs-fixed-button {
    width: 97%;
  }
}

.si-viewBtn {
  height: 30px;
  border: 1px solid #f1f1f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: transparent;
  color: #787878;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
}
.si-viewBtn:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
@media screen and (min-width: 993px) {
  .si-viewBtn:hover {
    border: 1px solid #282828;
  }
}
.si-viewBtn span {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #282828;
}
@media screen and (max-width: 992px) {
  .si-viewBtn {
    width: 100%;
    font-size: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.si-viewBtn::before {
  content: "\e921";
  color: #000000;
  font-family: "AMS" !important;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .si-viewBtn::before {
    display: flex;
    justify-content: center;
    position: unset;
    left: 0;
    right: 0;
    align-items: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .si-viewBtn span {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .si-button-group button {
    padding: 0 14px;
  }
  .si-button-group button .icon-check,
  .si-button-group button .icon-close {
    font-size: 9px;
  }
  .si-xs-fixed-button {
    display: block;
    bottom: 8px;
  }
}
.si-clearbtn {
  color: #000000;
  border: 1px solid #282828;
  margin-right: 20px;
  min-width: 140px;
  background: #ffffff;
}

.si-savebtn {
  min-width: 140px;
}

@media screen and (max-width: 992px) {
  .si-subHeader .si-icon--add {
    display: none;
  }
}
.add-new-report, .si-add-btn, .add-files {
  max-width: 173px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #ff5046;
  border-radius: 5px;
  color: #ff5046;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
  white-space: nowrap;
}

.add-files {
  text-transform: uppercase;
  border-radius: 55px;
  padding-bottom: 6px;
}

.si-add-btn {
  display: flex !important;
  max-width: unset !important;
}

.export-btn {
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  color: rgb(40, 40, 40);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: #ffffff;
}
.export-btn:focus, .export-btn:active, .export-btn:focus-within {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.export-btn:hover {
  border: 1px solid #282828;
}
.export-btn .export-wrapper {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 5px;
}
.export-btn .export-wrapper span:first-child {
  display: block;
}
.export-btn .export-wrapper span:first-child img {
  height: 16px;
  width: 20px;
  padding-right: 6px;
  display: block;
}
@media screen and (max-width: 992px) {
  .export-btn {
    position: relative;
    left: 5px;
  }
}

.button-disabled {
  color: #c8c8c8 !important;
  background: rgba(200, 200, 200, 0.3) !important;
  border-color: #c8c8c8 !important;
  pointer-events: none;
  cursor: not-allowed;
}

.loading-wrapper {
  background: rgb(243, 241, 241);
  padding: 6px 8px;
  border-radius: 5px;
  height: 28px;
}

.loading-wrapper {
  display: none;
}

.loading {
  display: flex;
  align-items: center;
  gap: 4px;
}
@supports (-webkit-touch-callout: none) {
  .loading {
    gap: unset;
  }
}

.colored-circle {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
@supports (-webkit-touch-callout: none) {
  .colored-circle {
    margin-right: 4px;
  }
}

.colored-circle:first-child {
  animation: dot 0s infinite alternate;
  animation-delay: 0s;
  background-color: #e50914;
}

.colored-circle:nth-child(2) {
  animation: dot 1s infinite alternate;
  animation-delay: 1s;
  background-color: #221f1f;
}

.colored-circle:last-child {
  animation: dot 1s infinite alternate;
  animation-delay: 1.3s;
  margin-right: 8px;
  background-color: #c8c8c8;
}

.btn-text {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #282828;
  text-transform: capitalize;
  font-family: "poppins";
}

.si-loading .export-wrapper {
  display: none;
}
.si-loading .loading-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 75.35px;
}
.si-loading .loading-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.dropdown-heading button .dropdown-search-clear-icon {
  display: none;
}
.dropdown-heading button::before {
  content: "\e906";
  font-family: "AMS";
  font-size: 10px;
}

.si-dropdown-disable {
  border: 1px solid #c8c8c8;
  background-color: #eaeaea !important;
  pointer-events: none !important;
  height: 32px;
  border-radius: 5px;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  color: #c8c8c8;
  align-items: center;
  min-width: 130px;
}
.si-dropdown-disable .icon-chev-right {
  font-size: 14px;
  color: #c8c8c8;
  padding-top: 2px;
}

.si-clearbtn {
  color: #000000;
  border: 1px solid #282828;
  margin-right: 20px;
  min-width: 140px;
  font-size: 14px;
  background: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  height: 40px;
}

.clear-selected-button {
  color: #000000 !important;
}

.css-1p9edny:hover {
  background-color: unset !important;
}

button,
.si-button {
  font-family: "Poppins";
}

input[type=checkbox] {
  position: relative;
  left: 0px;
  min-width: 20px;
  height: 20px;
  color: #000000;
  border: 2px solid #6e6e6e;
  border-radius: 4px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
input[type=checkbox]::before {
  position: absolute;
  content: "";
  display: block;
  left: 6px;
  width: 4px;
  top: 2px;
  height: 10px;
  border-style: solid;
  border-color: #282828;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
input[type=checkbox]:checked {
  color: #282828;
  border-color: #282828;
  background: none;
}
input[type=checkbox]:checked::before {
  opacity: 1;
}
input[type=checkbox]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

label {
  position: relative;
  cursor: pointer;
  font-weight: 600;
  user-select: none;
}

.si-custom-table__check .si-custom-table__row.active input[type=checkbox], .si-custom-table__check .si-custom-table__row:hover input[type=checkbox] {
  border: 2px solid #000000;
}
.si-custom-table__check .si-custom-table__row.active input[type=checkbox]::before, .si-custom-table__check .si-custom-table__row:hover input[type=checkbox]::before {
  border-color: #000000;
}

.MuiTableCell-paddingCheckbox {
  padding: 8px 16px !important;
}

.si-popup-content .MuiTableCell-paddingCheckbox {
  padding: 6px 16px !important;
}

.css-q8lw68 {
  width: 20px !important;
}

.css-1u5ei5s {
  left: -2px !important;
}

.si-content-footer {
  position: fixed;
  padding: 0 10px;
  bottom: 23px;
  right: 0;
  width: calc(100vw - 243px);
}
.si-content-footer .si-footer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .si-content-footer .si-footer-wrapper {
    padding-right: 5px;
  }
}
@media screen and (max-width: 992px) {
  .si-content-footer .si-footer-wrapper {
    flex-flow: column;
    height: 47px;
  }
}
.si-content-footer .si-footer-wrapper .si-button {
  margin-left: auto;
}
.si-content-footer .si-footer-wrapper .si-action-buttons {
  margin-left: auto;
}

@media screen and (max-width: 992px) {
  .si-content-footer,
  .si-action-buttons,
  .si-button {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    height: 40px;
  }
  .si-content-footer {
    flex-flow: column;
  }
}
.si-count {
  background-color: #212121;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-left: 5px;
}

.si-custom-tabs .si-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px !important;
  margin-top: -11px !important;
  border-bottom: 0 !important;
}
.si-custom-tabs .si-tab-item {
  color: #6e6e6e !important;
  border: 1px solid #6e6e6e !important;
  font-size: 12px !important;
  text-transform: capitalize !important;
  transition: 0.2s;
  border-radius: 50px !important;
  height: 26px !important;
  padding-right: 20px !important;
  font-weight: 500 !important;
  position: relative;
  padding-left: 0 !important;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-custom-tabs .si-tab-item + .si-tab-item {
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
  .si-custom-tabs .si-tab-item + .si-tab-item {
    margin-left: 27px;
  }
}
.si-custom-tabs .si-tab-item.active {
  background-color: #e10000 !important;
  color: #ffffff !important;
  border-color: #e10000 !important;
}
.si-custom-tabs .si-tab-item.active .si-icon-tab {
  background-color: #e10000 !important;
  border-color: #e10000 !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5) !important;
}
.si-custom-tabs .si-tab-item .si-icon-tab {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  margin-right: 8px;
  margin-left: -1px;
  height: calc(100% + 1px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  border: 1px solid #6e6e6e;
  height: 26px;
}
.si-custom-tabs .si-tab-item .si-icon-tab:before {
  font-size: 18px;
}

.si-tab-pane__notesmedia {
  padding-top: 4px;
}

.si-tab-pane {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 992px) {
  .si-tab-pane .si-subHeader .custom-select__control {
    min-height: 32px !important;
    width: 207px;
  }
}
.si-tab-pane::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-tab-pane::-webkit-scrollbar {
    width: 0px;
  }
}
@supports (-webkit-touch-callout: none) {
  .si-tab-pane::-webkit-scrollbar {
    width: 0px;
    display: none;
  }
}
.si-tab-pane::-webkit-scrollbar-track {
  z-index: 999;
}
.si-tab-pane::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-tab-pane::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 36, 36, 0.2);
  z-index: 999;
}
.si-tab-pane__editspecs {
  height: calc(100vh - 306px);
  background-color: #ffffff;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs {
    height: calc(100vh - 412px);
  }
}
.si-tab-pane__editspecs .si-form {
  display: flex;
}
.si-tab-pane__editspecs .si-sportstags .content-wrapper {
  background: rgba(200, 200, 200, 0.25);
  padding: 10px;
  padding-bottom: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.si-tab-pane__editspecs .si-sportstags .si-title {
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .si-sportstags .si-title {
    font-size: 14px;
  }
}
.si-tab-pane__editspecs .si-sportstags .form-control {
  margin-top: 27px;
}
.si-tab-pane__editspecs .si-sportstags .custom-label__text {
  color: #6d6d6d;
  font-size: 12px;
  margin-left: 6px;
}
.si-tab-pane__editspecs .si-sportstags .custom-label {
  margin-bottom: 10px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl {
  border-radius: 5px;
  padding: 15px;
  padding-left: 0;
  padding-bottom: 9px;
  padding-right: 0;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .si-subtitile {
  color: #5e5e5e;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  padding-left: 15px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tags {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  background: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  align-items: center;
  padding: 10px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tags .ReactTags__selected {
  display: flex;
  flex-wrap: wrap;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tags .tag-wrapper {
  display: flex;
  width: 100%;
  position: relative;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tags .tag-wrapper.ReactTags__tag {
  font-size: 14px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #000000;
  padding-left: 6px;
  padding-right: 6px;
  width: auto;
  height: 30px;
  background: #f4f4f4;
  border-radius: 5px;
  display: flex;
  align-items: center;
  line-height: 15px;
  margin-right: 15px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tags .ReactTags__remove {
  background: transparent;
  border: 0;
  right: 6px;
  line-height: 25px;
  font-size: 22px;
  margin: 5px;
  color: #000000;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tagInput {
  width: 100px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tagInput .ReactTags__tagInputField {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  background: #ffffff;
  height: 30px;
  padding: 0 10px;
  width: 100%;
  font-size: 12px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tagInput .ReactTags__tagInputField:focus, .si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tagInput .ReactTags__tagInputField:focus-within {
  border-color: #282828 !important;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5) !important;
}
@media screen and (min-width: 769px) {
  .si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tagInput .ReactTags__tagInputField:hover {
    border-color: #282828 !important;
  }
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__tagInput .ReactTags__tagInputField input:focus-visible {
  border: 1px solid #000000;
  outline: 0;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__suggestions {
  background: #222222;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  width: 183px;
  height: auto;
  padding: 10px;
  padding: 10px 3px 10px 0px;
  position: absolute;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__suggestions ul {
  list-style: none;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__suggestions ul li {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  color: #fff;
  height: 32px;
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__suggestions ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.si-tab-pane__editspecs .si-sportstags .si-tagControl .ReactTags__activeSuggestion mark {
  color: #ffffff;
  background: transparent;
}
.si-tab-pane__editspecs .content-wrapper {
  padding: 10px 5px 10px 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .content-wrapper {
    margin-bottom: 0px;
    padding: 5px 0px;
  }
}
.si-tab-pane__editspecs .content-wrapper:last-of-type {
  margin-bottom: 0;
}
.si-tab-pane__editspecs .content-wrapper.si-viewmode .form-control .si-value {
  background: #eaeaea;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  font-size: 12px;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  padding: 4px 15px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .content-wrapper.si-viewmode .form-control .si-value {
    font-size: 14px;
  }
}
.si-tab-pane__editspecs .si-custom-col {
  color: #ffffff;
}
.si-tab-pane__editspecs input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c8c8c8;
  -webkit-text-fill-color: #c8c8c8;
  opacity: 1;
  /* Firefox */
}
.si-tab-pane__editspecs input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c8c8c8;
}
.si-tab-pane__editspecs input:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c8c8c8;
}
.si-tab-pane__editspecs .label-head {
  font-size: 12px;
  text-transform: capitalize;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .label-head {
    font-size: 14px;
  }
}
.si-tab-pane__editspecs .label-info {
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #888888;
  padding-left: 10px;
}
.si-tab-pane__editspecs .si-wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .si-wrp {
    flex-wrap: wrap;
  }
}
.si-tab-pane__editspecs .si-label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
}
.si-tab-pane__editspecs .form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .form-group {
    width: 100%;
  }
}
.si-tab-pane__editspecs .form-group .form-control {
  margin-right: 20px;
  width: 156px;
}
.si-tab-pane__editspecs .form-group .form-control.si-error .si-input,
.si-tab-pane__editspecs .form-group .form-control.si-error select {
  border: 1px solid #e10000;
}
.si-tab-pane__editspecs .form-group .form-control.si-error .si-errormsg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #e10000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 10px;
  position: absolute;
  left: 0;
  white-space: nowrap;
}
.si-tab-pane__editspecs .form-group .form-control .si-errormsg {
  display: none;
}
.si-tab-pane__editspecs .form-group .form-control.si-reps, .si-tab-pane__editspecs .form-group .form-control.si-sets {
  width: 60px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .form-group .form-control.si-reps, .si-tab-pane__editspecs .form-group .form-control.si-sets {
    flex-basis: 13%;
  }
  .si-tab-pane__editspecs .form-group .form-control.si-reps .si-input, .si-tab-pane__editspecs .form-group .form-control.si-sets .si-input {
    width: 100%;
  }
}
@media screen and (max-width: 520px) {
  .si-tab-pane__editspecs .form-group .form-control.si-reps, .si-tab-pane__editspecs .form-group .form-control.si-sets {
    flex-basis: 21%;
  }
}
@media screen and (max-width: 480px) {
  .si-tab-pane__editspecs .form-group .form-control.si-reps, .si-tab-pane__editspecs .form-group .form-control.si-sets {
    flex-basis: 100%;
  }
}
.si-tab-pane__editspecs .form-group .form-control.si-reps .si-input[disabled] {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
}
.si-tab-pane__editspecs .form-group .form-control select {
  width: 109px;
  text-align: center;
}
@media screen and (max-width: 360px) {
  .si-tab-pane__editspecs .form-group .form-control select {
    width: 81px;
  }
}
.si-tab-pane__editspecs .form-control.si-Disable .form-control-wrap {
  cursor: not-allowed;
}
.si-tab-pane__editspecs .form-control.si-Disable .form-control-wrap .si-input {
  cursor: not-allowed;
}
.si-tab-pane__editspecs .form-control.si-Disable .form-control-wrap .custom-select__control {
  cursor: not-allowed;
}
.si-tab-pane__editspecs .form-control.si-Disable .custom-select__single-value,
.si-tab-pane__editspecs .form-control.si-Disable .custom-select__indicator {
  color: #c8c8c8 !important;
}
.si-tab-pane__editspecs .form-control.si-Disable .si-view:after {
  content: "\e920";
  color: #c8c8c8;
  font-size: 15px;
}
.si-tab-pane__editspecs .form-control.si-Disable label {
  color: #c8c8c8;
}
.si-tab-pane__editspecs .form-control.si-tempo {
  width: 210px;
  margin-top: 25px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .form-control.si-tempo {
    margin-top: 0;
  }
}
@media screen and (max-width: 520px) {
  .si-tab-pane__editspecs .form-control.si-tempo {
    width: 100%;
  }
}
.si-tab-pane__editspecs .form-control .si-labelwrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
.si-tab-pane__editspecs .form-control label {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #282828;
  cursor: initial;
}
.si-tab-pane__editspecs .form-control .si-view {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.si-tab-pane__editspecs .form-control .si-view:after {
  content: "\e921";
  font-family: "AMS" !important;
  font-size: 12px;
  color: #000000;
  right: 0;
}
.si-tab-pane__editspecs .form-control-wrap {
  position: relative;
  display: flex;
  width: 100%;
}
.si-tab-pane__editspecs .form-control-wrap .si-input {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 30px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px;
  padding-left: 5px;
}
@media screen and (max-width: 480px) {
  .si-tab-pane__editspecs .form-control-wrap .si-input {
    flex: 0 0 50%;
  }
}
.si-tab-pane__editspecs .form-control-wrap .si-input:focus {
  border: 1px solid #000000;
}
.si-tab-pane__editspecs .form-control-wrap .custom-select {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  background-color: #ffffff;
  color: #32291d;
  font-weight: 600;
  height: 100%;
  position: absolute;
  right: 0;
  border: 1px solid #c8c8c8;
}
.si-tab-pane__editspecs .form-control-wrap .custom-select__control {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  min-height: 30px;
  height: 30px;
  background-color: #ffffff !important;
  border: 1px solid #c8c8c8;
}
.si-tab-pane__editspecs .form-control-wrap .custom-select__indicator {
  padding: 0px !important;
  padding-right: 6px !important;
}
.si-tab-pane__editspecs .form-control-wrap[disabled] {
  cursor: not-allowed;
}
.si-tab-pane__editspecs .form-control-wrap[disabled] .si-input {
  pointer-events: none;
  color: #c8c8c8;
  -webkit-text-fill-color: #c8c8c8;
  opacity: 1;
}
.si-tab-pane__editspecs .form-control-wrap[disabled] .custom-select {
  pointer-events: none;
  color: #c8c8c8;
  -webkit-text-fill-color: #c8c8c8;
  opacity: 1;
}
.si-tab-pane__editspecs .si-custom-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-tab-pane__editspecs .si-custom-col {
  position: relative;
  width: 100%;
}
.si-tab-pane__editspecs .si-custom-col + .si-custom-col {
  padding-left: 20px;
  margin-left: 20px;
  flex: 1;
}
.si-tab-pane__editspecs .custom-single-select {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__editspecs .custom-single-select {
    flex: 0 0 50%;
  }
}
.si-tab-pane__editspecs .custom-select__single-value {
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.si-tab-pane__editspecs .si-Disable {
  cursor: not-allowed;
}
.si-tab-pane__editspecs .si-Disable input {
  pointer-events: none;
}
.si-tab-pane__setrecurrence .si-program-duration {
  font-size: 14px;
  text-transform: capitalize;
  color: #282828;
}
.si-tab-pane__setrecurrence .si-action-buttons .si-action-btn {
  width: 98px;
}
.si-tab-pane__setrecurrence .si-program-head .si-icon__button {
  margin-left: auto;
  display: none;
}
.si-tab-pane__setrecurrence .si-program-head .title {
  font-weight: 600;
}
.si-tab-pane__setrecurrence .si-program-head .label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
  background-color: rgba(200, 200, 200, 0.2);
  margin-left: 10px;
}
.si-tab-pane__setrecurrence .si-program-weeks {
  max-height: calc(100dvh - 380px);
  overflow-y: auto;
}
.si-tab-pane__setrecurrence .si-program-weeks::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-weeks::-webkit-scrollbar {
    width: 0px;
  }
}
@supports (-webkit-touch-callout: none) {
  .si-tab-pane__setrecurrence .si-program-weeks::-webkit-scrollbar {
    width: 0px;
    display: none;
  }
}
.si-tab-pane__setrecurrence .si-program-weeks::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-tab-pane__setrecurrence .si-program-weeks .si-program-list {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 0;
}
.si-tab-pane__setrecurrence .si-program-weeks .si-program-row {
  padding: 10px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-row {
    padding: 10px 0px;
    margin-top: 6px;
  }
}
.si-tab-pane__setrecurrence .si-program-weeks .si-program-row + .si-program-row {
  border-top: 1px solid #eaeaea;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-row + .si-program-row {
    border-top: none;
  }
}
.si-tab-pane__setrecurrence .si-program-row, .si-tab-pane__setrecurrence .si-program-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-tab-pane__setrecurrence .si-program-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.si-tab-pane__setrecurrence .si-program-item .checkbox-disabled {
  border-color: #969696 !important;
  pointer-events: none;
}
.si-tab-pane__setrecurrence .si-program-item .checkbox-disabled::before {
  border-color: #969696 !important;
}
.si-tab-pane__setrecurrence .si-program-row-head {
  padding: 10px;
  margin-top: 10px;
  background: #f5eefa;
  border: 1px solid #eaeaea;
  color: #282828;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  border-radius: 5px 5px 0px 0px;
}
.si-tab-pane__setrecurrence .si-program-row-head .col-1 {
  font-weight: 600 !important;
}
.si-tab-pane__setrecurrence .si-program-col.col-1 {
  flex-basis: 31%;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-col.col-1 {
    flex-basis: 15%;
  }
}
.si-tab-pane__setrecurrence .si-program-col.col-2 {
  flex-basis: 74%;
}
.si-tab-pane__setrecurrence .si-program-col.col-3 {
  flex-basis: 35%;
}
@media only screen and (min-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-col.col-3 {
    order: 3;
  }
}
@media screen and (max-width: 992px) {
  .si-tab-pane__notesmedia {
    height: calc(100vh - 383px);
    background-color: #ffffff;
    overflow: hidden;
    overflow-y: auto;
  }
  .si-tab-pane__notesmedia .si-label {
    font-size: 14px !important;
  }
}
.si-tab-pane__notesmedia.si-viewmode .form-control .si-input[disabled],
.si-tab-pane__notesmedia.si-viewmode .form-control textarea[disabled] {
  border: 1px solid #c8c8c8 !important;
  height: auto !important;
  border-color: #c8c8c8 !important;
  background: #eaeaea;
  font-weight: 400;
  color: #282828;
  -webkit-text-fill-color: #282828;
  opacity: 1;
}
.si-tab-pane__notesmedia .form-control {
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .si-tab-pane__notesmedia .form-control {
    margin-bottom: 10px;
  }
  .si-tab-pane__notesmedia .form-control textarea {
    height: 100px;
  }
}
.si-tab-pane__notesmedia .si-form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
}
.si-tab-pane__notesmedia .si-form-inline .form-control {
  flex-basis: 50%;
  padding: 0 20px;
}
.si-tab-pane__notesmedia .custom-label__text {
  color: #6d6d6d;
  font-size: 12px;
  margin-left: 6px;
}
.si-tab-pane__notesmedia .custom-label {
  margin-bottom: 3px;
}

@media screen and (max-width: 1200px) {
  .si-tab-pane__setrecurrence .si-action-buttons .si-action-btn {
    padding: 8px 11px;
    margin-left: 7px;
    width: 86px;
  }
}
@media only screen and (max-width: 992px) {
  .si-custom-tabs .si-tab-item {
    flex-direction: column-reverse;
    background-color: transparent;
    flex: 1;
    font-size: 10px;
    padding-right: 0;
    height: 24px;
  }
  .si-custom-tabs .si-tab-item.active {
    background-color: transparent;
    color: #ffffff;
  }
  .si-custom-tabs .si-tab-item .si-icon-tab {
    margin-right: 0;
    padding: 5px 10px;
    width: 100%;
    margin-top: 1px;
  }
  .si-tab-pane__setrecurrence .si-program-head {
    margin-bottom: 20px;
  }
  .si-tab-pane__setrecurrence .si-program-head .si-program-col.col-3 {
    margin-left: auto;
    flex-basis: unset;
  }
  .si-tab-pane__setrecurrence .si-program-head .si-program-col.col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    align-items: center;
  }
  .si-tab-pane__setrecurrence .si-program-head .label {
    margin-left: 8px;
  }
  .si-tab-pane__setrecurrence .si-program-weeks {
    max-height: calc(100dvh - 400px);
  }
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-row {
    position: relative;
  }
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col.col-1 {
    flex-basis: initial;
  }
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col.col-3 {
    flex-basis: initial;
    flex: 1;
    position: absolute;
    right: 10px;
    top: 0px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col.col-3 {
    right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col.col-2 {
    flex-basis: 100%;
    background: #f8f8f8;
    padding: 0 17px;
    height: 61px;
    border-radius: 5px;
    margin-top: 10px;
  }
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col.col-2 input[type=checkbox] {
    width: 22px;
    height: 22px;
  }
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col.col-2 input[type=checkbox]:before {
    top: 3px;
    left: 6px;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-weeks .si-program-col .si-action-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    padding-top: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-list {
    justify-content: space-between;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-row {
    flex-wrap: wrap;
    background: transparent !important;
  }
  .si-tab-pane__setrecurrence .si-program-row + .si-program-row {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-program-item {
    flex: unset;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__setrecurrence .si-action-buttons .si-action-btn {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__notesmedia .si-form-inline {
    display: block;
  }
  .si-tab-pane__notesmedia .custom-label__text {
    font-size: 10px;
  }
}
.si-program-duration .si-program-head .program-duration {
  font-weight: 700;
}
.si-program-duration .si-program-head .label {
  font-weight: 400;
}
.si-program-duration .si-program-weeks {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  border-top: 0px;
}
@media only screen and (max-width: 992px) {
  .si-program-duration .si-program-weeks {
    border: none;
  }
}
.si-program-duration .si-program-weeks .si-program-row .si-program-col span:first-child {
  font-weight: 500;
}

.si-tab-pane__notesmedia .custom-label .si-label {
  font-weight: 700 !important;
}
.si-tab-pane__notesmedia .si-form-inline .form-control .si-label {
  font-weight: 400 !important;
}

.si-tab-pane__editspecs .content-wrapper .si-custom-row .si-custom-col .si-wrp .form-group {
  gap: 15px;
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__editspecs .content-wrapper .si-custom-row .si-custom-col .si-wrp .form-group {
    gap: 0px;
  }
}
.si-tab-pane__editspecs .content-wrapper .si-custom-row .si-custom-col .si-wrp .form-group .form-control {
  margin-right: 0;
}

.si-tab-content textarea::placeholder,
.si-tab-content input::placeholder {
  color: #c8c8c8;
  -webkit-text-fill-color: #c8c8c8;
  opacity: 1;
}
.si-tab-content .si-viewmode .media-url {
  background: #eaeaea !important;
}
.si-tab-content .si-viewmode .media-url:hover, .si-tab-content .si-viewmode .media-url:focus {
  border-color: #c8c8c8;
  box-shadow: unset;
}

.si-date-picker {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.si-date-picker .si-input-wrap {
  margin-bottom: 15px;
}
.si-date-picker .si-date-picker-container {
  background: rgba(200, 200, 200, 0.25);
  border-radius: 5px;
}
.si-date-picker .si-date-picker-container .si-date-range-picker {
  display: none;
  margin-top: -17px;
}
.si-date-picker .si-date-picker-container .si-date-range-picker.si-dekstopcalendareview {
  display: block;
  margin: auto;
  background: rgba(200, 200, 200, 0);
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .si-date-picker .si-date-picker-container .si-date-range-picker.si-dekstopcalendareview {
    display: none;
  }
}
.si-date-picker .si-date-picker-container .si-date-range-picker.si-mobilcalendareview {
  display: none;
}
@media screen and (max-width: 992px) {
  .si-date-picker .si-date-picker-container .si-date-range-picker.si-mobilcalendareview {
    display: block;
    background: rgba(200, 200, 200, 0);
    border-radius: 5px;
    margin: auto;
  }
}
.si-date-picker .si-input-wrap {
  margin-bottom: 15px;
  width: 100%;
  display: flex;
}
.si-date-picker .rdrMonthAndYearWrapper .rdrMonthAndYearPickers {
  display: none;
}
.si-date-picker .rdrMonthAndYearWrapper .rdrNextPrevButton {
  background-color: transparent;
}
.si-date-picker .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrNextButton i {
  border-width: 10px 5px 10px 10px;
  border-color: transparent transparent transparent rgb(255, 255, 239);
}
.si-date-picker .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrPprevButton i {
  border-width: 10px 10px 10px 5px;
  border-color: transparent rgb(255, 255, 239) transparent transparent;
}
.si-date-picker .rdrMonthName {
  color: #e10000;
}
.si-date-picker .rdrWeekDay {
  color: #282828;
  font-weight: 500;
}
.si-date-picker .rdrDayNumber {
  transition: 0.2s;
}
.si-date-picker .rdrDayNumber span {
  color: #282828 !important;
  font-weight: 500;
}
.si-date-picker .rdrInRange {
  color: rgba(255, 80, 70, 0.3) !important;
}
.si-date-picker .rdrStartEdge,
.si-date-picker .rdrDayStartOfMonth .rdrInRange,
.si-date-picker .rdrDayStartOfMonth .rdrEndEdge,
.si-date-picker .rdrDayStartOfWeek .rdrInRange,
.si-date-picker .rdrDayStartOfWeek .rdrEndEdge {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.si-date-picker .rdrDayStartOfMonth .rdrDayInPreview,
.si-date-picker .rdrDayStartOfMonth .rdrDayEndPreview,
.si-date-picker .rdrDayStartOfWeek .rdrDayInPreview,
.si-date-picker .rdrDayStartOfWeek .rdrDayEndPreview {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.si-date-picker .rdrEndEdge,
.si-date-picker .rdrDayEndOfMonth .rdrInRange,
.si-date-picker .rdrDayEndOfMonth .rdrStartEdge,
.si-date-picker .rdrDayEndOfWeek .rdrInRange,
.si-date-picker .rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.si-date-picker .rdrDayEndOfMonth .rdrDayInPreview,
.si-date-picker .rdrDayEndOfMonth .rdrDayStartPreview,
.si-date-picker .rdrDayEndOfWeek .rdrDayInPreview,
.si-date-picker .rdrDayEndOfWeek .rdrDayStartPreview {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.si-date-picker .rdrStartEdge,
.si-date-picker .rdrEndEdge {
  color: #e10000 !important;
}
.si-date-picker .rdrDayToday .rdrDayNumber span:after {
  display: none;
}
.si-date-picker .rdrDay {
  color: transparent !important;
}
.si-date-picker .rdrDay.rdrDayHovered {
  color: transparent !important;
}
.si-date-picker .rdrDay.rdrDayHovered .rdrDayNumber:hover {
  background: rgba(255, 255, 255, 0.09) !important;
}
.si-date-picker .rdrDay.rdrDayHovered .rdrDayStartPreview,
.si-date-picker .rdrDay.rdrDayHovered .rdrDayInPreview,
.si-date-picker .rdrDay.rdrDayHovered .rdrDayEndPreview {
  color: transparent !important;
}
.si-date-picker .rdrDayStartPreview,
.si-date-picker .rdrDayInPreview,
.si-date-picker .rdrDayEndPreview {
  background: rgba(255, 80, 70, 0.3) !important;
  color: rgba(255, 80, 70, 0.3) !important;
}
.si-date-picker .rdrDayStartPreview {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.si-date-picker .rdrDayEndPreview {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.si-date-picker .rdrDayPassive .rdrDayNumber {
  display: none;
}
.si-date-picker .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.si-date-picker .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span {
  color: #000000;
}
.si-date-picker .select-date {
  color: #282828;
  background-color: transparent;
  border: 1px solid #eaeaea;
  padding: 5px 10px;
  text-align: center;
  width: 120px;
  font-size: 12px;
  font-family: "poppins";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 500;
}
.si-date-picker .select-date:focus, .si-date-picker .select-date:active, .si-date-picker .select-date:focus-within {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-date-picker .select-date:hover {
  border: 1px solid #282828;
}
.si-date-picker .select-date[disabled] {
  background: rgba(200, 200, 200, 0.3);
  color: #969696;
  border-color: #c8c8c8;
}
@media screen and (max-width: 580px) {
  .si-date-picker .select-date {
    width: 88px;
  }
}
.si-date-picker .separator {
  padding: 0 10px;
  color: #999999;
  display: flex;
  align-items: center;
}
.si-date-picker .si-date-picker-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: rgba(200, 200, 200, 0.25);
  border-radius: 5px;
  margin: auto;
  justify-content: center;
}
.si-date-picker .si-date-picker-container .si-form-radio {
  margin-left: 20px;
  background-color: #212121;
  height: fit-content;
  padding: 10px;
  font-size: 14px;
  color: #999999;
}
.si-date-picker .rdrDateDisplayWrapper {
  display: none;
}
.si-date-picker .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrNextButton i {
  border-color: transparent transparent transparent #e10000;
}
.si-date-picker .rdrMonthAndYearWrapper .rdrNextPrevButton.rdrPprevButton i {
  border-color: transparent #e10000 transparent transparent;
}

.si-start-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.si-start-date[disabled] .si-label {
  color: #282828;
  font-weight: 500;
  cursor: default;
}
.si-start-date[disabled] input {
  color: #c8c8c8;
  border: 1px solid #c8c8c8 !important;
  cursor: not-allowed;
  -webkit-text-fill-color: #c8c8c8 !important;
  opacity: 1;
}
.si-start-date[disabled] .icon-calender {
  cursor: not-allowed;
}
.si-start-date[disabled] .icon-calender:before {
  color: #c8c8c8;
}
.si-start-date input {
  color: #282828;
  border: 1px solid #282828;
  border-color: #282828;
  -webkit-text-fill-color: #282828;
  opacity: 1;
}
.si-start-date .icon-calender:before {
  color: #212121;
}
.si-start-date .form-control-group {
  position: relative;
  width: 125px;
  background-color: #ffffff;
  border-radius: 5px;
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px solid #eaeaea;
  cursor: pointer;
}
.si-start-date .form-control-group:focus, .si-start-date .form-control-group:active, .si-start-date .form-control-group:focus-within {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-start-date .form-control-group:hover {
  border: 1px solid #282828;
}
.si-start-date .form-control-group .si-icon {
  left: 3px;
}
.si-start-date .form-control-group .date-text {
  margin-left: 35px;
  color: #282828;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .si-start-date .form-control-group {
    margin-left: 15px;
  }
}
.si-start-date .si-label {
  margin-bottom: 0;
  margin-right: 8px;
}
@media screen and (max-width: 992px) {
  .si-start-date .si-label {
    display: none;
  }
}
.si-start-date .si-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
}
.si-start-date .si-input {
  padding-left: 34px;
  cursor: pointer;
  color: #282828;
  font-weight: 500;
  font-size: 14px;
  padding-right: 10px !important;
  -webkit-text-fill-color: #282828;
  opacity: 1;
}

.input-disable {
  pointer-events: none;
  background: rgba(200, 200, 200, 0.3) !important;
  border-color: #c8c8c8 !important;
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
  opacity: 1;
}

.input-disable::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
}

.si-start-date .form-control-group input {
  border: 1px solid #282828;
}

.rdrtPrevButton-disabled .rdrPprevButton {
  pointer-events: none;
}
.rdrtPrevButton-disabled .rdrPprevButton i {
  border-color: transparent #c8c8c8 transparent transparent !important;
  pointer-events: none;
}

.rdrtNextButton-disabled .rdrNextButton {
  pointer-events: none;
}
.rdrtNextButton-disabled .rdrNextButton i {
  border-color: transparent transparent transparent #c8c8c8 !important;
  pointer-events: none;
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  line-height: normal;
}

.react-datepicker__calendar-icon {
  width: 1.8em !important;
  height: 1.8em !important;
  padding: 0.5rem 0.5rem 0.5rem 0.6rem !important;
  font-size: 17px;
}

.css-1jqq78o-placeholder {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.react-datepicker__view-calendar-icon input {
  border-color: rgb(204, 204, 204);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  height: 31px;
  width: 100%;
  padding: 6px 10px 5px 35px !important;
  cursor: pointer;
}
.react-datepicker__view-calendar-icon input:focus, .react-datepicker__view-calendar-icon input:focus-within {
  border-color: #282828 !important;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5) !important;
}
@media screen and (min-width: 769px) {
  .react-datepicker__view-calendar-icon input:hover {
    border-color: #282828 !important;
  }
}
@media screen and (max-width: 768px) {
  .react-datepicker__view-calendar-icon input {
    width: 100%;
  }
}

.react-datepicker__view-calendar-icon input:disabled {
  background: rgb(242, 242, 242) !important;
  color: #282825 !important;
  background-color: rgb(242, 242, 242);
  border-color: rgb(230, 230, 230);
  background-color: rgb(242, 242, 242);
  border-color: rgb(230, 230, 230);
  border-radius: 4px;
  -webkit-text-fill-color: #282828 !important;
  opacity: 1;
}

.react-datepicker__view-calendar-icon svg {
  display: none;
}
.react-datepicker__view-calendar-icon::before {
  content: "\e91c";
  font-family: "AMS" !important;
  font-size: 15px;
  color: #000000;
  position: absolute;
  top: 8px;
  left: 10px;
}

.react-datepicker__input-container input {
  font-size: 12px;
  font-family: "poppins";
}
@media screen and (max-width: 768px) {
  .react-datepicker__input-container {
    font-size: 14px;
  }
}

.si-date-range-picke .si-date-picker .si-input-wrap {
  position: relative;
}
.si-date-range-picke .si-date-picker .si-input-wrap .select-date {
  text-align: right;
  padding: 5px 12px;
  width: 120px !important;
}
.si-date-range-picke .si-date-picker .si-input-wrap::before,
.si-date-range-picke .si-date-picker .si-input-wrap::after {
  content: "\e91c";
  font-family: "AMS";
  color: #282828;
  font-size: 15px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.si-date-range-picke .si-date-picker .si-input-wrap::before {
  left: 15px;
}
.si-date-range-picke .si-date-picker .si-input-wrap::after {
  left: 165px;
}

.si-start-date[disabled] .form-control-group {
  border: 1px solid #c8c8c8 !important;
  background: unset;
}
.si-start-date[disabled] .date-text {
  color: #c8c8c8;
  cursor: not-allowed;
  border: none !important;
}

.si-icon__button {
  width: 24px;
  height: 21px;
  background: transparent;
  border: none;
  color: #0d0d0d;
}
.si-icon__media {
  background-image: url("../../images/icons/icon-media.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.si-viewBtn {
  height: 18px;
  background: transparent;
  color: #787878;
  cursor: pointer;
  padding: 0 15px;
}

.icon-download {
  color: #323232 !important;
  cursor: pointer;
}

.si-input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #282828;
  -webkit-text-fill-color: #282828;
  width: 100%;
  padding: 5px 10px;
  resize: none;
  height: 30px;
  transition: 0.2s;
  font-size: 12px;
  opacity: 1;
}
@media screen and (max-width: 992px) {
  .si-input {
    font-size: 14px;
  }
}
.si-input:focus {
  border-color: #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
@media screen and (min-width: 769px) {
  .si-input:hover {
    border-color: #282828;
  }
}
.si-input-sets {
  width: 60px;
}
.si-input.border--red {
  border-color: #ff0000;
}
.si-input[disabled] {
  background-color: transparent;
  border-color: transparent;
}
.si-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c8c8c8;
  -webkit-text-fill-color: #c8c8c8;
  opacity: 1;
  font-weight: 400;
  /* Firefox */
}
.si-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c8c8c8;
  font-weight: 400;
}
.si-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c8c8c8;
  font-weight: 400;
}

.si-duration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-duration .si-input {
  width: 32%;
}
@media screen and (max-width: 992px) {
  .si-duration .si-input {
    width: 42%;
  }
}

.si-error-message {
  font-size: 10px;
  color: #e10000;
  display: none;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-top: 1px;
}

.si-form .form-control + .form-control {
  margin-top: 30px;
}

.si-label {
  color: #282828;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-bottom: 7px;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  white-space: nowrap;
  cursor: default;
}
@media screen and (max-width: 992px) {
  .si-label {
    font-size: 14px !important;
    margin-bottom: 5px;
  }
}
.si-label-append {
  color: #282828;
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px;
  text-transform: capitalize;
}

.si-select, .si-main-tournament .tournament-body__left-header .si-selected {
  text-transform: capitalize;
}

.si-popup__description textarea {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.si-popup__description textarea.si-input {
  background: rgba(255, 255, 255, 0.3);
}
.si-popup__description textarea.si-input::placeholder {
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8;
  font-weight: 400;
  font-size: 12px;
  opacity: 1;
}
.si-popup__description textarea.si-input[disabled] {
  background: rgba(200, 200, 200, 0.3);
  opacity: 1;
}

.si-textfield .si-input {
  width: 88%;
}

.test-date-input {
  position: relative;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 1;
  display: block;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  border-width: thin;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 5%;
}

input::-webkit-datetime-edit-fields-wrapper {
  position: relative;
  left: 10%;
}

input::-webkit-datetime-edit {
  position: relative;
  left: 10%;
}

input:focus::placeholder {
  opacity: 0;
}

.search input:focus::placeholder {
  opacity: unset;
}

textarea:focus::placeholder {
  opacity: 0;
}

.si-error .custom-select__control {
  border-color: #e10000;
}
.si-error .si-datepicker {
  border: 1px solid #e10000 !important;
}

.si-pagination {
  display: inline-block;
  position: relative;
  left: -8px;
  z-index: 1;
  bottom: -2px;
}
@media screen and (max-width: 992px) {
  .si-pagination {
    width: 100%;
    justify-content: flex-start;
    left: 0;
    bottom: 10px;
  }
}

.si-page-count {
  color: #ffffff;
  font-size: 14px;
}

.si-page-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
}
.si-page-navigation .icon-chev-left,
.si-page-navigation .icon-chev-right {
  border: 1px solid #F9AD4A;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: 0.2s;
}
.si-page-navigation .icon-chev-left:before,
.si-page-navigation .icon-chev-right:before {
  color: #F9AD4A;
}
.si-page-navigation .icon-chev-left.active, .si-page-navigation .icon-chev-left:hover,
.si-page-navigation .icon-chev-right.active,
.si-page-navigation .icon-chev-right:hover {
  background-color: #F9AD4A;
}
.si-page-navigation .icon-chev-left.active:before, .si-page-navigation .icon-chev-left:hover:before,
.si-page-navigation .icon-chev-right.active:before,
.si-page-navigation .icon-chev-right:hover:before {
  color: #000000;
}
.si-page-navigation button + button {
  margin-left: 15px;
}
.si-page-navigation .si-icon__button[disabled] {
  cursor: not-allowed;
  filter: grayscale(1);
}
.si-page-navigation .si-icon__button[disabled]:hover {
  background-color: transparent;
}
.si-page-navigation .si-icon__button[disabled]:hover:before {
  color: #F9AD4A;
}

.css-8nphli {
  padding-left: 2px;
}

.MuiTablePagination-root .css-8nphli {
  min-height: 45px !important;
  padding-left: 8px !important;
  display: flex;
  align-items: center;
}
.MuiTablePagination-root .MuiTablePagination-displayedRows {
  padding-top: 4px;
}

.si-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  color: #404040;
  visibility: hidden;
}
.si-popup.active {
  visibility: visible;
  background-color: #282828;
}
.si-popup-head .si-label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.si-popup-head .label-head {
  font-size: 18px;
  font-weight: 500;
}
.si-popup-head .label-info {
  font-size: 10px;
  margin-left: 10px;
  margin-top: 4px;
  color: #999999;
}
@media screen and (max-width: 992px) {
  .si-popup-head .label-info.si-datelabel {
    position: absolute;
    bottom: -14px;
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
  }
}
.si-popup .content-title h5 {
  font-size: 16px;
  margin-bottom: 15px;
}
.si-popup .content-description {
  font-size: 14px;
}
.si-popup .si-action-buttons {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media screen and (max-width: 456px) {
  .si-popup .si-action-buttons {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .si-popup .si-action-buttons {
    justify-content: center;
  }
}
.si-popup .si-emotionWrp {
  display: flex;
  width: 75%;
  justify-content: center;
  align-items: center;
  margin-left: 47px;
  margin-top: 28px;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult,
.si-popup .si-emotionWrp.si-coachview .si-Okay,
.si-popup .si-emotionWrp.si-coachview .si-smile {
  cursor: initial !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult:hover,
.si-popup .si-emotionWrp.si-coachview .si-Okay:hover,
.si-popup .si-emotionWrp.si-coachview .si-smile:hover {
  transform: none;
  transition: none;
  pointer-events: none;
  border-color: #c8c8c8 !important;
  cursor: initial !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult:hover:before,
.si-popup .si-emotionWrp.si-coachview .si-Okay:hover:before,
.si-popup .si-emotionWrp.si-coachview .si-smile:hover:before {
  content: "\e927" !important;
  font-family: "AMS" !important;
  font-size: 30px;
  color: #c8c8c8;
  background-image: none !important;
  color: #c8c8c8 !important;
  cursor: not-allowed;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult:hover.si-Okay:before,
.si-popup .si-emotionWrp.si-coachview .si-Okay:hover.si-Okay:before,
.si-popup .si-emotionWrp.si-coachview .si-smile:hover.si-Okay:before {
  content: "\e926" !important;
  font-family: "AMS" !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult:hover.si-smile:before,
.si-popup .si-emotionWrp.si-coachview .si-Okay:hover.si-smile:before,
.si-popup .si-emotionWrp.si-coachview .si-smile:hover.si-smile:before {
  content: "\e924" !important;
  font-family: "AMS" !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult:hover span,
.si-popup .si-emotionWrp.si-coachview .si-Okay:hover span,
.si-popup .si-emotionWrp.si-coachview .si-smile:hover span {
  color: #c8c8c8 !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-Difficult,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-Difficult,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-Difficult {
  border-color: #ff5740 !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-Difficult:before,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-Difficult:before,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-Difficult:before {
  content: "" !important;
  font-family: "AMS" !important;
  color: #ff5740 !important;
  background-image: url("../images/fill-Difficult.svg") !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-Difficult span,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-Difficult span,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-Difficult span {
  color: #ff5740 !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-Okay,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-Okay,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-Okay {
  border-color: #f9dd4a !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-Okay:before,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-Okay:before,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-Okay:before {
  content: "" !important;
  font-family: "AMS" !important;
  color: #f9dd4a !important;
  background-image: url("../images/fill-ok.svg") !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-Okay span,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-Okay span,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-Okay span {
  color: #f9dd4a;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-smile,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-smile,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-smile {
  border-color: #18e95f !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-smile:before,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-smile:before,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-smile:before {
  content: "";
  font-family: "AMS" !important;
  color: #18e95f !important;
  background-image: url("../images/fill-happy.svg") !important;
}
.si-popup .si-emotionWrp.si-coachview .si-Difficult.active:hover.si-smile span,
.si-popup .si-emotionWrp.si-coachview .si-Okay.active:hover.si-smile span,
.si-popup .si-emotionWrp.si-coachview .si-smile.active:hover.si-smile span {
  color: #18e95f;
}
@media screen and (max-width: 456px) {
  .si-popup .si-emotionWrp {
    width: 100%;
    margin-left: 0;
  }
}
.si-popup .si-emotionWrp .si-Difficult,
.si-popup .si-emotionWrp .si-Okay,
.si-popup .si-emotionWrp .si-smile {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  margin: auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.si-popup .si-emotionWrp .si-Difficult span,
.si-popup .si-emotionWrp .si-Okay span,
.si-popup .si-emotionWrp .si-smile span {
  position: absolute;
  bottom: -25px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #c8c8c8;
  font-size: 12px;
}
.si-popup .si-emotionWrp .si-Difficult.si-Difficult:before, .si-popup .si-emotionWrp .si-Difficult.si-Okay:before, .si-popup .si-emotionWrp .si-Difficult.si-smile:before,
.si-popup .si-emotionWrp .si-Okay.si-Difficult:before,
.si-popup .si-emotionWrp .si-Okay.si-Okay:before,
.si-popup .si-emotionWrp .si-Okay.si-smile:before,
.si-popup .si-emotionWrp .si-smile.si-Difficult:before,
.si-popup .si-emotionWrp .si-smile.si-Okay:before,
.si-popup .si-emotionWrp .si-smile.si-smile:before {
  content: "\e927";
  font-family: "AMS" !important;
  font-size: 30px;
  color: #c8c8c8;
}
.si-popup .si-emotionWrp .si-Difficult.si-Okay:before,
.si-popup .si-emotionWrp .si-Okay.si-Okay:before,
.si-popup .si-emotionWrp .si-smile.si-Okay:before {
  content: "\e926";
  font-family: "AMS" !important;
}
.si-popup .si-emotionWrp .si-Difficult.si-smile:before,
.si-popup .si-emotionWrp .si-Okay.si-smile:before,
.si-popup .si-emotionWrp .si-smile.si-smile:before {
  content: "\e924";
  font-family: "AMS" !important;
}
.si-popup .si-emotionWrp .si-Difficult:hover,
.si-popup .si-emotionWrp .si-Okay:hover,
.si-popup .si-emotionWrp .si-smile:hover {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-Difficult, .si-popup .si-emotionWrp .si-Difficult:hover.si-Difficult,
.si-popup .si-emotionWrp .si-Okay.active.si-Difficult,
.si-popup .si-emotionWrp .si-Okay:hover.si-Difficult,
.si-popup .si-emotionWrp .si-smile.active.si-Difficult,
.si-popup .si-emotionWrp .si-smile:hover.si-Difficult {
  border-color: #ff5740;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-Difficult:before, .si-popup .si-emotionWrp .si-Difficult:hover.si-Difficult:before,
.si-popup .si-emotionWrp .si-Okay.active.si-Difficult:before,
.si-popup .si-emotionWrp .si-Okay:hover.si-Difficult:before,
.si-popup .si-emotionWrp .si-smile.active.si-Difficult:before,
.si-popup .si-emotionWrp .si-smile:hover.si-Difficult:before {
  content: "";
  font-family: "AMS" !important;
  color: #ff5740;
  background-image: url("../images/fill-Difficult.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-Difficult span, .si-popup .si-emotionWrp .si-Difficult:hover.si-Difficult span,
.si-popup .si-emotionWrp .si-Okay.active.si-Difficult span,
.si-popup .si-emotionWrp .si-Okay:hover.si-Difficult span,
.si-popup .si-emotionWrp .si-smile.active.si-Difficult span,
.si-popup .si-emotionWrp .si-smile:hover.si-Difficult span {
  color: #ff5740;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-Okay, .si-popup .si-emotionWrp .si-Difficult:hover.si-Okay,
.si-popup .si-emotionWrp .si-Okay.active.si-Okay,
.si-popup .si-emotionWrp .si-Okay:hover.si-Okay,
.si-popup .si-emotionWrp .si-smile.active.si-Okay,
.si-popup .si-emotionWrp .si-smile:hover.si-Okay {
  border-color: #f9dd4a;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-Okay:before, .si-popup .si-emotionWrp .si-Difficult:hover.si-Okay:before,
.si-popup .si-emotionWrp .si-Okay.active.si-Okay:before,
.si-popup .si-emotionWrp .si-Okay:hover.si-Okay:before,
.si-popup .si-emotionWrp .si-smile.active.si-Okay:before,
.si-popup .si-emotionWrp .si-smile:hover.si-Okay:before {
  content: "";
  font-family: "AMS" !important;
  color: #f9dd4a;
  background-image: url("../images/fill-ok.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-Okay span, .si-popup .si-emotionWrp .si-Difficult:hover.si-Okay span,
.si-popup .si-emotionWrp .si-Okay.active.si-Okay span,
.si-popup .si-emotionWrp .si-Okay:hover.si-Okay span,
.si-popup .si-emotionWrp .si-smile.active.si-Okay span,
.si-popup .si-emotionWrp .si-smile:hover.si-Okay span {
  color: #f9dd4a;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-smile, .si-popup .si-emotionWrp .si-Difficult:hover.si-smile,
.si-popup .si-emotionWrp .si-Okay.active.si-smile,
.si-popup .si-emotionWrp .si-Okay:hover.si-smile,
.si-popup .si-emotionWrp .si-smile.active.si-smile,
.si-popup .si-emotionWrp .si-smile:hover.si-smile {
  border-color: #18e95f;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-smile:before, .si-popup .si-emotionWrp .si-Difficult:hover.si-smile:before,
.si-popup .si-emotionWrp .si-Okay.active.si-smile:before,
.si-popup .si-emotionWrp .si-Okay:hover.si-smile:before,
.si-popup .si-emotionWrp .si-smile.active.si-smile:before,
.si-popup .si-emotionWrp .si-smile:hover.si-smile:before {
  content: "";
  font-family: "AMS" !important;
  color: #18e95f;
  background-image: url("../images/fill-happy.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.si-popup .si-emotionWrp .si-Difficult.active.si-smile span, .si-popup .si-emotionWrp .si-Difficult:hover.si-smile span,
.si-popup .si-emotionWrp .si-Okay.active.si-smile span,
.si-popup .si-emotionWrp .si-Okay:hover.si-smile span,
.si-popup .si-emotionWrp .si-smile.active.si-smile span,
.si-popup .si-emotionWrp .si-smile:hover.si-smile span {
  color: #18e95f;
}
.si-popup .si-contentwrp {
  margin-top: 50px;
  color: #ffffff;
  font-size: 14px;
  max-height: 158px;
}
.si-popup .si-contentwrp .si-title {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}
.si-popup .si-contentwrp .si-content {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  line-height: 21px;
}
.si-popup-footer {
  margin-top: 19px;
}
.si-popup-footer .si-action-btn {
  width: 150px;
}
@media screen and (max-width: 480px) {
  .si-popup-footer .si-action-btn {
    width: 135px;
  }
}
@media screen and (max-width: 380px) {
  .si-popup-footer .si-action-btn {
    width: 113px;
  }
}
.si-popup .si-popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 10px 20px 20px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .si-popup .si-popup-content {
    padding: 25px 15px 20px 15px;
    max-width: 90%;
  }
}
.si-popup .si-popup-content .si-main-content {
  padding-top: 0px;
}
.si-popup .si-popup-content.si-remove {
  width: 500px;
  height: 310px;
}
@media screen and (max-width: 480px) {
  .si-popup .si-popup-content.si-remove {
    width: 345px;
    height: 271px;
  }
}
.si-popup .si-popup-content.si-remove .si-popup-footer {
  margin-top: 86px;
}
@media screen and (max-width: 480px) {
  .si-popup .si-popup-content.si-remove .si-popup-footer {
    margin-top: 47px;
  }
}
.si-popup .si-popup-content.si-remove .si-form-radio {
  margin-top: 15px;
}
.si-popup .si-popup-content.si-remove .si-form-radio .form-control:not(:last-child) {
  margin-bottom: 21px;
}
.si-popup .si-popup-content.si-emotion {
  width: 440px;
  max-height: 448px;
}
@media screen and (max-width: 456px) {
  .si-popup .si-popup-content.si-emotion {
    width: 343px;
  }
}
.si-popup .si-popup-content.si-emotion .si-popup-footer {
  margin-top: 50px;
}
.si-popup .si-popup-content.si-emotion .content-title h5 {
  font-size: 20px;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 456px) {
  .si-popup .si-popup-content.si-emotion .content-title h5 {
    font-size: 18px;
  }
}
.si-popup .si-popup-content.si-emotion .si-contentwrp .si-title {
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.si-popup .si-popup-content.si-emotion .si-contentwrp .si-content .si-ans {
  height: 57px;
  width: 100%;
  resize: none;
  background: #eaeaea;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  color: #282828;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  padding: 6px;
}
.si-popup .si-popup-content.si-notes {
  width: 500px;
  max-height: 300px;
}
@media screen and (max-width: 456px) {
  .si-popup .si-popup-content.si-notes {
    width: 343px;
  }
}
.si-popup .si-popup-content.si-notes .si-popup-footer {
  margin-top: 32px;
}
.si-popup .si-popup-content.si-notes .si-popup-footer .si-action-btn {
  font-weight: 700;
}
.si-popup .si-popup-content.si-notes .si-subTitle {
  font-size: 12px;
  margin-bottom: 9px;
}
.si-popup .si-popup-content.si-notes .content-title h5 {
  margin-bottom: 7px;
  margin-right: 10px;
  font-weight: 500;
}
.si-popup .si-popup-content.si-notes .si-txtArea {
  width: 100%;
  height: 120px;
  background-color: rgba(200, 200, 200, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  resize: none;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #282828;
  border: 0;
  padding: 10px;
}
.si-popup .si-popup-content.si-notes .si-txtArea:focus {
  border: 1px solid #c8c8c8;
}
@media screen and (max-width: 456px) {
  .si-popup .si-popup-content.si-notes .si-txtArea {
    width: 100%;
  }
}
.si-popup .si-popup-content.si-notes .content-description textarea {
  height: 88px !important;
}
@media screen and (max-width: 992px) {
  .si-popup .si-popup-content.si-notes .content-description textarea {
    height: 127px !important;
  }
}
@media screen and (max-width: 992px) {
  .si-popup .si-popup-content.si-notes .icon-close {
    font-size: 14px;
    margin-top: 10px;
  }
}
.si-popup .si-popup-content.si-emotion .si-popup-footer .si-action-buttons .si-action-btn, .si-popup .si-popup-content.si-notes .si-popup-footer .si-action-buttons .si-action-btn {
  width: 150px;
  height: 40px;
}
@media screen and (max-width: 456px) {
  .si-popup .si-popup-content.si-emotion .si-popup-footer .si-action-buttons .si-action-btn, .si-popup .si-popup-content.si-notes .si-popup-footer .si-action-buttons .si-action-btn {
    width: 132px;
  }
}
.si-popup .si-popup-content .si-button__close {
  position: absolute;
  right: 16px;
  top: 12px;
}
@media screen and (max-width: 992px) {
  .si-popup .si-popup-content .si-button__close {
    right: 10px;
    top: 6px;
  }
}
.si-popup .si-custom-tabs .si-tab-list {
  overflow-x: unset !important;
}

.si-custom-popup .si-popup__title .form-control {
  width: 90%;
  position: relative;
}
.si-custom-popup .si-popup__title .form-control.si-error input {
  border: 1px solid #e10000;
}
.si-custom-popup .si-popup__title .form-control.si-error .si-error-message {
  display: flex;
}
@media screen and (max-width: 992px) {
  .si-custom-popup .si-popup__title .form-control {
    width: 100%;
    flex: 1;
    margin-right: 0;
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 992px) {
  .si-custom-popup .si-button__close {
    position: absolute;
    right: 17px;
    top: 0px;
  }
  .si-custom-popup .si-button__close .icon-close {
    font-size: 14px;
  }
}
.si-custom-popup .si-sports {
  width: 200px;
  height: 34px;
  position: relative;
}
.si-custom-popup .si-sports.si-error select {
  border: 1px solid #e10000;
}
.si-custom-popup .si-sports.si-error .si-error-message {
  display: flex;
  width: 100vh;
}
.si-custom-popup .si-sports.si-error .custom-select__control {
  border-color: #e10000 !important;
}
@media screen and (max-width: 992px) {
  .si-custom-popup .si-sports {
    width: 100%;
  }
}
.si-custom-popup .si-sports .rmsc .dropdown-heading .dropdown-heading-value {
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .si-custom-popup .si-sports .rmsc .dropdown-heading .dropdown-heading-value {
    font-size: 14px;
  }
}
.si-custom-popup .si-Athletes .si-popup__title .si-input[disabled] {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
}
.si-custom-popup .si-Athletes .si-popup__title ::placeholder {
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.si-custom-popup .si-Athletes .si-popup__title :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.si-custom-popup .si-Athletes .si-popup__title ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .si-custom-popup .si-tab-list .si-tab-item {
    width: 25%;
    height: 30px !important;
    background-color: #ffffff;
  }
  .si-custom-popup .si-tab-list .si-tab-item .si-icon-tab {
    width: 25%;
    height: 30px;
    border: 0;
    box-shadow: none !important;
  }
  .si-custom-popup .si-tab-list .si-tab-item .si-icon-tab:before {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    font-size: 18px;
  }
  .si-custom-popup .si-tab-list .si-tab-item.active {
    width: 25%;
    height: 30px;
    background-color: #e10000 !important;
  }
  .si-custom-popup .si-tab-list .si-tab-item.active span:nth-of-type(2) {
    color: #e10000 !important;
  }
  .si-custom-popup .si-tab-list .si-tab-item.active .si-icon-tab {
    box-shadow: none;
  }
  .si-custom-popup .si-tab-list .si-tab-item span:nth-of-type(2) {
    font-size: 11px;
    position: absolute;
    top: -20px;
    color: #636363;
    left: 0;
    right: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-align: center;
  }
  .si-popup__title {
    margin-bottom: 4px;
  }
}
textarea {
  height: unset !important;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
textarea::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
textarea::-webkit-scrollbar-track {
  z-index: 999;
}
textarea::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2) !important;
  border-radius: 10px;
  z-index: 999;
}
textarea::-webkit-scrollbar-thumb:hover {
  background: #e10000;
  z-index: 999;
}

.si-popup-body .si-main-content {
  overflow: unset;
}
.si-popup-body .si-pagination {
  bottom: 20px;
}
.si-popup-body .si-tab-list {
  margin-bottom: 3px !important;
}
@media screen and (max-width: 992px) {
  .si-popup-body .si-tab-list {
    margin-top: 27px !important;
    margin-bottom: 3px !important;
  }
  .si-popup-body .si-tab-list .si-tab-item {
    width: 93px !important;
    flex: unset;
  }
}
.si-popup-body .si-program-head .col-1 {
  display: flex;
  align-items: center;
}
.si-popup-body .si-program-head .col-1 span {
  white-space: nowrap;
}

.rpe-popup {
  background-color: #ffffff;
  width: 620px;
  border-radius: 5px;
  padding: 14px 20px 20px 20px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 992px) {
  .rpe-popup {
    width: 375px;
    padding: 8px 15px 15px 15px;
  }
}
@media screen and (max-width: 420px) {
  .rpe-popup {
    width: 364px;
  }
}
.rpe-popup .icon-close {
  font-size: 16px;
}
@media screen and (max-width: 992px) {
  .rpe-popup .icon-close {
    margin-right: -13px;
  }
}
.rpe-popup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 25px;
  margin-bottom: 20px;
}
.rpe-popup__header .heading {
  font-weight: 500;
  font-size: 16px;
  color: #282828;
}
.rpe-popup .tooltip-wrapper {
  height: 25px;
}
@media screen and (min-width: 769px) {
  .rpe-popup .tooltip-wrapper {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 420px) {
  .rpe-popup .tooltip-wrapper {
    margin-bottom: 20px;
  }
}
.rpe-popup__tooltip {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  color: #282828;
  background: #fcbd4e;
  border-radius: 10px 10px 0px 0px;
  display: inline-block;
  padding: 5px 37px;
  margin-bottom: 20px;
  height: 25px;
}
.rpe-popup__wrapper {
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .rpe-popup__wrapper {
    margin-bottom: 0px;
  }
}
.rpe-popup__wrapper .meter {
  height: 240px;
}
@media screen and (max-width: 420px) {
  .rpe-popup__wrapper .meter {
    height: 200px;
  }
}
.rpe-popup__desc {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  color: #282828;
  text-align: center;
  margin-bottom: 27px;
  height: 28px;
}
@media screen and (max-width: 420px) {
  .rpe-popup__desc {
    height: 42px;
    margin-bottom: 12px;
  }
}
.rpe-popup .si-button {
  padding: 9px 56px;
}
@media screen and (max-width: 992px) {
  .rpe-popup .si-button {
    width: initial;
  }
}

.media-url {
  display: block;
  background-color: #f8f8f8;
  overflow: scroll;
}
.media-url a {
  color: #0000ee !important;
}
.media-url::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  z-index: 999;
}

.si-popup-body .si-tab-item span:last-child {
  text-transform: uppercase;
}

.si-info-text {
  display: inline-block;
  margin-left: 13px;
  font-size: 10px;
  font-weight: 400;
  color: #969696;
}

.no-attachement-txtwrp {
  width: 100%;
}
.no-attachement-txtwrp .no-attachement-txt {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
}

.si-popup-content .si-subHeader,
.si-popup-content .si-main-content {
  padding-left: unset !important;
  padding-right: unset !important;
}

.zindex-10000 {
  z-index: 10000 !important;
}
@media screen and (max-width: 992px) {
  .zindex-10000 .si-popup-footer {
    padding: 10px 16px !important;
  }
}

.zindex-10005 {
  z-index: 10005 !important;
}
@media screen and (max-width: 992px) {
  .zindex-10005 .si-popup-footer .si-action-btn {
    width: 154px;
  }
}

.si-Athletes .si-pagination {
  bottom: -5px !important;
}
@media screen and (max-width: 992px) {
  .si-Athletes .si-pagination {
    bottom: 35px !important;
  }
}

.si-error .dropdown-container {
  border: 1px solid #e10000 !important;
}

.marked-recovered-popup {
  width: 655px !important;
  max-height: unset !important;
}
@media screen and (max-width: 992px) {
  .marked-recovered-popup {
    width: 420px !important;
    padding: 10px 15px 20px 15px;
  }
}
@media screen and (max-width: 460px) {
  .marked-recovered-popup {
    width: 340px !important;
    padding: 10px 15px 20px 15px !important;
  }
}
.marked-recovered-popup .content-wrapper .content-title {
  margin-bottom: 10px;
}
.marked-recovered-popup .content-description {
  height: 88px;
}
@media screen and (max-width: 992px) {
  .marked-recovered-popup .content-description {
    height: 126px;
  }
}
.marked-recovered-popup .content-description textarea {
  height: 100% !important;
}
.marked-recovered-popup .si-popup-footer {
  margin-top: 25px !important;
}
@media screen and (min-width: 992px) {
  .marked-recovered-popup .si-popup-footer {
    margin-top: 25px !important;
  }
}
.marked-recovered-popup .si-popup-footer .si-action-btn {
  width: 150px !important;
}
.marked-recovered-popup .si-popup-footer .si-action-btn:first-child {
  margin-left: 0px;
}

.input-view-popup .si-popup-head .si-popup__title .form-control input {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .input-view-popup .si-popup-head .si-popup__title .form-control input {
    font-size: 16px;
    color: #282828 !important;
    -webkit-text-fill-color: #282828 !important;
    opacity: 1;
  }
}
.input-view-popup .si-popup-body .si-custom-tabs .si-tab-list {
  margin-top: 20px !important;
  margin-bottom: 12px !important;
}

.attachment-disabled {
  cursor: not-allowed;
}
.attachment-disabled .sc-iVCKna {
  pointer-events: none;
}
.attachment-disabled .drag-drop-container {
  border: 1px dashed var(--neutral-color-4, #c8c8c8) !important;
  color: #b4b4b4 !important;
  background: #f1f1f1;
}
.attachment-disabled .drag-drop-container .drag-drop__text-wrp .title-text,
.attachment-disabled .drag-drop-container .drag-drop__text-wrp .info-text {
  color: #b4b4b4 !important;
}
.attachment-disabled .drag-drop-container .drag-drop__text-wrp input::file-selector-button {
  color: #b4b4b4 !important;
  font-family: "Poppins";
}
.attachment-disabled .drag-drop-container i {
  color: #b4b4b4 !important;
}

@media screen and (max-width: 992px) {
  .si-athletebtn .si-popup .si-action-buttons {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}

.si-popup .si-popup-content .remove-exercise {
  min-height: 255px !important;
}
.si-popup .si-popup-content .remove-exercise .si-popup-footer {
  margin-top: 40px !important;
}

.si-form-radio [type=radio]:checked,
.si-form-radio [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.si-form-radio [type=radio]:checked + label,
.si-form-radio [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
}
.si-form-radio [type=radio]:checked + label:before,
.si-form-radio [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #e10000;
  border-radius: 100%;
}
.si-form-radio [type=radio]:checked + label:after,
.si-form-radio [type=radio]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #e10000;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.si-form-radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.si-form-radio [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.si-form-radio .form-control + .form-control {
  margin-top: 10px;
}

.si-icon.si-icon-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 34px;
}

.si-searchBox {
  color: #ffffff;
}
.si-searchBox ::-webkit-input-placeholder {
  color: white;
}
.si-searchBox :-moz-placeholder {
  color: white;
}
.si-searchBox ::-moz-placeholder {
  color: white;
}
.si-searchBox :-ms-input-placeholder {
  color: white;
}
.si-searchBox input::-webkit-input-placeholder {
  /* Edge */
  color: #ffffff;
}
.si-searchBox input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.si-searchBox input::placeholder {
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .completed-search {
    position: unset !important;
  }
  .completed-search .si-input {
    width: 350px !important;
  }
  .completed-search .icon-search {
    left: unset !important;
    top: 0 !important;
  }
  .completed-search .icon-close {
    left: 10px !important;
  }
  .completed-search input {
    font-size: 14px !important;
    padding-left: 35px;
  }
  .completed-search .icon-close {
    font-size: 12px;
  }
  .si-athleteprofile-tab .animateIn {
    width: 344px !important;
  }
  .si-athleteprofile-tab .completed-search .si-input {
    width: 342px !important;
  }
  .si-athleteprofile-tab .completed-search .icon-close {
    left: 0px !important;
  }
}
@media screen and (max-width: 992px) {
  .completed-search {
    width: 100% !important;
  }
  .completed-search .si-input {
    width: 100% !important;
  }
  .form-control-wrap:empty {
    display: none !important;
  }
}
.rmsc.custom-multi-select {
  --rmsc-main: #4285f4;
  --rmsc-hover: rgba($primary-color-5, 0.3);
  --rmsc-selected: #e2e6ea;
  --rmsc-border: #ccc;
  --rmsc-gray: #aaa;
  --rmsc-bg: $white !important;
  --rmsc-p: 10px;
  --rmsc-radius: 4px;
  --rmsc-h: 38px;
}
.rmsc .dropdown-container {
  background-color: var(--rmsc-bg);
}
.rmsc .dropdown-container .panel-content {
  background: var(--rmsc-bg);
}

.custom-select__control {
  box-shadow: none !important;
}
.custom-select__control:focus, .custom-select__control:focus-within {
  border-color: #282828 !important;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5) !important;
}
@media screen and (min-width: 769px) {
  .custom-select__control:hover {
    border-color: #282828 !important;
  }
}
.custom-select__indicator-separator {
  background-color: transparent !important;
}
.custom-select__indicator {
  color: #282828 !important;
}
.custom-select__indicator svg {
  width: 20px;
}
.custom-select__indicator:hover {
  color: #282828;
}
.custom-select__placeholder {
  color: #c8c8c8;
}
.custom-select__menu {
  background-color: #ffffff !important;
  margin-top: 8 !important;
  z-index: 9990 !important;
}
.custom-select__menu-list {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /* Handle */
}
.custom-select__menu-list::-webkit-scrollbar {
  width: 4px;
  z-index: 999;
}
.custom-select__menu-list::-webkit-scrollbar-thumb {
  background: #505050;
  border-radius: 5px;
  z-index: 999;
}
.custom-select__option {
  color: #282828 !important;
}
.custom-select__option + .custom-select__option {
  border-top: 1px solid #f1f1f1;
}
.custom-select__option--is-focused {
  background-color: #f9f9f9 !important;
  color: #0d0d0d !important;
}
@media screen and (max-width: 1024px) {
  .custom-select__option--is-focused {
    background-color: unset !important;
  }
}
.custom-select__option--is-selected {
  background-color: rgba(255, 80, 70, 0.3) !important;
  color: #0d0d0d !important;
}
.custom-select__single-value {
  color: #282828 !important;
}
.custom-select--is-disabled .custom-select__indicators svg {
  color: #c8c8c8 !important;
}

.css-10wo9uf-option:active {
  background-color: unset !important;
}

.custom-single-select {
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .custom-single-select {
    font-size: 14px;
  }
}

.custom-select__control--is-disabled .custom-select__single-value--is-disabled {
  color: #6e6e6e !important;
}

.custom-multi-select.rmsc .dropdown-container,
.custom-single-select.rmsc .dropdown-container {
  background-color: #ffffff;
  color: #323232;
}
.custom-multi-select.rmsc .dropdown-heading,
.custom-single-select.rmsc .dropdown-heading {
  height: 28px !important;
  color: #ffffff !important;
  border-radius: 5px !important;
}
@media screen and (max-width: 992px) {
  .custom-multi-select.rmsc .dropdown-heading,
  .custom-single-select.rmsc .dropdown-heading {
    height: 30px !important;
  }
}
.custom-multi-select.rmsc .dropdown-heading-value,
.custom-single-select.rmsc .dropdown-heading-value {
  color: #282828 !important;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .custom-multi-select.rmsc .dropdown-heading-value,
  .custom-single-select.rmsc .dropdown-heading-value {
    font-size: 14px;
  }
}
.custom-multi-select.rmsc .dropdown-content,
.custom-single-select.rmsc .dropdown-content {
  z-index: 9;
}
.custom-multi-select.rmsc .select-item,
.custom-single-select.rmsc .select-item {
  color: #282828;
  border-bottom: 1px solid #f1f1f1;
  font-size: 12px;
  padding: 6px 10px !important;
  font-weight: 400;
}
.custom-multi-select.rmsc .select-item.selected, .custom-multi-select.rmsc .select-item:hover,
.custom-single-select.rmsc .select-item.selected,
.custom-single-select.rmsc .select-item:hover {
  color: #282828;
}
.custom-multi-select.rmsc .select-item.selected input[type=checkbox], .custom-multi-select.rmsc .select-item:hover input[type=checkbox],
.custom-single-select.rmsc .select-item.selected input[type=checkbox],
.custom-single-select.rmsc .select-item:hover input[type=checkbox] {
  border: 2px solid #000000;
}
.custom-multi-select.rmsc .select-item.selected input[type=checkbox]::before, .custom-multi-select.rmsc .select-item:hover input[type=checkbox]::before,
.custom-single-select.rmsc .select-item.selected input[type=checkbox]::before,
.custom-single-select.rmsc .select-item:hover input[type=checkbox]::before {
  border-color: #000000;
}
.custom-multi-select.rmsc .select-item.selected,
.custom-single-select.rmsc .select-item.selected {
  background-color: rgba(255, 80, 70, 0.3) !important;
}
.custom-multi-select.rmsc .select-item:hover,
.custom-single-select.rmsc .select-item:hover {
  background-color: #f9f9f9;
}
@media screen and (max-width: 1100px) {
  .custom-multi-select.rmsc .select-item:hover,
  .custom-single-select.rmsc .select-item:hover {
    background: none;
  }
}
.custom-multi-select.rmsc .search input,
.custom-single-select.rmsc .search input {
  color: #282828;
  background-color: #ffffff;
  height: 30px;
  font-size: 13px;
}
.custom-multi-select.rmsc .search input:focus,
.custom-single-select.rmsc .search input:focus {
  background-color: #ffffff !important;
  caret-color: black;
}
.custom-multi-select.rmsc .dropdown-container:focus-within,
.custom-single-select.rmsc .dropdown-container:focus-within {
  box-shadow: none !important;
  border-color: black !important;
}
.custom-multi-select.rmsc .item-renderer,
.custom-single-select.rmsc .item-renderer {
  align-items: center;
}
.custom-multi-select.rmsc .gray,
.custom-single-select.rmsc .gray {
  color: #282828;
}
.custom-multi-select.rmsc .options,
.custom-single-select.rmsc .options {
  background-color: #ffffff;
  /* Handle */
}
.custom-multi-select.rmsc .options::-webkit-scrollbar,
.custom-single-select.rmsc .options::-webkit-scrollbar {
  width: 2.5px;
  z-index: 999;
}
.custom-multi-select.rmsc .options::-webkit-scrollbar-thumb,
.custom-single-select.rmsc .options::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2) !important;
  border-radius: 5px;
  z-index: 999;
}

.css-1xc3v61-indicatorContainer {
  padding: 0 8px 0 0 !important;
}

.custom-select__control--is-focused {
  height: 30px !important;
  min-height: 30px !important;
  display: flex;
  align-items: center;
}
.custom-select__control--is-focused .custom-select__indicator {
  padding: 0 8px 0 0 !important;
}

.completed-program tbody tr td {
  padding: 11px !important;
}

.dropdown-container[aria-expanded=true] {
  border: 1px solid black !important;
}

.css-t3ipsp-control:hover {
  border-color: black !important;
}

.css-t3ipsp-control {
  border-color: black !important;
}

.css-13cymwt-control {
  outline: none;
}

.custom-select__option {
  padding: 6px 12px !important;
  border-left: 1px solid #f1f1f1;
}
@media screen and (max-width: 1100px) {
  .custom-select__option {
    border-right: 1px solid #f1f1f1;
  }
}

.rmsc .dropdown-container:hover {
  border: 1px solid #282828;
}
.rmsc .dropdown-container:focus {
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5) !important;
}

@media screen and (max-width: 1024px) {
  .selectSport-form-control .custom-single-select .custom-select__menu .custom-select__option--is-focused {
    background-color: unset !important;
  }
}

.si-select, .si-main-tournament .tournament-body__left-header .si-selected {
  text-transform: capitalize;
}

.custom-select__menu-list::-webkit-scrollbar {
  width: 2.5px !important;
  height: 2px;
}

.custom-select__menu-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.custom-select__menu-list::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2) !important;
  border-radius: 5px;
}

.select-panel {
  background: white !important;
}

.spin {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
}
.spin:before {
  content: "";
  background-image: url("../images/loader.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 200px;
  height: 200px;
  left: 0;
  right: 0;
  margin: auto;
}

@keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.MuiPaper-root {
  background-color: transparent !important;
  box-shadow: none !important;
}

.si-custom-table input[type=checkbox] {
  margin-left: -18px;
}
.si-custom-table .MuiTableCell-head {
  background-color: #f5eefa;
}
.si-custom-table .MuiTableHead-root {
  z-index: 2;
  position: relative;
}
.si-custom-table .MuiTableHead-root .MuiTableCell-root {
  border-bottom: none !important;
}
@media screen and (max-width: 992px) {
  .si-custom-table .MuiTableHead-root {
    background-color: transparent;
  }
}
.si-custom-table .MuiTableHead-root .MuiTableCell-root {
  color: #282828;
  z-index: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
@supports (-webkit-touch-callout: none) {
  .si-custom-table .MuiTableHead-root .MuiTableCell-root {
    z-index: 2;
  }
}
@media screen and (max-width: 992px) {
  .si-custom-table .MuiTableHead-root .MuiTableCell-root.stickyCell-left {
    position: sticky;
    left: 0;
    z-index: 99;
  }
  @supports (-webkit-touch-callout: none) {
    .si-custom-table .MuiTableHead-root .MuiTableCell-root.stickyCell-left {
      z-index: 8;
    }
  }
  .si-custom-table .MuiTableHead-root .MuiTableCell-root.stickyCell-right {
    position: sticky;
    left: initial;
    right: 0;
    z-index: 99;
  }
  @supports (-webkit-touch-callout: none) {
    .si-custom-table .MuiTableHead-root .MuiTableCell-root.stickyCell-right {
      z-index: 8;
    }
  }
}
@supports (-webkit-touch-callout: none) {
  .si-custom-table .MuiTableHead-root .MuiTableCell-root.stickyCell-right {
    z-index: 8;
  }
}
.si-custom-table .MuiTableHead-root .MuiTableCell-root .MuiButtonBase-root:hover, .si-custom-table .MuiTableHead-root .MuiTableCell-root .MuiButtonBase-root.Mui-active {
  color: #e10000;
}
.si-custom-table .MuiTableBody-root {
  background-color: #ffffff;
}
.si-custom-table .MuiTableBody-root .MuiTableCell-root {
  color: #282828;
  border-bottom: 1px solid #f1f1f1;
  padding: 0px 10px 0px 10px;
  height: 40px;
  position: relative;
  font-weight: 400;
  font-family: "Poppins";
}
.si-custom-table .MuiTableBody-root .MuiTableCell-root .si-icon__media {
  margin: auto;
}
.si-custom-table .MuiTableBody-root .MuiTableCell-root .si-count {
  padding: 2px 6px;
  white-space: nowrap;
}
@media screen and (min-width: 993px) {
  .si-custom-table .MuiTableBody-root .MuiTableRow-root:hover {
    background-color: #f9f9f9;
  }
  .si-custom-table .MuiTableBody-root .MuiTableRow-root:hover .si-icon__button {
    background-color: unset;
  }
}
@media screen and (max-width: 992px) {
  .si-custom-table .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root.stickyCell-left {
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 1;
  }
  .si-custom-table .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root.stickyCell-right {
    position: sticky;
    left: initial;
    background: #ffffff;
    z-index: 1;
    right: 0;
  }
}
.si-custom-table .MuiTableBody-root .MuiTableRow-root.Mui-selected {
  background-color: rgba(255, 80, 70, 0.3) !important;
}
.si-custom-table .MuiTableBody-root .MuiTableRow-root.Mui-selected .MuiCheckbox-root .MuiSvgIcon-root {
  fill: #282828;
}
.si-custom-table .MuiTableBody-root .MuiTableRow-root.Mui-selected .MuiRadio-root {
  color: #000000;
}
.si-custom-table .MuiTableBody-root .MuiTableRow-root.Mui-selected .MuiTableCell-root {
  color: #000000;
  border-bottom: 1px solid #f5eefa;
}
@media screen and (min-width: 992px) {
  .si-custom-table .MuiTableBody-root .MuiTableRow-root.MuiTableRow-hover:hover {
    background: #f9f9f9;
  }
  .si-custom-table .MuiTableBody-root .MuiTableRow-root.MuiTableRow-hover:hover .MuiCheckbox-root .MuiSvgIcon-root {
    fill: #000000;
  }
  .si-custom-table .MuiTableBody-root .MuiTableRow-root.MuiTableRow-hover:hover .MuiTableCell-root {
    color: #000000;
  }
  .si-custom-table .MuiTableBody-root .MuiTableRow-root.MuiTableRow-hover:hover .MuiRadio-root {
    color: #000000;
  }
}
.si-custom-table .MuiCheckbox-root .MuiSvgIcon-root {
  fill: #6e6e6e;
}
.si-custom-table .MuiRadio-root.Mui-checked {
  color: #282828;
}

.si-tbl-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-tbl-pagination.MuiTablePagination-root {
  color: #282828;
}
.si-tbl-pagination .MuiTablePagination-actions {
  color: #ffffff;
}
.si-tbl-pagination .MuiTablePagination-actions .MuiButtonBase-root.MuiIconButton-root {
  background-color: #e10000;
  border: 1px solid #e10000;
  padding: 4px;
}
.si-tbl-pagination .MuiTablePagination-actions .MuiButtonBase-root.MuiIconButton-root.Mui-disabled {
  color: #969696;
  border-color: #969696;
  background-color: transparent;
  width: 30px;
  height: 30px;
}
.si-tbl-pagination .MuiTablePagination-actions button + button {
  margin-left: 10px;
}
.si-tbl-pagination .MuiInputBase-root,
.si-tbl-pagination .MuiTablePagination-selectLabel {
  display: none;
}

@media screen and (max-width: 992px) {
  .si-custom-table .MuiTableHead-root {
    background-color: transparent;
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 992px) {
  .si-custom-table .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root.stickyCell-right {
    position: sticky;
    left: initial;
    z-index: 1;
    right: 0;
  }
  .si-custom-table-container .si-icon__button {
    height: auto;
    background: #ffffff;
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .si-custom-table-container .si-icon__button {
    z-index: 1;
    padding: 0 15px 0 13px;
  }
}
@media screen and (max-width: 992px) {
  .si-wrap .si-action-icons {
    top: initial;
    z-index: 3;
    top: -4px;
  }
}
@media only screen and (max-width: 1200px) {
  .si-custom-table-container .si-custom-table__cell:last-child {
    width: 100%;
    padding: 0;
  }
}
.css-1nmdiq5-menu {
  margin-top: 5px !important;
}

.nodata-tableRow:hover {
  background-color: #ffffff !important;
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-card__container, .si-calenderBottom .si-tableBox, .si-calender .si-weekcalender .si-column, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

table {
  width: 100%;
  border-collapse: collapse;
}

.si-custom-table {
  color: #ffffff;
  font-size: 12px;
  border-radius: 10px;
  position: relative;
}
.si-custom-table .si-count {
  background-color: #c8c8c8;
  padding: 5px 10px;
}
@media screen and (max-width: 992px) {
  .si-custom-table .si-count {
    background-color: unset;
    color: #282828;
  }
}
.si-custom-table__check .si-custom-table__cell.checkbox {
  width: 5%;
  flex: unset;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-custom-table__check .si-custom-table__cell:nth-child(2) {
  width: 45%;
  flex: 1;
  text-align: left;
  justify-content: flex-start;
}
.si-custom-table__head {
  background-color: #292929;
  position: absolute;
  width: 100%;
  z-index: 3;
  padding-right: 3px;
  color: #F9AD4A;
  text-transform: capitalize;
}
.si-custom-table__body {
  height: calc(100vh - 190px);
  height: -webkit-calc(100vh - 190px);
  overflow: hidden;
  overflow-y: scroll;
  padding-top: 38px;
  border-radius: 10px;
}
@media screen and (max-width: 992px) {
  .si-custom-table__body {
    height: calc(100vh - 261px);
    height: -webkit-calc(100vh - 261px);
  }
}
.si-custom-table__body::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-custom-table__body::-webkit-scrollbar {
    width: 0px;
  }
}
.si-custom-table__body::-webkit-scrollbar-thumb {
  background: #F9AD4A;
  border-radius: 10px;
  z-index: 999;
}
.si-custom-table__body .si-custom-table__row {
  background-color: #181818;
}
.si-custom-table__body .si-custom-table__row.active, .si-custom-table__body .si-custom-table__row:hover {
  background-color: #F9AD4A;
  color: #000000;
}
.si-custom-table__body .si-custom-table__row.active .icon-options:before, .si-custom-table__body .si-custom-table__row:hover .icon-options:before {
  color: #000000;
}
.si-custom-table__body .si-custom-table__row.active .si-count, .si-custom-table__body .si-custom-table__row:hover .si-count {
  background-color: #ff5046;
}
.si-custom-table__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  transition: 0.2s;
}
.si-custom-table__row span {
  padding: 12px;
}
.si-custom-table__row + .si-custom-table__row {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.si-custom-table__row + .si-custom-table__row:hover, .si-custom-table__row + .si-custom-table__row.active {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.si-custom-table__row:last-child .si-wrap .si-action-icons {
  top: auto;
  bottom: 0;
  right: 20px;
}
.si-custom-table__cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 10%;
  padding: 10px;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  cursor: pointer;
}
.si-custom-table__cell:nth-child(1) {
  width: 55%;
  flex: 1;
  text-align: left;
  justify-content: flex-start;
}

.si-custom-table-container {
  height: calc(100vh - 190px);
  height: -webkit-calc(100vh - 190px);
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  background: #ffffff;
  /* Track */
  /* Handle */
}
.si-custom-table-container::-webkit-scrollbar {
  width: 2px;
  z-index: 999;
  height: 3px;
}
@media screen and (max-width: 992px) {
  .si-custom-table-container::-webkit-scrollbar {
    width: 0px;
  }
}
.si-custom-table-container::-webkit-scrollbar-track {
  z-index: 999;
}
.si-custom-table-container::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-custom-table-container {
    height: calc(100vh - 351px);
    height: -webkit-calc(100vh - 351px);
  }
}
.si-custom-table-container .si-icon__button {
  height: auto;
  background: #ffffff;
  color: #0d0d0d;
  border-radius: 4px;
}
.si-custom-table-container .si-icon__button .si-icon__button {
  height: auto;
}
.si-custom-table-container .si-icon__button::-webkit-scrollbar {
  width: 3.68px;
  height: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-custom-table-container .si-icon__button::-webkit-scrollbar {
    width: 0px;
  }
}
.si-custom-table-container .si-icon__button::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
@media only screen and (max-width: 1200px) {
  .si-custom-table-container .si-custom-table__cell {
    width: 15%;
  }
  .si-custom-table-container .si-custom-table__cell:last-child {
    width: 100%;
  }
}
.si-custom-table-container.si-custom-table--temp {
  border-radius: 0;
}
.si-custom-table-container.si-custom-table--temp table,
.si-custom-table-container.si-custom-table--temp td,
.si-custom-table-container.si-custom-table--temp th {
  border: 1px solid;
}
.si-custom-table-container.si-custom-table--temp th {
  text-transform: capitalize;
}
.si-custom-table-container.si-custom-table--temp .si-custom-table .MuiTableCell-head {
  padding: 8px;
}

.si-custom-table__head .si-custom-table__row .si-custom-table__cell {
  font-weight: 500;
}

.MuiTableCell-stickyHeader {
  font-size: 14px !important;
  padding: 6px 10px !important;
}

.si-tabs {
  padding-left: 15px;
  padding-right: 15px;
}
.si-tabs .si-subHeader {
  margin-top: 15px;
}
.si-tabs .si-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #6e6e6e;
  margin-top: 7px;
}
@media screen and (max-width: 1200px) {
  .si-tabs .si-tab-list {
    overflow-x: scroll;
  }
  .si-tabs .si-tab-list::-webkit-scrollbar {
    height: 0;
    z-index: 999;
  }
}
.si-tabs .si-tab-item {
  color: #6e6e6e;
  padding: 5px 15px;
  transition: 0.2s;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
  border-bottom: 4px solid transparent;
  line-height: 18px;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .si-tabs .si-tab-item {
    font-size: 13px;
    white-space: nowrap;
  }
}
.si-tabs .si-tab-item.active {
  color: #e10000;
  border-bottom: 4px solid #e10000;
}

.toggle-radio {
  height: 30px;
}
@media screen and (max-width: 992px) {
  .toggle-radio {
    margin-left: -5px;
    width: 153px;
  }
}
.toggle-radio .switch {
  text-align: center;
  background-color: #ffffff;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.toggle-radio input[type=radio] {
  display: none;
}
.toggle-radio .switch label {
  cursor: pointer;
  color: #282828;
  transition: all 0.2s ease;
  text-transform: capitalize;
  flex: 1;
  padding: 0 10px;
  height: 30px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.toggle-radio #yes:checked ~ .switch label[for=yes] {
  color: #ffffff;
  background-color: #e10000;
  border-color: #e10000;
  font-weight: 700;
}
.toggle-radio #yes ~ .switch label[for=yes] {
  border: 1px solid #c8c8c8;
}
.toggle-radio #no:checked ~ .switch label[for=no] {
  color: #ffffff;
  background-color: #e10000;
  border-color: #e10000;
  font-weight: 700;
}
.toggle-radio #no ~ .switch label[for=no] {
  border: 1px solid #c8c8c8;
}

.switch :first-child {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.switch :last-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-card__container, .si-calenderBottom .si-tableBox, .si-calender .si-weekcalender .si-column, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-rightPart {
  margin-left: 243px;
  position: relative;
  background-color: #f9f9f9;
}
@media screen and (max-width: 993px) {
  .si-rightPart {
    margin-left: 0px;
  }
}
.si-rightPart .si-headwrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 15px;
  padding-right: 10px;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headwrp {
    padding-bottom: 0;
    height: 50px;
    padding-top: 0;
    padding-left: 10px;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headwrp .si-week {
    position: relative;
    margin-left: -22%;
    margin-top: 0;
    font-size: 13px !important;
  }
}
.si-rightPart .si-headwrp .si-week__text {
  color: #ffffff;
  font-size: 14px;
  text-transform: capitalize;
  margin-left: 5px;
}
.si-rightPart .si-headwrp .si-week ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.si-rightPart .si-headwrp .si-week :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.si-rightPart .si-headwrp .si-week ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.si-rightPart .si-headwrp .icon-back {
  width: 30px;
  height: 30px;
  font-size: 18px;
  justify-content: flex-start;
  color: #0d0d0d;
}
@media screen and (max-width: 580px) {
  .si-rightPart .si-headwrp .icon-back {
    height: 30px;
  }
}
.si-rightPart .si-headcover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover {
    flex-flow: column;
  }
}
.si-rightPart .si-headcover .si-Disable,
.si-rightPart .si-headcover .si-Disabled {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
}
.si-rightPart .si-headcover .si-Disable .si-wrp,
.si-rightPart .si-headcover .si-Disabled .si-wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disable .si-wrp,
  .si-rightPart .si-headcover .si-Disabled .si-wrp {
    position: absolute;
    top: 38px;
    left: 0;
    width: 214px;
    align-items: flex-start;
  }
}
.si-rightPart .si-headcover .si-Disable {
  margin-right: 20px;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disable {
    margin-right: 10px;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disable {
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disable .si-button-group {
    left: -68px !important;
    top: -2px;
  }
  .si-rightPart .si-headcover .si-Disable .form-control__title {
    position: relative;
    bottom: 2px;
  }
}
.si-rightPart .si-headcover .si-Disable .form-control.si-error input {
  border: 1px solid #ff5046;
}
.si-rightPart .si-headcover .si-Disable .form-control.si-error .si-error-message {
  display: flex;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disable .form-control.si-error .si-error-message {
    font-size: 9px;
  }
}
.si-rightPart .si-headcover .si-Disable .form-control .si-error-message {
  display: none;
}
.si-rightPart .si-headcover .si-Disable .si-wrp {
  padding: 0 10px;
}
.si-rightPart .si-headcover .si-Disable .si-wrp.si-weekwrp {
  margin-top: 1px;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disable .si-wrp {
    padding: 0;
  }
  .si-rightPart .si-headcover .si-Disable .si-wrp .form-control.si-weekwrp {
    margin-left: 0px !important;
    margin-top: 3px;
  }
  .si-rightPart .si-headcover .si-Disable .si-wrp .form-control.si-sportsdrp {
    width: 196px;
    padding-left: 0;
    margin-top: 3px;
  }
}
.si-rightPart .si-headcover .si-Disabled {
  align-items: baseline;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disabled .form-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
  }
  .si-rightPart .si-headcover .si-Disabled .form-control .si-button-group {
    left: -7px !important;
  }
}
.si-rightPart .si-headcover .si-Disabled .si-Title {
  color: #282828;
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding-right: 15px;
  width: auto !important;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disabled .si-Title {
    width: 100%;
    padding-right: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 580px) {
  .si-rightPart .si-headcover .si-Disabled .si-Title {
    font-size: 18px;
    padding-top: 1px;
  }
}
.si-rightPart .si-headcover .si-Disabled .si-weeks,
.si-rightPart .si-headcover .si-Disabled .si-sports {
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-Disabled .si-weeks,
  .si-rightPart .si-headcover .si-Disabled .si-sports {
    font-size: 12px;
  }
}
.si-rightPart .si-headcover .si-Disabled .si-weeks span,
.si-rightPart .si-headcover .si-Disabled .si-sports span {
  padding-right: 5px;
}
.si-rightPart .si-headcover .si-Disabled .si-weeks {
  padding-right: 20px;
  position: relative;
}
.si-rightPart .si-headcover .si-Disabled .si-weeks:after {
  content: "";
  border: 0.1px solid #c8c8c8;
  position: absolute;
  right: 9px;
  height: 100%;
}
.si-rightPart .si-headcover .si-Disabled .si-sports {
  padding-right: 15px;
}
.si-rightPart .si-headcover .si-heading {
  width: 100%;
  flex: 1;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .si-heading {
    font-size: 20px;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headcover .icon-edit {
    position: absolute;
    top: -9px;
  }
}
.si-rightPart .si-align-center {
  position: fixed;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-align-center {
    left: 50%;
  }
}
.si-rightPart .si-firstStep .si-text {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #282828;
  font-size: 14px;
  margin-bottom: 10px;
}
.si-rightPart .si-firstStep .si-button {
  width: 300px;
  height: 36px;
  font-size: 14px;
}
.si-rightPart .si-secondStep {
  width: 29%;
}
.si-rightPart .si-secondStep .si-error .si-error-message {
  position: absolute;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-secondStep .custom-select__control {
    font-size: 14px !important;
  }
}
.si-rightPart .si-secondStep .form-group .si-input {
  padding: 5px 10px !important;
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-secondStep .form-group .si-input {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-secondStep .form-group .si-label {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-secondStep .form-group .si-label-append {
    font-size: 14px !important;
  }
}
.si-rightPart .si-secondStep .si-form {
  width: 100%;
}
.si-rightPart .si-secondStep .si-form .form-control {
  margin-bottom: 20px;
  margin-top: 12px;
}
.si-rightPart .si-secondStep .si-form .form-control:last-child {
  margin-top: 73px;
}
.si-rightPart .si-secondStep .si-form .form-control.si-error input,
.si-rightPart .si-secondStep .si-form .form-control.si-error select {
  border: 1px solid #ff0000;
}
.si-rightPart .si-secondStep .si-form .form-control.si-error .custom-select__control {
  border-color: #ff0000 !important;
}
.si-rightPart .si-secondStep .si-form .form-control.si-error .si-error-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-rightPart .si-secondStep .si-button {
  width: 100%;
}

@media screen and (max-width: 992px) {
  .si-rightPart .si-firstStep {
    width: 90%;
    top: 43%;
  }
  .si-rightPart .si-firstStep .si-text {
    font-size: 14px;
  }
  .si-rightPart .si-secondStep {
    width: 90%;
    top: 49%;
    height: 100%;
  }
  .si-rightPart .si-secondStep .si-form {
    height: 62%;
  }
  .si-rightPart .si-secondStep .form-control:nth-of-type(4) {
    position: absolute;
    left: 0;
    right: 0;
  }
}
.btn-group-wrap .icon-check {
  color: #00b137;
  font-size: 12px;
}
.btn-group-wrap .icon-close {
  font-size: 12px;
  color: #e10000;
}

.si-headwrp .si-headcover .si-heading .si-Disable .si-wrp .custom-single-select {
  width: 130px;
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-card__container, .si-calenderBottom .si-tableBox, .si-calender .si-weekcalender .si-column, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-popup-head {
  margin-bottom: 18px;
}
@media screen and (max-width: 992px) {
  .si-popup-head {
    margin-bottom: 15px;
  }
}
@supports (-webkit-touch-callout: none) {
  .si-popup-head {
    margin-bottom: 15px;
  }
}
.si-popup-head .si-subHeader {
  margin-top: 8px;
}
@media screen and (max-width: 992px) {
  .si-popup-head .si-subHeader {
    margin-top: 0px;
  }
}
.si-popup__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.si-popup__title .form-control {
  flex: 1;
  margin-right: 30px;
}
.si-popup__title .si-input {
  font-size: 14px;
  height: 28px;
}
@media screen and (max-width: 992px) {
  .si-popup__title .si-input {
    height: 34px;
  }
}
@supports (-webkit-touch-callout: none) {
  .si-popup__title .si-input {
    height: 30px;
    color: #000000;
    opacity: 1;
  }
}
.si-popup__title .si-input[disabled] {
  padding: 5px 0;
  background: transparent;
  border: none;
}
.si-popup__title .si-input ::placeholder {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
  opacity: 1;
}
.si-popup__title .si-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.si-popup__title .si-input ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 992px) {
  .si-popup__description {
    margin-top: -8px;
  }
}
.si-popup__description .si-input {
  background: #ffffff;
  border-radius: 5px;
}
.si-popup__description textarea .si-input {
  height: 28px;
}
.si-popup input::placeholder {
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
  opacity: 1;
}

.si-custom-popup {
  display: none;
  z-index: 1050;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.si-custom-popup.si-popup .si-popup-content {
  background-color: #ffffff;
  width: 68%;
  height: 96%;
}
.si-custom-popup.si-popup .si-popup-content.si-Athletes .si-popup-body .si-tab-content .si-custom-table-container {
  height: calc(100vh - 294px) !important;
  height: -webkit-calc(100vh - 294px) !important;
}
.si-custom-popup.active {
  display: block;
}
.si-custom-popup .si-button__close {
  margin-left: auto;
}
.si-custom-popup .si-popup-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  padding: 10px 20px;
}
@media screen and (max-width: 992px) {
  .si-custom-popup .si-popup-footer {
    bottom: 45px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  @supports (-webkit-touch-callout: none) {
    .si-custom-popup .si-popup-footer {
      bottom: 60px;
    }
  }
}
@media screen and (max-width: 992px) {
  .si-custom-popup .si-popup-footer .si-pagination {
    bottom: 0 !important;
  }
}
.si-custom-popup .si-footer-warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #282828;
  font-size: 12px;
  align-items: center;
  width: 100%;
  flex: 1;
}
.si-custom-popup .si-footer-warning .icon-info {
  font-size: 24px;
  margin-right: 10px;
  color: #464646;
}

@media only screen and (max-width: 992px) {
  .si-custom-popup {
    width: 100%;
    top: 44px;
    height: calc(100vh - 48px);
    height: -webkit-calc(100vh - 48px);
  }
  .si-custom-popup .si-popup-footer {
    display: block;
  }
  .si-custom-popup .si-footer-warning {
    display: none;
  }
  .si-custom-popup.si-popup .si-popup-content {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  .si-custom-popup.si-popup .si-popup-content .MuiBox-root .MuiPaper-root .MuiTableContainer-root {
    height: 84%;
  }
}
.upload-popup, .tournament-popup, .event-popup {
  background: #ffffff;
  padding: 20px;
  width: 55%;
  border-radius: 5px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1280px) {
  .upload-popup, .tournament-popup, .event-popup {
    width: 60%;
  }
}
@media screen and (max-width: 1200px) {
  .upload-popup, .tournament-popup, .event-popup {
    width: 70%;
  }
}
@media screen and (max-width: 992px) {
  .upload-popup, .tournament-popup, .event-popup {
    width: 70%;
  }
}
@media screen and (max-width: 992px) {
  .upload-popup, .tournament-popup, .event-popup {
    width: 90%;
    padding: 15px;
  }
}
.upload-popup__header {
  margin-bottom: 20px;
}
.upload-popup__header .header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
}
.upload-popup__header .header-top__title {
  font-weight: 500;
  font-size: 16px;
  color: #282828;
}
.upload-popup__header .header-top__close {
  margin-top: -13px;
  margin-right: -8px;
}
.upload-popup__header .header-bottom {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
}
.upload-popup__body .drag-drop-container {
  display: flex;
  border: 1px dashed #0075e1;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 25px 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .upload-popup__body .drag-drop-container {
    margin-bottom: 10px;
  }
}
.upload-popup__body .drag-drop-container .drag-drop__icon i {
  color: #0075e1;
  font-size: 40px;
}
.upload-popup__body .drag-drop-container .drag-drop__text-wrp {
  margin-left: 15px;
}
.upload-popup__body .drag-drop-container .drag-drop__text-wrp .title-text {
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  margin-bottom: 4px;
}
.upload-popup__body .drag-drop-container .drag-drop__text-wrp .title-text input {
  width: 64px;
  margin-left: 3px;
  margin-right: 3px;
}
@media screen and (max-width: 992px) {
  .upload-popup__body .drag-drop-container .drag-drop__text-wrp .title-text input {
    width: 75px;
    margin-right: 4px;
  }
}
.upload-popup__body .drag-drop-container .drag-drop__text-wrp .title-text input::file-selector-button {
  color: dodgerblue;
  border: none;
  background: none;
  text-transform: lowercase;
  cursor: pointer;
  padding: 0px !important;
  margin-right: 0px !important;
  font-family: "poppins";
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .upload-popup__body .drag-drop-container .drag-drop__text-wrp .title-text input::file-selector-button {
    font-size: 14px;
  }
}
.upload-popup__body .drag-drop-container .drag-drop__text-wrp .info-text {
  font-size: 10px;
  color: #888888;
  font-weight: 400;
}
.upload-popup__body .drag-drop-container .drag-drop__text-wrp .error-text {
  font-size: 10px;
  color: #e10000;
  font-weight: 400;
  display: none;
}
.upload-popup__body .uploading-state,
.upload-popup__body .uploaded-state {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.upload-popup__body .file-card {
  width: 160px;
}
@media screen and (max-width: 992px) {
  .upload-popup__body .file-card {
    width: 150px;
  }
}
.upload-popup__body .file-card .file-img-wrp {
  height: 90px;
  background-color: #d9d9d9;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .upload-popup__body .file-card .file-img-wrp {
    height: 84px;
  }
}
.upload-popup__body .file-card .file-img-wrp img {
  height: 56px;
  width: 56px;
}
.upload-popup__body .file-card .file-name-wrp {
  font-size: 11px;
  font-weight: 400;
  color: #323232;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.upload-popup__body .file-card .file-name-wrp .img-name {
  width: 86%;
  overflow: wrap;
  word-wrap: break-word;
}
.upload-popup__body .file-card .file-name-wrp .del-icon {
  height: 12px;
  cursor: pointer;
}
.upload-popup__body .file-card .file-name-wrp .del-icon img {
  height: 100%;
}
.upload-popup__body .file-card .progress-wrp {
  line-height: 3px;
}
.upload-popup__body .file-card .progress-wrp progress {
  height: 7px;
  accent-color: #ff1414;
  width: 100%;
}
.upload-popup .error-active .drag-drop-container, .tournament-popup .error-active .drag-drop-container, .event-popup .error-active .drag-drop-container {
  border: 1px dashed red !important;
}
.upload-popup .error-active .info-text, .tournament-popup .error-active .info-text, .event-popup .error-active .info-text {
  display: none !important;
}
.upload-popup .error-active .error-text, .tournament-popup .error-active .error-text, .event-popup .error-active .error-text {
  display: block !important;
}

.tournament-popup__header, .event-popup__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.tournament-popup__header .header-title, .event-popup__header .header-title {
  font-size: 20px;
  font-weight: 500;
  color: #282828;
  display: inline-block;
}
.tournament-popup__body .si-form .form-control-outer-wrap, .event-popup__body .si-form .form-control-outer-wrap {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 992px) {
  .tournament-popup__body .si-form .form-control-outer-wrap, .event-popup__body .si-form .form-control-outer-wrap {
    flex-direction: column;
    gap: 0;
  }
}
.tournament-popup__body .si-form .form-control-inner-wrap, .event-popup__body .si-form .form-control-inner-wrap {
  display: flex;
  gap: 20px;
}
.tournament-popup__body .si-form .form-control-inner-wrap .form-control:first-child .custom-single-select, .event-popup__body .si-form .form-control-inner-wrap .form-control:first-child .custom-single-select {
  width: 136px !important;
}
.tournament-popup__body .si-form .form-control-inner-wrap .custom-single-select:last-child, .event-popup__body .si-form .form-control-inner-wrap .custom-single-select:last-child {
  width: 156px !important;
}
@media screen and (max-width: 992px) {
  .tournament-popup__body .si-form .form-control-inner-wrap, .event-popup__body .si-form .form-control-inner-wrap {
    gap: 15px;
  }
}
.tournament-popup__body .si-form .form-control, .event-popup__body .si-form .form-control {
  margin-top: 15px;
  position: relative;
}
.tournament-popup__body .si-form .form-control .si-input, .event-popup__body .si-form .form-control .si-input {
  font-weight: 400;
}
.tournament-popup__body .si-form .form-control input[type=date]::-webkit-calendar-picker-indicator, .event-popup__body .si-form .form-control input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 5%;
}
.tournament-popup__body .si-form .form-control input:focus-within, .event-popup__body .si-form .form-control input:focus-within,
.tournament-popup__body .si-form .form-control select:focus-within,
.event-popup__body .si-form .form-control select:focus-within {
  border: 1px solid #000000 !important;
}
.tournament-popup__body .si-form .form-control input:focus-visible, .event-popup__body .si-form .form-control input:focus-visible,
.tournament-popup__body .si-form .form-control select:focus-visible,
.event-popup__body .si-form .form-control select:focus-visible {
  outline: none !important;
}
.tournament-popup__body .si-form .form-control input:focus, .event-popup__body .si-form .form-control input:focus,
.tournament-popup__body .si-form .form-control select:focus,
.event-popup__body .si-form .form-control select:focus {
  border: 1px solid #000000 !important;
}
.tournament-popup__body .si-form .selectSport-form-control, .event-popup__body .si-form .selectSport-form-control {
  width: 330px;
}
@media screen and (max-width: 992px) {
  .tournament-popup__body .si-form .selectSport-form-control, .event-popup__body .si-form .selectSport-form-control {
    width: 100%;
  }
}
.tournament-popup__body .si-form .location-form-control, .event-popup__body .si-form .location-form-control {
  width: 330px;
}
@media screen and (max-width: 992px) {
  .tournament-popup__body .si-form .location-form-control, .event-popup__body .si-form .location-form-control {
    width: 100%;
  }
}
.tournament-popup__body .si-form .date-form-control, .event-popup__body .si-form .date-form-control {
  width: 145px;
}
.tournament-popup__body .si-form .popup-btn-wrp, .event-popup__body .si-form .popup-btn-wrp {
  display: flex;
  justify-content: end;
  margin-top: 30px;
}
.tournament-popup__body .si-form .si-error input, .event-popup__body .si-form .si-error input,
.tournament-popup__body .si-form .si-error select,
.event-popup__body .si-form .si-error select {
  border: 1px solid red;
}
.tournament-popup__body .si-form .si-error .si-error-message, .event-popup__body .si-form .si-error .si-error-message {
  display: block;
  position: absolute;
}
.tournament-popup .panel-content .select-panel .search input, .event-popup .panel-content .select-panel .search input {
  color: #282825;
  font-size: 12px;
}
.tournament-popup .panel-content .select-panel .search input:focus-within, .event-popup .panel-content .select-panel .search input:focus-within {
  border: none !important;
}
.tournament-popup .panel-content .select-panel .search input:focus, .event-popup .panel-content .select-panel .search input:focus {
  border: none !important;
}
.tournament-popup .popup-btn-wrp .si-button, .event-popup .popup-btn-wrp .si-button {
  min-width: 140px;
}

@media screen and (max-width: 992px) {
  .si-Athletes .MuiBox-root {
    height: calc(100dvh - 270px);
  }
}
.si-Athletes .MuiTableHead-root {
  background-color: #eaeaea;
}
.si-Athletes .MuiTableHead-root .MuiTableHead-root th {
  border: 1px solid #c8c8c8;
  background-color: red;
}

@media screen and (max-width: 992px) {
  .si-popup__description .si-label {
    font-size: 12px !important;
  }
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-card__container, .si-calenderBottom .si-tableBox, .si-calender .si-weekcalender .si-column, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-calender {
  border: 1px solid #eaeaea;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .si-calender {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .si-calender {
    background: transparent;
    border: 0;
    overflow: initial;
  }
}
@media screen and (max-width: 991px) {
  .si-calender {
    float: none;
    margin: 0px auto 0;
    width: 100%;
    -webkit-border-radius: 20px 20px 0 0px;
    -moz-border-radius: 20px 20px 0 0px;
    -ms-border-radius: 20px 20px 0 0px;
    -o-border-radius: 20px 20px 0 0px;
    border-radius: 20px 20px 0 0px;
    height: calc(100dvh - 335px);
  }
}
@media screen and (max-width: 854px) and (orientation: landscape) {
  .si-calender {
    height: auto;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .si-calender {
    height: auto;
  }
}
.si-calender.si-version1 .si-calenderBottom {
  height: calc(100vh - 276px);
}
@media screen and (max-width: 992px) {
  .si-calender.si-version1 .si-calenderBottom {
    height: calc(100vh - 382px);
    margin-top: 33px;
  }
}
.si-calender.si-version2 .si-Right {
  display: none;
}
.si-calender.si-version2 .si-weekcalender .si-tblheader .si-column {
  padding-top: 12px;
  padding-bottom: 7px;
}
@media screen and (max-width: 992px) {
  .si-calender.si-version2 .si-weekcalender .si-tblheader .si-column {
    padding-top: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-calender.si-version2 .si-weekcalender .si-tblheader .si-column .si-day {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-calender.si-version2 .si-weekcalender .si-tblheader .si-column .si-day span {
    padding-top: 4px;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-calenderBottom {
    height: calc(100vh - 410px);
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column .si-day {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column .si-day span {
    padding-top: 4px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-day.si-no {
  padding-left: 3px;
}
.si-calender .si-weekcalender .si-progressbar {
  width: 78%;
  padding-top: 0px;
  padding-bottom: 7px;
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-progressbar {
    display: none;
  }
}
.si-calender .si-weekcalender .si-percent {
  width: 50%;
  flex: 0 0 50%;
  position: relative !important;
  right: 0 !important;
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-percent {
    top: 4px;
  }
}
.si-calender .si-weekcalender .si-percent {
  width: 50%;
  flex: 0 0 50%;
  position: relative !important;
  right: 0 !important;
}
@media screen and (min-width: 992px) {
  .si-calender .si-weekcalender .si-percent {
    margin-left: -3px;
  }
}
.si-calender .si-weekcalender .si-Addnotes {
  width: 50%;
  flex: 0 0 50%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
  z-index: 9;
}
@media screen and (min-width: 992px) {
  .si-calender .si-weekcalender .si-Addnotes {
    margin-right: -3px;
  }
}
.si-calender .si-weekcalender .si-Addnotes .si-addtxt {
  padding-left: 8px;
}
.si-calender .si-weekcalender .si-Addnotes .si-addtxt,
.si-calender .si-weekcalender .si-Addnotes .si-percent {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.si-calender .si-weekcalender .si-Addnotes .si-notesicon {
  width: 19px;
  position: relative;
  cursor: pointer;
}
.si-calender .si-weekcalender .si-Addnotes .si-notesicon:after {
  content: "\e922";
  font-family: "AMS" !important;
  position: absolute;
  font-size: 15px;
  color: #282828;
  right: 0;
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-Addnotes .si-notesicon:after {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .si-calender .si-weekcalender .si-tblheader .rangeSlider .rangeSlider__horizontal,
  .si-calender .si-weekcalender .si-tblheader .rangeSlider .rangeslider-horizontal,
  .si-calender .si-weekcalender .si-tblheader .rangeslider .rangeSlider__horizontal,
  .si-calender .si-weekcalender .si-tblheader .rangeslider .rangeslider-horizontal {
    width: 90px !important;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-calheader .si-column.active:after {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-card__container .si-Left {
    width: 97%;
    flex: 0 0 97%;
  }
}
.si-calender .si-day {
  display: flex;
}
@media screen and (max-width: 992px) {
  .si-calender .si-day {
    font-size: 11px !important;
    font-weight: 500 !important;
  }
}
.si-calender .si-day .si-no {
  padding-left: 3px;
}
@media screen and (max-width: 992px) {
  .si-calender .si-day .si-no {
    padding-left: 0;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-daywrp {
    display: flex;
    flex-flow: column;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-Daytxt,
  .si-calender .si-year {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-month {
    font-size: 11px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-dateno {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding-bottom: 7px;
  }
}
.si-calender .si-card__box.active .rangeSlider__handle {
  display: flex;
}
.si-calender .si-card__box.active .rangeslider__handle {
  display: flex;
  translate: -5.5px;
}
@media screen and (max-width: 992px) {
  .si-calender .si-card__box.active .rangeslider__handle {
    translate: -7.5px;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-mobileview .si-percent {
    font-size: 14px !important;
  }
  .si-calender .si-mobileview .rangeSlider.rangeSlider__horizontal, .si-calender .si-mobileview .rangeSlider.rangeslider-horizontal,
  .si-calender .si-mobileview .rangeslider.rangeSlider__horizontal,
  .si-calender .si-mobileview .rangeslider.rangeslider-horizontal {
    width: 88% !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .si-calender .si-mobileview .rangeSlider.rangeSlider__horizontal, .si-calender .si-mobileview .rangeSlider.rangeslider-horizontal,
  .si-calender .si-mobileview .rangeslider.rangeSlider__horizontal,
  .si-calender .si-mobileview .rangeslider.rangeslider-horizontal {
    width: 84% !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .si-calender .si-mobileview .rangeSlider.rangeSlider__horizontal, .si-calender .si-mobileview .rangeSlider.rangeslider-horizontal,
  .si-calender .si-mobileview .rangeslider.rangeSlider__horizontal,
  .si-calender .si-mobileview .rangeslider.rangeslider-horizontal {
    width: 83% !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 380px) {
  .si-calender .si-mobileview .rangeSlider.rangeSlider__horizontal, .si-calender .si-mobileview .rangeSlider.rangeslider-horizontal,
  .si-calender .si-mobileview .rangeslider.rangeSlider__horizontal,
  .si-calender .si-mobileview .rangeslider.rangeslider-horizontal {
    width: 75% !important;
  }
}
.si-calender .si-column.activeday {
  background: #ffcbc7;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.si-calender .si-column.activeday .si-day {
  color: #e10000 !important;
}
.si-calender .si-column.activeday::before {
  content: "";
  display: none;
}
.si-calender .si-column.activeday.si-column::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100vw;
  width: 100%;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
  .si-calender .si-column.activeday.si-column::after {
    display: none;
  }
}
.si-calender .si-card__container .si-Left {
  line-height: 18px;
  width: 100%;
  flex: 1;
}
.si-calender .si-card__container .si-Right {
  position: absolute;
  right: 0;
  width: 28px;
}
.si-calender .si-progressbar {
  left: 0;
  right: 0;
  padding-bottom: 11px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .si-calender .si-progressbar {
    position: relative;
  }
}
.si-calender .si-progressbar .si-progressInfo {
  display: flex;
  padding-bottom: 4px;
  width: 100%;
  justify-content: space-between;
  color: #282828;
  z-index: 1;
  font-size: 10px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .si-calender .si-progressbar .si-progressInfo {
    font-size: 8px;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-progressbar .si-progressInfo {
    padding-bottom: 10px;
    font-weight: 400;
  }
}
.si-calender .si-progressbar .si-progressInfo .si-Label {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .si-calender .si-progressbar .si-progressInfo .si-Label {
    font-size: 8px;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-progressbar .si-progressInfo .si-Label {
    font-size: 12px;
  }
}
.si-calender .si-progressbar .si-progressInfo .si-percent {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  right: 6px;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .si-calender .si-progressbar .si-progressInfo .si-percent {
    position: unset;
    right: 16px;
  }
}
.si-calender .si-progressbar.si-red .rangeSlider__fill,
.si-calender .si-progressbar.si-red .rangeslider__fill {
  background: #ff501e;
  border: 0px solid transparent;
}
.si-calender .si-progressbar.si-red .rangeSlider__fill:before,
.si-calender .si-progressbar.si-red .rangeslider__fill:before {
  border: 2px solid #ff501e;
  background: #ff501e;
}
.si-calender .si-progressbar.si-red .rangeSlider__handle,
.si-calender .si-progressbar.si-red .rangeslider__handle {
  background: #ff501e;
}
.si-calender .si-progressbar.si-red .rangeSlider__handle,
.si-calender .si-progressbar.si-red .rangeslider__handle {
  outline: 3px solid #f8f8f8;
  left: 3.5px;
}
.si-calender .si-progressbar.si-green .rangeSlider__fill,
.si-calender .si-progressbar.si-green .rangeslider__fill {
  background: #00D537;
}
.si-calender .si-progressbar.si-green .rangeSlider__fill:before,
.si-calender .si-progressbar.si-green .rangeslider__fill:before {
  border: 2px solid #00D537;
}
.si-calender .si-progressbar.si-green .rangeSlider__handle,
.si-calender .si-progressbar.si-green .rangeslider__handle {
  background: #00D537;
}
.si-calender .si-progressbar.si-green .rangeSlider__handle,
.si-calender .si-progressbar.si-green .rangeslider__handle {
  outline: 3px solid #f8f8f8;
}
.si-calender .progress {
  border-radius: 50%;
  position: relative;
}
.si-calender .progress:before {
  --s: 1;
  content: "";
  width: 28px;
  height: 28px;
  left: 50%;
  top: 50%;
  z-index: 1;
  position: absolute;
  border-radius: inherit;
  transform: translate(-50%, -50%) scale(var(--s));
  transition: transform 0.32s ease;
}
.si-calender .rangeSlider,
.si-calender .rangeslider {
  background: #c8c8c8 !important;
  position: absolute;
  background: none;
  border-radius: 6px;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
}
.si-calender .rangeSlider.rangeSlider__horizontal, .si-calender .rangeSlider.rangeslider-horizontal,
.si-calender .rangeslider.rangeSlider__horizontal,
.si-calender .rangeslider.rangeslider-horizontal {
  width: 92%;
  height: 5px;
}
@media screen and (max-width: 992px) {
  .si-calender .rangeSlider.rangeSlider__horizontal, .si-calender .rangeSlider.rangeslider-horizontal,
  .si-calender .rangeslider.rangeSlider__horizontal,
  .si-calender .rangeslider.rangeslider-horizontal {
    width: 100%;
  }
}
.si-calender .rangeSlider .rangeSlider__fill,
.si-calender .rangeSlider .rangeslider__fill,
.si-calender .rangeslider .rangeSlider__fill,
.si-calender .rangeslider .rangeslider__fill {
  border-radius: 7px;
  position: absolute;
}
.si-calender .rangeSlider .rangeSlider__fill:before,
.si-calender .rangeSlider .rangeslider__fill:before,
.si-calender .rangeslider .rangeSlider__fill:before,
.si-calender .rangeslider .rangeslider__fill:before {
  content: "";
  left: 0px;
  top: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: 6px;
  position: absolute;
}
.si-calender .rangeSlider .rangeSlider__fill__horizontal,
.si-calender .rangeSlider .rangeslider__fill,
.si-calender .rangeslider .rangeSlider__fill__horizontal,
.si-calender .rangeslider .rangeslider__fill {
  height: 21%;
  top: 2px;
  left: 0;
}
@media screen and (max-width: 992px) {
  .si-calender .rangeSlider .rangeSlider__fill__horizontal,
  .si-calender .rangeSlider .rangeslider__fill,
  .si-calender .rangeslider .rangeSlider__fill__horizontal,
  .si-calender .rangeslider .rangeslider__fill {
    height: 23%;
  }
}
.si-calender .rangeSlider .rangeSlider__handle,
.si-calender .rangeSlider .rangeslider__handle,
.si-calender .rangeslider .rangeSlider__handle,
.si-calender .rangeslider .rangeslider__handle {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  display: none;
}
@media screen and (max-width: 992px) {
  .si-calender .rangeSlider .rangeSlider__handle,
  .si-calender .rangeSlider .rangeslider__handle,
  .si-calender .rangeslider .rangeSlider__handle,
  .si-calender .rangeslider .rangeslider__handle {
    width: 15px;
    height: 15px;
  }
}
.si-calender .rangeSlider .rangeSlider__handle__horizontal,
.si-calender .rangeSlider .rangeslider__handle,
.si-calender .rangeslider .rangeSlider__handle__horizontal,
.si-calender .rangeslider .rangeslider__handle {
  top: -2.5px;
}
@media screen and (max-width: 992px) {
  .si-calender .rangeSlider .rangeSlider__handle__horizontal,
  .si-calender .rangeSlider .rangeslider__handle,
  .si-calender .rangeslider .rangeSlider__handle__horizontal,
  .si-calender .rangeslider .rangeslider__handle {
    top: -5.5px;
  }
}
.si-calender .progress.complete + input + .rangeSlider, .si-calender .progress.complete + input + .rangeslider {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.si-calender .icon-chev-right {
  font-size: 10px;
  right: 6px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-calender .icon-chev-right {
    font-size: 18px;
  }
}
.si-calender .icon-chev-right:before {
  color: #F9AD4A;
}
.si-calender .si-tblheader .si-column.activeday .si-indication:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #e10000;
  bottom: -1px;
  z-index: 999;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 992px) {
  .si-calender .si-tblheader .si-column.activeday .si-indication:after {
    display: none;
  }
}
.si-calender .si-tblheader .si-column.activeday .si-indication:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #e10000;
  position: absolute;
  bottom: -6px;
  z-index: 9;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 992px) {
  .si-calender .si-tblheader .si-column.activeday .si-indication:before {
    display: none;
  }
}
.si-calender .audio-progress .bar {
  height: 100%;
  background-color: #e95f74;
  border-radius: 70px;
}
.si-calender .si-card__container {
  min-height: auto;
}
@media screen and (max-width: 992px) {
  .si-calender .si-card__container {
    padding-right: 15px;
  }
}
@media screen and (min-width: 769px) {
  .si-calender .si-card__container:hover {
    background-color: #f9f9f9;
  }
}
.si-calender.si-logperformance .si-weekcalender .si-tblheader .si-column {
  padding-bottom: 3px;
}
.si-calender.si-logperformance .si-Right {
  display: none;
}
.si-calender.si-caltemplate .si-calenderBottom {
  height: calc(100vh - 250px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-calender.si-caltemplate .si-calenderBottom {
    height: calc(100dvh - 250px);
  }
}
.si-calender.si-caltemplate .si-calenderBottom .si-card__list.activeday {
  height: calc(100vh - 273px);
}
@media screen and (max-width: 992px) {
  .si-calender.si-caltemplate .si-calenderBottom {
    height: calc(100vh - 391px);
  }
}
.si-calender.si-calprogram .si-calenderBottom {
  height: calc(100vh - 280px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-calender.si-calprogram .si-calenderBottom {
    height: calc(100dvh - 280px);
  }
}
@media screen and (max-width: 992px) {
  .si-calender.si-calprogram .si-calenderBottom {
    height: calc(100vh - 440px);
  }
}
.si-calender.si-calprogram .si-weekcalender .si-tblheader .si-column {
  padding-bottom: 12px;
}
.si-calender.si-coachview .si-weekcalender .si-tblheader .si-column {
  padding-bottom: 6px;
}
.si-calender.si-coachview .si-Right {
  display: none;
}
.si-calender.si-coachview .si-calenderBottom {
  height: calc(100vh - 323px);
}
@media screen and (max-width: 992px) {
  .si-calender.si-coachview .si-calenderBottom {
    height: calc(100vh - 535px);
  }
}
.si-calender .si-version3 .si-calenderBottom {
  height: calc(100vh - 327px);
}
.si-calender .si-calheader .si-top {
  margin-bottom: 25px;
}
.si-calender .si-calheader .si-top .si-left {
  flex: 1;
}
@media screen and (max-width: 991px) {
  .si-calender .si-calheader .si-top .si-left {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .si-calender .si-calheader .si-top .si-left .si-assign,
  .si-calender .si-calheader .si-top .si-left .si-unassign {
    font-size: 12px;
  }
}
.si-calender .si-calheader .si-top .si-left .si-assign span,
.si-calender .si-calheader .si-top .si-left .si-unassign span {
  padding-left: 4px;
}
.si-calender .si-calheader .si-top .si-left .si-assign {
  color: #F9AD4A;
}
.si-calender .si-calheader .si-top .si-left .si-unassign {
  color: #f95058;
  padding-left: 27px;
}
@media screen and (max-width: 991px) {
  .si-calender .si-calheader .si-top .si-left .si-unassign {
    padding-left: 0;
    margin-top: 10px;
  }
}
.si-calender .si-calheader .si-top .si-right {
  width: 444px;
}
@media screen and (max-width: 991px) {
  .si-calender .si-calheader .si-top .si-right {
    flex: 0 0 45%;
    width: 45%;
  }
}
.si-calender .si-calheader .si-top .si-right .si-searchBox {
  max-width: 444px;
}
.si-calender .si-calheader .si-top .si-right .si-searchBox input {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .si-calender .si-calheader .si-top .si-right .si-searchBox input {
    font-size: 12px;
  }
}
.si-calender .si-weekcalender .si-tblheader {
  position: relative;
}
@media screen and (max-width: 991px) {
  .si-calender .si-weekcalender .si-tblheader {
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.14);
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader {
    padding: 0;
    box-shadow: none;
  }
}
@media screen and (max-width: 1024px) {
  .si-calender .si-weekcalender .si-tblheader .si-progressInfo .si-percent {
    font-size: 11px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-column {
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: #5c5c5c;
  position: relative;
  padding-top: 6px;
  padding-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column {
    padding-bottom: 2px !important;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-column + .si-column::before {
  content: "";
  position: absolute;
  border-left: 1px solid #eaeaea;
  top: 75px;
  left: -1px;
  height: 100vw;
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column + .si-column::before {
    content: "";
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column {
    width: 92.72px;
    height: 45px;
    background: #eaeaea;
    border-radius: 5px;
    padding-top: 6px;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column.active {
    background: #e10000;
    border-radius: 5px;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column.active .si-dateno {
    font-weight: 700 !important;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column.active .si-day {
    color: #ffffff !important;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column.active .si-day .si-no {
    font-weight: 700 !important;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column:not(:last-child) {
    margin-right: 9px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-day {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
  color: #282828;
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-day.si-no {
  margin-left: 3px;
}
@media screen and (max-width: 1024px) {
  .si-calender .si-weekcalender .si-tblheader .si-column .si-day {
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column .si-day {
    color: #282828;
    font-family: "Poppins", sans-serif;
    display: flex;
    flex-flow: column;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column .si-day span {
    display: block;
    text-align: center;
    padding-top: 7px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-day .si-Daytxt {
  padding-right: 3px;
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-day .si-year {
  padding-left: 3px;
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-day.si-shortName {
  display: none;
}
@media screen and (max-width: 991px) {
  .si-calender .si-weekcalender .si-tblheader .si-column .si-day {
    margin-bottom: 5px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-column .si-date {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 35px;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .si-calender .si-weekcalender .si-tblheader .si-column .si-date {
    font-size: 30px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-exerise {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 134px;
  height: 30px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #282828;
  border: 1px solid #eaeaea;
  z-index: 9;
}
.si-calender .si-weekcalender .si-tblheader .si-exerise .icon-add {
  font-size: 14px;
  margin-right: 5px;
  display: flex;
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .si-calender .si-weekcalender .si-tblheader .si-exerise {
    width: 100px;
  }
  .si-calender .si-weekcalender .si-tblheader .si-exerise .icon-add {
    display: none;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .si-calender .si-weekcalender .si-tblheader .si-exerise {
    width: 110px;
  }
  .si-calender .si-weekcalender .si-tblheader .si-exerise .icon-add {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-exerise {
    display: none;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-exerise[disabled] {
  pointer-events: none;
  color: #c8c8c8;
  border-color: #c8c8c8;
  cursor: not-allowed;
}
.si-calender .si-weekcalender .si-tblheader .si-exerise .si-addtxt {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.si-calender .si-weekcalender .si-tblheader .si-exerise .si-addicon {
  width: 20px;
  height: 20px;
  border: 1px solid #F9AD4A;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
@media screen and (max-width: 1024px) {
  .si-calender .si-weekcalender .si-tblheader .si-exerise .si-addicon {
    width: 16px;
    height: 16px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-exerise .si-addicon:after {
  content: "\e90d";
  font-family: "AMS" !important;
  font-size: 10px;
  color: #F9AD4A;
  position: absolute;
  transform: rotate(134deg);
  left: 13px;
  right: 6px;
}
@media screen and (max-width: 1024px) {
  .si-calender .si-weekcalender .si-tblheader .si-exerise .si-addicon:after {
    font-size: 8px;
    left: 9.4px;
  }
}
.si-calender .si-weekcalender .si-tblheader .si-exerise:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
@media screen and (min-width: 769px) {
  .si-calender .si-weekcalender .si-tblheader .si-exerise:hover {
    border: 1px solid #282828;
  }
}
.si-calender .si-weekcalender .si-column {
  width: 14.28%;
  align-items: center;
  justify-content: center;
}
.si-calenderTop {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
  padding-bottom: 2px;
}
@media screen and (max-width: 992px) {
  .si-calenderTop {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}
.si-calenderTop .si-calheader {
  background: #f5eefa;
  height: 65px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-calenderTop .si-calheader {
    background: transparent;
    box-shadow: none;
    padding-top: 0;
  }
}
.si-calenderBottom {
  height: calc(100vh - 250px);
  background-color: #ffffff;
  overflow: hidden;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.si-calenderBottom::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-calenderBottom::-webkit-scrollbar {
    width: 0px;
  }
}
@supports (-webkit-touch-callout: none) {
  .si-calenderBottom::-webkit-scrollbar {
    width: 0px;
    display: none;
  }
}
.si-calenderBottom::-webkit-scrollbar-track {
  z-index: 999;
}
.si-calenderBottom::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
@supports (-webkit-touch-callout: none) {
  .si-calenderBottom::-webkit-scrollbar-thumb {
    background: transparent;
  }
}
.si-calenderBottom::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 36, 36, 0.2);
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-calenderBottom {
    padding-top: 0;
    margin-top: 31px;
    height: calc(100vh - 405px);
    background: transparent;
  }
}
.si-calenderBottom .scroll-pane {
  width: 100% !important;
  height: 100% !important;
}
.si-calenderBottom .si-tableBox {
  align-items: flex-start;
  justify-content: flex-start;
}

.si-drp {
  width: 95.33px;
  height: 31px;
  background: #222222;
  border-radius: 35px;
}
@media screen and (max-width: 992px) {
  .si-drp {
    width: 100%;
  }
}

.si-mobileview {
  display: none;
}
@media screen and (max-width: 992px) {
  .si-mobileview .si-progressbar {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    padding-bottom: 40px !important;
    padding-top: 0px !important;
  }
  .si-mobileview .si-progressbar .si-addtxt {
    display: none;
  }
  .si-mobileview .si-progressbar .si-percent {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .si-mobileview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 57px;
    z-index: 0;
  }
  .si-mobileview:after {
    content: "";
    opacity: 0.6;
    border: 0.1px solid #c8c8c8;
    width: 100%;
    height: 1;
    padding: 0;
    left: 0;
    right: 0;
    position: absolute;
  }
  .si-mobileview .si-exerise {
    display: flex !important;
    width: 164px !important;
    height: 31px !important;
    background: #2D2D2D;
    border-radius: 70px;
    z-index: 1;
  }
  .si-mobileview .si-exerise .si-addtxt {
    font-size: 14px !important;
  }
  .si-mobileview .si-exerise .si-addicon {
    width: 20px !important;
    height: 20px !important;
  }
  .si-mobileview .si-exerise .si-addicon:after {
    font-size: 10px !important;
    left: 13px !important;
  }
}

.si-publish {
  background: #2E1111;
  border-radius: 55px;
  width: 150px;
  height: 40px;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  bottom: 24px;
  right: 0;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .si-publish {
    bottom: 74px;
    width: 136px;
    height: 25px;
    bottom: 80px;
    line-height: 25px;
    font-size: 13px;
  }
}
@media screen and (max-width: 992px) {
  .si-publish {
    width: 100%;
    height: 40px;
    line-height: 40px;
    bottom: 73px;
    font-size: 14px;
  }
}
.si-publish.active {
  background: #D81212;
}

@media screen and (max-width: 992px) {
  .si-calender .si-weekcalender .si-tblheader .si-column {
    width: 99.72px;
  }
  .si-calender .si-weekcalender .si-tblheader .si-column:nth-of-type(7) {
    margin-right: 0 !important;
  }
}
.si-calheader .rangeslider.rangeslider-horizontal {
  width: 82% !important;
}

.disable-calender {
  background: rgba(200, 200, 200, 0.3) !important;
  display: inline-flex;
  padding: 2px 11px;
  border-radius: 6px;
  border: 1px solid #c8c8c8;
  pointer-events: none;
}
.disable-calender .icon-calender {
  margin-right: 10px;
}

.clickable-card:hover {
  background-color: #f9f9f9 !important;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .rangeslider__handle::after {
    content: "";
    height: 46px;
    width: 50px;
    position: absolute;
    top: -100%;
    background-color: transparent;
  }
}
.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-card__container, .si-calender .si-calheader .si-top, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-column, .si-calenderBottom .si-tableBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-card__list {
  flex: 0 0 14.28%;
  width: 14.28%;
  padding-top: 10px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-card__list {
    padding-top: 0;
  }
}
.si-card__list:last-of-type .si-card__container .si-Right .si-action {
  position: absolute;
  right: 0;
  margin: auto;
}
.si-card__list.activeday::before {
  content: "";
  position: absolute;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  height: 100vw;
  width: 100%;
  display: none;
}
.si-card__list.activeday .si-column + .si-column::before {
  content: "";
  display: none;
}
@media screen and (max-width: 992px) {
  .si-card__list {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .si-card__list.active {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    box-shadow: none;
  }
}
.si-card__box {
  min-height: 59px;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  padding: 5px 7px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .si-card__box {
    padding: 5px 6px;
  }
}
.si-card__box.si-card-dragging .si-card__container {
  border-color: #c8c8c8;
}
.si-card__box.si-assigned .si-card__container .si-tooltipBox::before {
  background-color: #F9AD4A;
}
.si-card__box.si-assigned .si-card__container .si-tooltipBox .si-matchName span {
  color: #F9AD4A;
}
.si-card__box.si-unassigned .si-card__container {
  background-color: rgba(249, 80, 88, 0.3);
}
.si-card__box.si-unassigned .si-card__container .si-tooltipBox::before {
  background-color: #f95058;
}
.si-card__box.si-unassigned .si-card__container .si-tooltipBox .si-matchName span {
  color: #f95058;
}
.si-card__container {
  cursor: pointer;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  flex-flow: row;
  min-height: 62px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
  .si-card__container {
    background-color: #ffffff;
    min-height: 100%;
    padding: 15px;
    padding-top: 14px;
    padding-right: 5px;
  }
}
.si-card__container:hover .si-toolTip {
  opacity: 1;
  visibility: visible;
}
.si-card__container .si-toolTip {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.si-card__container .si-toolTip .si-tooltipBox {
  background: #8f9094;
  color: #ffffff;
  z-index: 9999;
  top: 23px;
  line-height: 16px;
  position: absolute;
  padding: 5px 10px;
  display: block;
  display: block;
  white-space: normal;
  width: 150px;
  word-wrap: break-word;
  font-size: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.si-card__container .si-toolTip .si-tooltipBox::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #8f9094;
  left: 4px;
  top: -4px;
  z-index: -1;
}
.si-card__container .si-toolTip .si-tooltipBox span {
  color: #ffffff !important;
}
.si-card__container span {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .si-card__container span {
    font-size: 10px;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container span {
    font-size: 14px;
    font-weight: 500;
  }
}
.si-card__container .si-Left {
  width: 90%;
  flex: 0 0 90%;
  line-height: 18px;
}
@media screen and (max-width: 1024px) {
  .si-card__container .si-Left {
    line-height: 14px !important;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container .si-Left {
    width: 100%;
    flex: 1;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container .si-Right {
    width: 30px;
    height: 30px;
    background: rgba(200, 200, 200, 0.2);
    border-radius: 32px;
    margin: auto;
    right: 11px !important;
    top: 50%;
    transform: translateY(-50%);
  }
  .si-card__container .si-Right .icon-options {
    width: 100% !important;
    height: 100%;
    position: relative;
  }
  .si-card__container .si-Right .icon-options:before {
    right: 0 !important;
    font-size: 14px;
    left: 0;
  }
}
.si-card__container .si-Right .icon-options {
  width: 12px;
}
.si-card__container .si-Right .icon-options:before {
  position: absolute;
  right: 9px;
}
@media screen and (max-width: 1024px) {
  .si-card__container .si-Right .icon-options:before {
    right: 6px;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container .si-Right .icon-options:before {
    font-size: 11px;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container .si-Right .icon-options:before {
    font-size: 14px;
  }
}
.si-card__container .si-Right.active .si-action {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.si-card__container .si-Right .si-cardMenu {
  position: relative;
}
.si-card__container .si-Right .si-cardMenu:after {
  content: "";
  background-image: url("../images/card-menu.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 3px;
  width: 2px;
  height: 10px;
  top: 8px;
}
@media screen and (max-width: 1024px) {
  .si-card__container .si-Right .si-cardMenu:after {
    right: -1px;
  }
}
.si-card__container .si-Right .si-action {
  width: 99px;
  background: #515151;
  border-radius: 5px;
  z-index: 999999;
  position: absolute;
  visibility: hidden;
  top: 0;
  right: 15px;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 993px) and (max-width: 1100px) {
  .si-card__container .si-Right .si-action {
    right: 5px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .si-card__container .si-Right .si-action {
    right: 10px;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container .si-Right .si-action {
    width: 119px;
    top: -7px;
    right: 30px;
  }
}
.si-card__container .si-Right .si-action .si-icon-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 6px;
  width: 100%;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .si-card__container .si-Right .si-action .si-icon-button {
    padding: 8px;
    font-size: 14px;
    margin-right: 13px;
  }
}
.si-card__container .si-Right .si-action .si-icon-button:hover {
  background-color: #383838;
  cursor: pointer;
  border-radius: 6px;
}
.si-card__container .si-Right .si-action .si-icon-button span {
  margin-right: 6px;
}
.si-card__container .si-exeriseName {
  margin-bottom: 7px;
  width: 100%;
  color: #282828;
  padding-right: 13px;
  word-wrap: break-word;
}
.si-card__container .si-exerise,
.si-card__container .si-Controlled {
  color: #6e6e6e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
}
.si-card__container .si-exerise .text-wrap,
.si-card__container .si-Controlled .text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: wrap;
}
.si-card__container .si-exerise span,
.si-card__container .si-Controlled span {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 4px;
}
.si-card__container .si-exerise span:nth-of-type(1),
.si-card__container .si-Controlled span:nth-of-type(1) {
  padding-left: 0px;
  padding-right: 5px;
}
.si-card__container .si-exerise span + span,
.si-card__container .si-Controlled span + span {
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
}
.si-card__container .si-exerise span + span:before,
.si-card__container .si-Controlled span + span:before {
  content: "";
  border-left: 1px solid #F9AD4A;
  border-left: 1px solid #6e6e6e;
  position: absolute;
  left: 0px;
  right: 0;
  top: 1px;
  height: 13px;
}
@media screen and (max-width: 1024px) {
  .si-card__container .si-exerise span,
  .si-card__container .si-Controlled span {
    font-size: 10px;
  }
}
@media screen and (max-width: 992px) {
  .si-card__container .si-exerise span,
  .si-card__container .si-Controlled span {
    font-size: 12px;
  }
}
.si-card__container .si-exerise {
  width: 100%;
}

select {
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .si-card__box {
    padding: 5px 0px;
  }
}
.feedback-container {
  display: block !important;
  position: relative;
  font-size: 12px;
  font-weight: 600;
}
.feedback-container .si-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback-container .si-card__header-title {
  display: inline-block;
  font-family: "Poppins", sans-serif;
}
.feedback-container .si-card__header-icon {
  height: 10px;
  display: inline-block;
  margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
  .feedback-container .si-card__header-icon {
    margin-bottom: 10px;
  }
}
.feedback-container .si-card__header-icon img {
  height: 100%;
  width: 100%;
}

.si-feedback-remark {
  background: linear-gradient(268.08deg, #fcbd4e 2.02%, #ffdea3 93.88%);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px 0px 5px 5px;
  text-align: center;
  line-height: 16px;
  padding: 3px 8px;
  position: absolute;
  left: 0;
  width: 88%;
}
.si-feedback-remark__num {
  margin-right: 2px;
  display: inline-block;
}
.si-feedback-remark__text {
  display: inline-block;
  margin-left: 2px;
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-calender .si-calheader .si-top, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-column, .si-calenderBottom .si-tableBox, .si-card__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-main-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  /* Track */
  /* Handle */
}
.si-main-content .si-subHeader {
  margin-top: 0;
}
.si-main-content .si-popup-content .si-subHeader {
  margin-top: 15px;
}
.si-main-content::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-main-content::-webkit-scrollbar {
    width: 0px;
  }
}
.si-main-content::-webkit-scrollbar-track {
  z-index: 999;
}
.si-main-content::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-main-content.si-dashboard {
  overflow-y: auto;
}
@media screen and (max-width: 992px) {
  .si-main-content.si-dashboard {
    height: calc(100% - 70px);
  }
}
@media screen and (max-width: 992px) {
  .si-main-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.si-main-content__scrollable {
  height: calc(100vh - 190px);
  height: -webkit-calc(100vh - 190px);
  overflow-y: scroll;
}
.si-main-content__scrollable::-webkit-scrollbar {
  width: 0px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-main-content .si-tab-content .si-firstStep {
    top: 50%;
  }
}

.si-treckBtn {
  width: 189px;
}

.si-treckBtn,
.si-viewBtn {
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  height: 30px;
  background: transparent;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  white-space: nowrap;
}
.si-treckBtn:focus,
.si-viewBtn:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
@media screen and (min-width: 993px) {
  .si-treckBtn:hover,
  .si-viewBtn:hover {
    border: 1px solid #282828;
  }
}
@media screen and (max-width: 992px) {
  .si-treckBtn,
  .si-viewBtn {
    border: 0;
    width: auto;
    height: auto;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.si-treckBtn .si-txt,
.si-viewBtn .si-txt {
  padding-left: 10px;
}
@media screen and (max-width: 992px) {
  .si-treckBtn .si-txt,
  .si-viewBtn .si-txt {
    display: none;
  }
}
.si-treckBtn .si-treckicon,
.si-viewBtn .si-treckicon {
  position: relative;
  margin-right: 10px;
}
.si-treckBtn .si-treckicon:after,
.si-viewBtn .si-treckicon:after {
  content: "";
  background-image: url("../images/treck.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: -7px;
  top: -8px;
}
@media screen and (max-width: 992px) {
  .si-treckBtn .si-treckicon:after,
  .si-viewBtn .si-treckicon:after {
    top: -8px;
  }
}

.si-logBtn {
  width: 120px;
  height: 30px;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  background: transparent;
  font-size: 12px;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
}
.si-logBtn:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
@media screen and (min-width: 993px) {
  .si-logBtn:hover {
    border: 1px solid #282828;
  }
}
@media screen and (max-width: 992px) {
  .si-logBtn {
    min-width: 67px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.si-logBtn:after {
  content: "\e904";
  font-size: 12px;
  position: absolute;
  font-family: "AMS" !important;
  color: #f9ad4a;
  right: 9px;
  display: none;
  top: 9px;
}

.si-download {
  cursor: pointer;
}
.si-download .icon-download {
  font-size: 21px;
}

.si-label-wrap {
  margin-bottom: 11px;
}

.si-headwrp .custom-select--is-disabled {
  background: transparent !important;
}
.si-headwrp .custom-select--is-disabled .custom-select__control {
  background-color: transparent !important;
  border: none !important;
}
@media screen and (max-width: 992px) {
  .si-headwrp.si-margin {
    padding-left: 0;
    padding-top: 10px;
  }
}
.si-headwrp.si-margin .icon-back {
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .si-headwrp.si-margin .icon-back {
    justify-content: center;
  }
}
.si-headwrp.si-margin .si-label-append {
  margin-left: 7px;
}
.si-headwrp.si-margin .form-control:nth-of-type(3) select {
  margin-left: 0;
  padding-left: 4px;
}
@media screen and (max-width: 992px) {
  .si-headwrp.si-margin .form-control:nth-of-type(2) {
    width: 59px;
  }
  .si-headwrp.si-margin .form-control:nth-of-type(3) select {
    padding-left: 6px;
  }
}
@media screen and (max-width: 456px) {
  .si-headwrp.si-margin .form-control:nth-of-type(3) select {
    padding-left: 8px;
  }
}

.si-reports {
  height: unset !important;
}

.si-Performanceheader {
  border-radius: 10px;
  width: 98%;
  height: 75px;
  display: flex;
  align-items: center;
  padding-right: 0px;
  position: relative;
  top: 8px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 992px) {
  .si-Performanceheader {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader {
    background: transparent;
    flex-flow: column;
    padding-top: 12px;
    top: 0;
    height: 70px;
    margin: auto;
    height: 115px;
    margin-right: 0;
  }
}
.si-Performanceheader:after {
  content: "";
  position: absolute;
  background-image: url("../images/patch.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 67px;
  border-radius: 10px;
  width: 97%;
  right: 0;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader:after {
    width: 97%;
    right: 5px;
  }
}
@media screen and (max-width: 640px) {
  .si-Performanceheader:after {
    height: 66px;
    border-radius: 10px;
    width: 95%;
    right: 4px;
    top: 13px;
  }
}
@media screen and (max-width: 580px) {
  .si-Performanceheader:after {
    width: 90%;
    right: 13px;
  }
}
.si-Performanceheader .rangeSlider.rangeSlider__horizontal,
.si-Performanceheader .rangeslider.rangeslider-horizontal {
  width: 95% !important;
}
.si-Performanceheader .si-progressbar {
  left: 0;
  right: 0;
  padding-bottom: 11px;
  padding-top: 7px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-progressbar {
    padding-top: 26px;
  }
}
.si-Performanceheader .si-progressbar .si-progressInfo {
  display: flex;
  padding-bottom: 4px;
  width: 100%;
  justify-content: space-between;
  color: #ffffff;
  z-index: 1;
  font-size: 10px;
}
@media screen and (max-width: 1024px) {
  .si-Performanceheader .si-progressbar .si-progressInfo {
    font-size: 8px;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-progressbar .si-progressInfo {
    padding-bottom: 10px;
  }
}
.si-Performanceheader .si-progressbar .si-progressInfo .si-Label {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-progressbar .si-progressInfo .si-Label {
    font-size: 12px;
  }
}
.si-Performanceheader .si-progressbar .si-progressInfo .si-percent {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  position: absolute;
  right: 6px;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-progressbar .si-progressInfo .si-percent {
    font-size: 12px;
  }
}
.si-Performanceheader .si-progressbar.si-red .rangeSlider__fill,
.si-Performanceheader .si-progressbar.si-red .rangeslider__fill {
  background: #d51c00;
}
.si-Performanceheader .si-progressbar.si-red .rangeSlider__fill:before,
.si-Performanceheader .si-progressbar.si-red .rangeslider__fill:before {
  border: 2px solid #d51c00;
}
.si-Performanceheader .si-progressbar.si-red .rangeSlider__handle,
.si-Performanceheader .si-progressbar.si-red .rangeslider__handle {
  background: #d51c00;
}
.si-Performanceheader .si-progressbar.si-red .rangeSlider__handle,
.si-Performanceheader .si-progressbar.si-red .rangeslider__handle {
  border: 3px solid #ff7965;
}
.si-Performanceheader .si-progressbar.si-green .rangeSlider__fill,
.si-Performanceheader .si-progressbar.si-green .rangeslider__fill {
  background: #63c185;
}
.si-Performanceheader .si-progressbar.si-green .rangeSlider__fill:before,
.si-Performanceheader .si-progressbar.si-green .rangeslider__fill:before {
  border: 2px solid #63c185;
}
.si-Performanceheader .si-progressbar.si-green .rangeSlider__handle,
.si-Performanceheader .si-progressbar.si-green .rangeslider__handle {
  background: #63c185;
}
.si-Performanceheader .si-progressbar.si-green .rangeSlider__handle,
.si-Performanceheader .si-progressbar.si-green .rangeslider__handle {
  border: 3px solid #a3ddb8;
}
.si-Performanceheader .progress {
  border-radius: 50%;
  position: relative;
}
.si-Performanceheader .progress:before {
  --s: 1;
  content: "";
  width: 28px;
  height: 28px;
  left: 50%;
  top: 50%;
  z-index: 1;
  position: absolute;
  border-radius: inherit;
  transform: translate(-50%, -50%) scale(var(--s));
  transition: transform 0.32s ease;
}
.si-Performanceheader .rangeSlider,
.si-Performanceheader .rangeslider {
  background: #c8c8c8 !important;
  position: absolute;
  border-radius: 6px;
  cursor: pointer;
  left: 48%;
  transform: translateX(-50%);
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .rangeSlider,
  .si-Performanceheader .rangeslider {
    left: 50%;
  }
}
.si-Performanceheader .rangeSlider.rangeSlider__horizontal, .si-Performanceheader .rangeSlider.rangeslider-horizontal,
.si-Performanceheader .rangeslider.rangeSlider__horizontal,
.si-Performanceheader .rangeslider.rangeslider-horizontal {
  width: 109px;
  height: 6px;
}
@media screen and (max-width: 1199px) {
  .si-Performanceheader .rangeSlider.rangeSlider__horizontal, .si-Performanceheader .rangeSlider.rangeslider-horizontal,
  .si-Performanceheader .rangeslider.rangeSlider__horizontal,
  .si-Performanceheader .rangeslider.rangeslider-horizontal {
    width: 97px;
  }
}
@media screen and (max-width: 1024px) {
  .si-Performanceheader .rangeSlider.rangeSlider__horizontal, .si-Performanceheader .rangeSlider.rangeslider-horizontal,
  .si-Performanceheader .rangeslider.rangeSlider__horizontal,
  .si-Performanceheader .rangeslider.rangeslider-horizontal {
    width: 268px !important;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .rangeSlider.rangeSlider__horizontal, .si-Performanceheader .rangeSlider.rangeslider-horizontal,
  .si-Performanceheader .rangeslider.rangeSlider__horizontal,
  .si-Performanceheader .rangeslider.rangeslider-horizontal {
    width: 100% !important;
    height: 6px;
  }
}
@media screen and (max-width: 420px) {
  .si-Performanceheader .rangeSlider.rangeSlider__horizontal, .si-Performanceheader .rangeSlider.rangeslider-horizontal,
  .si-Performanceheader .rangeslider.rangeSlider__horizontal,
  .si-Performanceheader .rangeslider.rangeslider-horizontal {
    height: 6px;
  }
}
.si-Performanceheader .rangeSlider .rangeSlider__fill,
.si-Performanceheader .rangeSlider .rangeslider__fill,
.si-Performanceheader .rangeslider .rangeSlider__fill,
.si-Performanceheader .rangeslider .rangeslider__fill {
  border-radius: 7px;
  position: absolute;
}
.si-Performanceheader .rangeSlider .rangeSlider__fill:before,
.si-Performanceheader .rangeSlider .rangeslider__fill:before,
.si-Performanceheader .rangeslider .rangeSlider__fill:before,
.si-Performanceheader .rangeslider .rangeslider__fill:before {
  content: "";
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: 6px;
  position: absolute;
}
.si-Performanceheader .rangeSlider .rangeSlider__fill__horizontal,
.si-Performanceheader .rangeSlider .rangeslider__fill,
.si-Performanceheader .rangeslider .rangeSlider__fill__horizontal,
.si-Performanceheader .rangeslider .rangeslider__fill {
  height: 39%;
  top: 2px;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .si-Performanceheader .rangeSlider .rangeSlider__fill__horizontal,
  .si-Performanceheader .rangeSlider .rangeslider__fill,
  .si-Performanceheader .rangeslider .rangeSlider__fill__horizontal,
  .si-Performanceheader .rangeslider .rangeslider__fill {
    height: 38%;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .rangeSlider .rangeSlider__fill__horizontal,
  .si-Performanceheader .rangeSlider .rangeslider__fill,
  .si-Performanceheader .rangeslider .rangeSlider__fill__horizontal,
  .si-Performanceheader .rangeslider .rangeslider__fill {
    height: 23%;
  }
}
.si-Performanceheader .rangeSlider .rangeSlider__handle,
.si-Performanceheader .rangeSlider .rangeslider__handle,
.si-Performanceheader .rangeslider .rangeSlider__handle,
.si-Performanceheader .rangeslider .rangeslider__handle {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  display: none;
}
.si-Performanceheader .rangeSlider .rangeSlider__handle__horizontal,
.si-Performanceheader .rangeSlider .rangeslider__handle,
.si-Performanceheader .rangeslider .rangeSlider__handle__horizontal,
.si-Performanceheader .rangeslider .rangeslider__handle {
  top: -5px;
}
.si-Performanceheader .progress.complete + input + .rangeSlider, .si-Performanceheader .progress.complete + input + .rangeslider {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.si-Performanceheader .si-infoWrp {
  display: flex;
}
.si-Performanceheader .si-infoDetails {
  margin-left: 15px;
  line-height: 20px;
  padding-top: 10px;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-infoDetails {
    margin-left: 13px;
  }
}
.si-Performanceheader .si-name {
  color: #ffffff;
  font-size: 20px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .si-Performanceheader .si-name {
    font-size: 22px;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-name {
    font-size: 18px;
  }
}
.si-Performanceheader .si-otherInfo {
  margin-top: 5px;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-otherInfo {
    width: 260px;
    overflow-x: scroll;
  }
  .si-Performanceheader .si-otherInfo::-webkit-scrollbar {
    height: 0;
    z-index: 999;
  }
}
.si-Performanceheader .si-otherInfo,
.si-Performanceheader .si-groupWrp {
  display: flex;
}
.si-Performanceheader .si-groupWrp {
  margin-left: 10px;
}
.si-Performanceheader .si-groupWrp:first-child {
  margin-left: 0px;
}
.si-Performanceheader .si-group {
  min-width: 50px;
  height: 22px;
  background: rgba(200, 200, 200, 0.2);
  border-radius: 25px;
  color: #ffffff;
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  white-space: nowrap;
}
@media screen and (max-width: 420px) {
  .si-Performanceheader .si-group {
    min-width: 47px;
    height: 25px;
    font-size: 10px;
  }
}
.si-Performanceheader .si-group:not(:last-child) {
  margin-right: 8px;
}
.si-Performanceheader .si-profession {
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-profession {
    font-size: 11px;
  }
}
.si-Performanceheader .si-Left {
  width: 65%;
  flex: 0 0 65%;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .si-Performanceheader .si-Left {
    width: 60%;
    flex: 0 0 60%;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-Left {
    width: 100%;
    flex: 1;
  }
}
.si-Performanceheader .si-Image {
  min-width: 67px;
  height: 67px;
  border-radius: 65px;
  background: #ffffff;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-Image {
    margin-left: -10px;
  }
}
@media screen and (max-width: 420px) {
  .si-Performanceheader .si-Image {
    margin-left: 0px;
  }
}
.si-Performanceheader .si-Image img {
  width: 55px;
  height: auto;
  margin: auto;
  display: flex;
}
.si-Performanceheader .si-Right {
  width: 35%;
  flex: 0 0 35%;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .si-Performanceheader .si-Right {
    width: 40%;
    flex: 0 0 40%;
    font-size: 19px;
    padding-left: 37px;
    margin-top: -6px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-Performanceheader .si-Right {
    padding-left: 13px;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-Right {
    width: 99%;
    flex: 0 0 99%;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-top: -24px;
    margin-left: -11px;
  }
}
@media screen and (max-width: 456px) {
  .si-Performanceheader .si-Right {
    width: 95%;
    flex: 0 0 98%;
    margin-top: -33px;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-Right .si-top {
    display: flex;
    align-items: center;
    width: 100%;
  }
}
.si-Performanceheader .si-Right .si-head {
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-Right .si-head {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #282828;
    padding-bottom: 8px;
  }
}
.si-Performanceheader .si-Right .si-percent {
  color: #ff5046;
}
@media screen and (max-width: 992px) {
  .si-Performanceheader .si-Right .si-percent {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 12px;
    padding-left: 8px;
    color: #282828;
    padding-bottom: 8px;
  }
}

.si-subHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  gap: 15px;
}
@media screen and (max-width: 992px) {
  .si-subHeader {
    margin-top: 15px;
  }
}
@media screen and (max-width: 992px) {
  .si-subHeader {
    position: relative;
    z-index: 9;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.si-subHeader .si-button {
  margin-left: auto;
}
.si-subHeader .form-control-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  flex: 1;
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control-wrap {
    margin-left: 45px;
    z-index: 1;
    font-size: 12px;
  }
  .si-subHeader .form-control-wrap .form-control {
    width: 49%;
  }
  .si-subHeader .form-control-wrap .form-control:nth-of-type(2) {
    margin-left: 5px;
  }
  .si-subHeader .form-control-wrap .form-control select {
    width: 100%;
  }
}
.si-subHeader .form-control-wrap .custom-multi-select,
.si-subHeader .form-control-wrap .custom-single-select {
  width: 220px;
}
.si-subHeader .form-control-wrap .custom-multi-select:focus, .si-subHeader .form-control-wrap .custom-multi-select:active, .si-subHeader .form-control-wrap .custom-multi-select:focus-visible, .si-subHeader .form-control-wrap .custom-multi-select:focus-within,
.si-subHeader .form-control-wrap .custom-single-select:focus,
.si-subHeader .form-control-wrap .custom-single-select:active,
.si-subHeader .form-control-wrap .custom-single-select:focus-visible,
.si-subHeader .form-control-wrap .custom-single-select:focus-within {
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5) !important;
  border-radius: 5px;
}
@media screen and (max-width: 1100px) {
  .si-subHeader .form-control-wrap .custom-multi-select,
  .si-subHeader .form-control-wrap .custom-single-select {
    width: 140px !important;
  }
}
.si-subHeader .form-control-wrap .custom-single-select .css-1jqq78o-placeholder {
  color: #282828;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.si-subHeader .form-control-wrap .custom-single-select .custom-select__option {
  font-weight: 600;
}
.si-subHeader .form-control-wrap .custom-single-select .custom-select__menu {
  margin-top: 8px !important;
}
.si-subHeader .form-control-wrap .si-tab {
  width: 260px;
}
.si-subHeader .form-control-wrap .si-tab .switch label {
  font-size: 12px;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control-wrap .si-tab {
    width: 220px;
  }
  .si-subHeader .form-control-wrap .si-tab .switch label {
    font-size: 14px;
  }
}
@media screen and (max-width: 540px) {
  .si-subHeader .form-control-wrap .si-tab {
    width: 140px;
  }
  .si-subHeader .form-control-wrap .si-tab .switch label {
    font-size: 12px;
    width: 50%;
    flex: 0 0 50%;
    margin: 0;
  }
}
.si-subHeader .si-calender-week {
  font-size: 14px;
}
.si-subHeader .si-calender-week.form-control {
  width: 200px;
}
.si-subHeader .si-calender-week.form-control .si-input {
  padding-right: 10px;
}
@media screen and (max-width: 992px) {
  .si-subHeader .si-calender-week .custom-select__single-value {
    font-weight: 600;
  }
}
.si-subHeader .form-control {
  position: relative;
  height: 30px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control {
    height: 30px;
  }
}
.si-subHeader .form-control.si-searchbox {
  width: 340px;
}
.si-subHeader .form-control.si-searchbox input {
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control.si-searchbox input {
    border-radius: 5px;
  }
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control.si-searchbox {
    width: auto;
    position: absolute;
    height: 32px;
    line-height: 0;
  }
  .si-subHeader .form-control.si-searchbox input {
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -ms-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    position: relative;
    font-size: 0;
    z-index: 2;
    height: 100%;
  }
  .si-subHeader .form-control.si-searchbox input.animateIn {
    width: calc(100vw - 20px);
    padding-left: 40px;
    font-size: 14px;
    z-index: 2;
    bottom: unset;
    padding: 15px 35px;
    caret-color: black;
  }
}
.si-subHeader .form-control.si-searchbox .icon-close {
  font-size: 12px !important;
}
.si-subHeader .form-control .si-input {
  height: 30px;
  padding-right: 34px;
  font-size: 12px;
  font-weight: 400;
}
.si-subHeader .form-control .si-input::placeholder {
  color: #282828;
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control .si-input {
    padding-right: 20px;
  }
}
.si-subHeader .form-control .si-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .si-subHeader .form-control .si-icon.icon-search, .si-subHeader .form-control .si-icon.icon-close {
    left: 0px;
    top: 1px !important;
    right: initial;
    z-index: 2;
  }
}
.si-subHeader .si-button {
  padding: 5.5px 20px;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .si-subHeader .si-button {
    height: 30px;
    min-width: unset;
  }
}
@media screen and (max-width: 480px) {
  .si-subHeader .si-button {
    width: 95%;
  }
}
.si-subHeader .custom-select__control {
  min-height: 30px !important;
}
@media screen and (max-width: 992px) {
  .si-subHeader .custom-select__control {
    min-height: 32px !important;
  }
}

.si-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-heading .form-control:nth-of-type(3) select {
  margin-left: 13px;
}
.si-heading .form-control {
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-heading .form-control:nth-of-type(2) {
    width: 95px;
  }
}
@media screen and (max-width: 420px) {
  .si-heading .form-control:nth-of-type(2) {
    padding-left: 10px;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-heading .form-control:nth-of-type(2):before {
    display: none;
  }
}
.si-heading .form-control__title .si-input {
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .si-heading .form-control__title .si-input {
    font-size: 16px;
  }
}
.si-heading .form-control + .form-control {
  padding-left: 12px;
}
@media screen and (max-width: 992px) {
  .si-heading .form-control + .form-control {
    margin-left: 0;
  }
}
.si-heading .form-control + .form-control:before {
  content: "";
  position: absolute;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 20px;
}
.si-heading .form-control:nth-last-child(1):before {
  border-left: none;
}
.si-heading .label-text {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  background-color: #222222;
  padding: 5px 10px;
  align-items: center;
  margin-left: 10px;
  text-transform: capitalize;
}
.si-heading .form-control-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.form-control__title .si-input[disabled] {
  background-color: transparent;
  padding-right: 0;
}

.si-week {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  text-align: center;
  width: 38px;
}
.si-week.si-input[disabled] {
  padding: 0;
}

.si-sports.si-input[disabled] {
  background: transparent !important;
  -webkit-appearance: none;
  opacity: 1;
}
.si-sports.si-input[disabled] .select {
  background: transparent !important;
}

.si-label-append {
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  .si-heading .form-control-group {
    justify-content: center;
  }
  .si-rightPart .si-headwrp.si-calheader {
    height: 92px;
    align-items: flex-start;
  }
  .si-rightPart .si-headwrp.si-calheader .icon-chev-left {
    font-size: 13px;
  }
  .si-rightPart .si-headwrp.si-calheader.si-margin {
    min-height: 80px;
  }
  .si-rightPart .si-headwrp.si-calheader .si-heading {
    width: 100%;
  }
  .si-rightPart .si-headwrp.si-calheader .si-heading .form-control:nth-of-type(1) {
    width: 100% !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 420px) {
  .si-rightPart .si-headwrp.si-calheader .si-heading .form-control:nth-of-type(1) .si-input {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headwrp.si-calheader .si-heading .form-control:nth-of-type(3) {
    bottom: -40px;
  }
}
@media screen and (max-width: 992px) and (max-width: 380px) {
  .si-rightPart .si-headwrp.si-calheader .si-heading .form-control:nth-of-type(3) {
    left: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-rightPart .si-headwrp.si-calheader .si-heading .form-control:nth-of-type(4) {
    right: 67px;
    top: 59px;
    left: initial;
  }
  .si-rightPart .si-headwrp.si-calheader .si-heading .form-control:nth-of-type(4) .icon-edit {
    position: absolute;
    right: -38px;
  }
}
@media screen and (max-width: 420px) {
  .si-rightPart .si-headwrp .si-heading .form-control:nth-of-type(1) .si-input {
    font-size: 16px;
  }
  .si-rightPart .si-headwrp .si-heading .form-control:nth-of-type(2) .si-label-append {
    font-size: 12px;
  }
  .si-rightPart .si-headwrp .si-heading .form-control:nth-of-type(3) {
    left: -10px;
  }
  .si-rightPart .si-headwrp .si-heading .form-control:nth-of-type(3) .si-sports {
    font-size: 12px;
  }
  .si-rightPart .si-headwrp .si-heading .form-control:nth-of-type(4) {
    right: 44px;
  }
}
@media only screen and (max-width: 992px) {
  .si-label-wrap {
    display: none;
  }
  .si-tab-pane__editspecs .si-custom-col + .si-custom-col::before {
    border-left: none;
  }
  .si-tab-pane__editspecs .si-custom-row {
    display: block;
  }
  .si-tab-pane__editspecs .si-custom-col + .si-custom-col {
    padding-left: 0;
    margin-left: 0;
  }
  .si-tab-pane__editspecs .form-control {
    flex-basis: 48%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  .si-tab-pane__editspecs .form-control {
    flex-basis: 26%;
  }
}
@media only screen and (max-width: 992px) and (max-width: 640px) {
  .si-tab-pane__editspecs .form-control {
    flex-basis: 30%;
  }
}
@media only screen and (max-width: 992px) and (max-width: 620px) {
  .si-tab-pane__editspecs .form-control {
    flex-basis: 28%;
  }
}
@media only screen and (max-width: 992px) and (max-width: 992px) {
  .si-tab-pane__editspecs .form-control {
    flex-basis: 44%;
    margin-right: 18px !important;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__editspecs .form-control + .form-control {
    margin-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .si-tab-pane__editspecs .si-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
}
.si-tabs .si-main-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.si-tabs .si-main-content.si-athletebtn {
  position: initial !important;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-main-content.si-athletebtn .content-wrapper {
    padding: 0 5px;
  }
}
.si-tabs .si-subHeader {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media screen and (max-width: 992px) {
  .si-headcover .si-heading {
    display: flex;
    flex-wrap: wrap;
  }
  .form-control__title {
    width: inherit;
    margin-bottom: 7px !important;
  }
}
.si-athleteprofile-tab .si-subHeader {
  margin-top: 0px;
}

.MuiBox-root {
  height: calc(100vh - 132px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .MuiBox-root {
    height: calc(100dvh - 132px);
  }
}
@media screen and (max-width: 992px) {
  .MuiBox-root {
    height: calc(100dvh - 180px);
  }
}
.MuiBox-root .MuiPaper-root {
  height: calc(100% - 58px);
}
@media screen and (max-width: 992px) {
  .MuiBox-root .MuiPaper-root {
    height: calc(100% - 60px);
  }
}
.MuiBox-root .MuiPaper-root .MuiTableContainer-root {
  height: 96%;
}
@media screen and (max-width: 992px) {
  .MuiBox-root .MuiPaper-root .MuiTableContainer-root {
    height: 92%;
  }
}
@media screen and (max-width: 992px) {
  .MuiBox-root .si-pagination {
    bottom: 28px;
  }
}

.report-main-table .MuiBox-root {
  height: calc(100vh - 260px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .report-main-table .MuiBox-root {
    height: calc(100dvh - 260px);
  }
}
@media screen and (max-width: 992px) {
  .report-main-table .MuiBox-root {
    height: calc(100vh - 315px);
  }
}
.report-main-table .MuiBox-root .si-pagination {
  bottom: 10px;
}

.si-dashboard .MuiBox-root {
  height: unset;
}

.css-13cymwt-control {
  min-height: 30px !important;
}

.css-4oenxb {
  font-size: 12px !important;
}

.MuiTableCell-sizeSmall {
  font-size: 12px !important;
}

.si-tabs .si-main-content {
  margin-top: 0px;
}

.MuiTableHead-root .MuiTableCell-head {
  white-space: nowrap;
}

.si-tab-pane__generalinfo {
  height: calc(100vh - 220px);
  overflow-y: scroll;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-tab-pane__generalinfo {
    height: calc(100dvh - 220px);
  }
}
@media screen and (max-width: 992px) {
  .si-tab-pane__generalinfo {
    height: calc(100dvh - 255px);
  }
}

@media screen and (max-width: 992px) {
  .si-tab-content .si-athleteprofile-tab .si-tab-content .si-assesment {
    height: calc(100vh - 322px) !important;
  }
  .si-tabs .si-Performanceheader {
    height: 90px;
  }
}
.si-popup-body .MuiTableContainer-root {
  height: 93% !important;
}

@media screen and (min-width: 992px) {
  .myprofile-maincontent .MuiBox-root {
    height: calc(100dvh - 248px) !important;
  }
}

@media screen and (max-width: 992px) {
  .atheletes-tab--main-content .MuiBox-root .MuiPaper-root .MuiTableContainer-root {
    height: 86%;
  }
}
@media screen and (max-width: 992px) {
  .si-Performanceheader + .si-subHeader + .report-main-table .MuiBox-root {
    height: calc(100vh - 385px);
  }
  .si-headwrp.si-calheader + .si-subHeader + .si-main-content .MuiBox-root {
    height: calc(100vh - 360px);
  }
  .si-Performanceheader + .si-athleteprofile + .si-main-content .myprofile-maincontent .MuiBox-root {
    height: calc(100dvh - 300px) !important;
  }
  .si-Performanceheader + .si-athleteprofile + .si-main-content .myprofile-maincontent .MuiBox-root .si-custom-table-container {
    height: calc(100dvh - 400px) !important;
  }
}
.si-tab-list + .si-main-content .MuiBox-root {
  height: calc(100dvh - 165px);
}
@media screen and (max-width: 992px) {
  .si-tab-list + .si-main-content .MuiBox-root {
    height: calc(100dvh - 260px);
  }
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-calender .si-calheader .si-top, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-column, .si-calenderBottom .si-tableBox, .si-card__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-login__page {
  height: 100dvh;
  background-image: url("../images/login.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #ffffff;
}
.si-login__page::before {
  display: none;
}
.si-login__page .si-main__container {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: transparent !important;
}
@media screen and (max-width: 420px) {
  .si-login__page .si-main__container {
    padding-top: 11%;
  }
}
.si-login__form {
  width: 80%;
  height: 516px;
  margin-left: auto;
  background-color: #f9f9f9;
  -webkit-border-radius: 26px 10px 10px 26px;
  -moz-border-radius: 26px 10px 10px 26px;
  -ms-border-radius: 26px 10px 10px 26px;
  -o-border-radius: 26px 10px 10px 26px;
  border-radius: 26px 10px 10px 26px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .si-login__form {
    height: 509px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__form {
    height: 408px;
  }
}
@media screen and (max-width: 812px) {
  .si-login__form {
    height: 339px;
    width: 75%;
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .si-login__form {
    width: 77%;
    margin-right: 18px;
    height: 363px;
  }
}
@media screen and (max-width: 680px) {
  .si-login__form {
    height: 315px;
  }
}
@media screen and (max-width: 580px) {
  .si-login__form {
    height: 278px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 409px;
  }
}
.si-login__left {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 100%;
  border-radius: 5%;
}
@media screen and (max-width: 992px) {
  .si-login__left {
    width: 100%;
    height: 50%;
  }
}
.si-login__left::before {
  content: "";
  background: #e10000;
  width: 530px;
  height: 600px;
  -webkit-border-radius: 0% 50% 50% 0%;
  -moz-border-radius: 0% 50% 50% 0%;
  -ms-border-radius: 0% 50% 50% 0%;
  -o-border-radius: 0% 50% 50% 0%;
  border-radius: 0% 50% 50% 0%;
  position: absolute;
  left: -40%;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  .si-login__left::before {
    width: 420px;
    height: 450px;
    left: -32%;
  }
}
@media screen and (max-width: 812px) {
  .si-login__left::before {
    left: -66%;
  }
}
@media screen and (max-width: 767px) {
  .si-login__left::before {
    left: -51%;
  }
}
@media screen and (max-width: 680px) {
  .si-login__left::before {
    left: -77%;
  }
}
@media screen and (max-width: 580px) {
  .si-login__left::before {
    left: -96%;
  }
}
@media screen and (max-width: 992px) {
  .si-login__left::before {
    -webkit-border-radius: 0% 0% 50% 50%;
    -moz-border-radius: 0% 0% 50% 50%;
    -ms-border-radius: 0% 0% 50% 50%;
    -o-border-radius: 0% 0% 50% 50%;
    border-radius: 0% 0% 50% 50%;
    width: 100%;
    left: 0;
    background: transparent;
  }
}
.si-login__Logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  align-items: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  justify-content: center;
  width: 519px;
  height: 519px;
  background: #fff;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 1;
  position: absolute;
  left: -24%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: -1px 0px 7px 0px rgba(0, 131, 191, 0.26);
  -moz-box-shadow: -1px 0px 7px 0px rgba(0, 131, 191, 0.26);
  -ms-box-shadow: -1px 0px 7px 0px rgba(0, 131, 191, 0.26);
  -o-box-shadow: -1px 0px 7px 0px rgba(0, 131, 191, 0.26);
  box-shadow: -1px 0px 7px 0px rgba(0, 131, 191, 0.26);
}
@media screen and (max-width: 992px) {
  .si-login__Logo {
    width: 453px;
    height: 457px;
  }
}
.si-login__Logo img {
  width: 358px;
  height: auto;
}
@media screen and (max-width: 992px) {
  .si-login__Logo img {
    width: 222px;
    height: auto;
    z-index: 1;
  }
}
@media screen and (max-width: 580px) {
  .si-login__Logo {
    width: 298px;
    height: 298px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__Logo {
    width: 220px;
    height: 55px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__Logo {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width: 767px) {
  .si-login__Logo img {
    z-index: 1;
  }
}
@media screen and (max-width: 992px) {
  .si-login__Logo::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    background-color: #e10000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 0;
  }
}
@media screen and (max-width: 992px) {
  .si-login__Logo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
  }
}
.si-login__Logo span {
  font-size: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #fff;
  margin-top: 21px;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .si-login__Logo span {
    font-size: 20px;
    font-size: 20px;
    color: rgba(4, 157, 243, 0.968627451);
    margin-top: 3px;
  }
}
.si-login__Logo .si-logotext {
  color: #0a59a7;
  font-size: 28px;
  padding-top: 11px;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 992px) {
  .si-login__Logo .si-logotext {
    font-size: 22px;
  }
}
@media screen and (max-width: 680px) {
  .si-login__Logo .si-logotext {
    font-size: 19px;
  }
}
@media screen and (max-width: 580px) {
  .si-login__Logo .si-logotext {
    font-size: 15px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__Logo .si-logotext {
    font-size: 16px;
  }
}
.si-login__right {
  width: 50%;
  flex-basis: 50%;
  height: 60%;
}
@media screen and (max-width: 812px) {
  .si-login__right {
    height: 82%;
  }
}
@media screen and (max-width: 992px) {
  .si-login__right {
    width: 100%;
    flex-basis: 100%;
    height: 60%;
    padding: 20px;
  }
}
.si-login__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  color: #282828;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .si-login__head {
    margin-left: 27px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__head {
    margin-bottom: 15px;
    margin-left: 0px;
  }
}
.si-login__head .si-title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 36px;
  display: block;
  margin-bottom: 10px;
}
.si-login__head .si-subtitle {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 10px;
}
.si-login__input {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .si-login__input {
    margin-left: 27px;
  }
}
@media screen and (max-width: 992px) {
  .si-login__input {
    width: 100%;
    margin-left: 0px;
  }
}
.si-login__input form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
}
.si-login__input form input {
  border: none;
  box-sizing: border-box;
  background: transparent;
  color: #282828;
  height: 30px;
  padding: 0px 25px 2px 5px;
  border-bottom: 1px solid #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
}
.si-login__input form input ::-webkit-input-placeholder {
  color: #282828;
}
.si-login__input form input :-moz-placeholder {
  color: #282828;
}
.si-login__input form input ::-moz-placeholder {
  color: #282828;
}
.si-login__input form input :-ms-input-placeholder {
  color: #282828;
}
@media screen and (max-width: 992px) {
  .si-login__input form input {
    height: 40px;
  }
}
.si-login__input form .si-username {
  position: relative;
  margin-bottom: 15px;
}
.si-login__input form .si-username::before {
  content: "\e91e";
  font-family: "AMS" !important;
  font-size: 25px;
  color: #282828;
  right: 0;
  top: 0;
  position: absolute;
}
.si-login__input form .si-password {
  position: relative;
}
.si-login__input form .si-password::before {
  content: "\e91f";
  font-family: "AMS" !important;
  font-size: 25px;
  color: #282828;
  right: 0;
  top: 0;
  position: absolute;
}
.si-login__button {
  margin-top: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-login__button {
    margin-top: 0%;
    position: absolute;
    background: #282828;
    width: 100%;
    left: 50%;
    bottom: -30px;
    padding: 10px 18px;
    width: 85%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #ffffff;
    border-radius: 50px;
  }
}
.si-login__button span {
  font-size: 19px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #282828;
}
@media screen and (max-width: 992px) {
  .si-login__button span {
    color: #ffffff;
  }
}
.si-login__button button {
  border: none;
  background: #282828;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  box-sizing: border-box;
  color: #ffffff;
  position: relative;
  width: 70px;
  height: 25px;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .si-login__button button {
    color: #0a59a7;
    background-color: #ffffff;
  }
}
.si-login__button button::after {
  content: "\e909";
  font-family: "AMS" !important;
  font-size: 18px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  top: -4px;
  left: 0px;
  transform: rotate(179deg);
  position: absolute;
}
@media screen and (max-width: 992px) {
  .si-login__button button::after {
    color: #0a59a7;
  }
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-calender .si-calheader .si-top, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-column, .si-calenderBottom .si-tableBox, .si-card__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.si-dashboard {
  overflow-y: auto;
  height: 100%;
  position: relative;
  z-index: 0;
  /* Track */
  /* Handle */
}
@media screen and (max-width: 992px) {
  .si-dashboard {
    height: calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
  }
}
.si-dashboard::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
  height: 3px;
}
@media screen and (max-width: 992px) {
  .si-dashboard::-webkit-scrollbar {
    width: 0px;
  }
}
.si-dashboard::-webkit-scrollbar-track {
  z-index: 999;
}
.si-dashboard::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-dashboard .si-version1 .si-top,
.si-dashboard .si-version2 .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-top,
  .si-dashboard .si-version2 .si-top {
    flex-flow: column;
  }
}
.si-dashboard .si-version1 .si-top .si-left,
.si-dashboard .si-version1 .si-top .si-right,
.si-dashboard .si-version2 .si-top .si-left,
.si-dashboard .si-version2 .si-top .si-right {
  width: 49%;
  flex: 0 0 49%;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-top .si-left,
  .si-dashboard .si-version1 .si-top .si-right,
  .si-dashboard .si-version2 .si-top .si-left,
  .si-dashboard .si-version2 .si-top .si-right {
    width: 100%;
    flex: 0 0 100%;
    top: 0;
    display: flex;
    flex-flow: column;
    right: 0;
    left: 0;
  }
}
.si-dashboard .si-version1 .si-top .si-right .si-header,
.si-dashboard .si-version2 .si-top .si-right .si-header {
  justify-content: flex-start;
}
.si-dashboard .si-version1 .si-top .si-right .si-custom-table-container,
.si-dashboard .si-version2 .si-top .si-right .si-custom-table-container {
  max-height: initial;
  min-height: inherit;
  overflow: hidden;
  height: initial;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-top .si-right .si-custom-table-container,
  .si-dashboard .si-version2 .si-top .si-right .si-custom-table-container {
    overflow-x: auto;
  }
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-top .si-right .si-custom-table,
  .si-dashboard .si-version2 .si-top .si-right .si-custom-table {
    width: 100%;
  }
}
.si-dashboard .si-version1 .si-top .si-header,
.si-dashboard .si-version2 .si-top .si-header {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  width: 100%;
  margin-bottom: 6px;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-top .si-header,
  .si-dashboard .si-version2 .si-top .si-header {
    background: transparent;
  }
}
.si-dashboard .si-version1 .si-top .si-title,
.si-dashboard .si-version2 .si-top .si-title {
  color: #282828;
  font-size: 20px;
}
.si-dashboard .si-version1 .si-top .si-add,
.si-dashboard .si-version2 .si-top .si-add {
  width: 90px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #ff5046;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #ff5046;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.si-dashboard .si-version1 .si-top .si-wrp,
.si-dashboard .si-version2 .si-top .si-wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.si-dashboard .si-version1 .si-top .si-wrp:not(:last-child),
.si-dashboard .si-version2 .si-top .si-wrp:not(:last-child) {
  margin-bottom: 10px;
}
.si-dashboard .si-version1 .si-top .si-wrp:last-of-type,
.si-dashboard .si-version2 .si-top .si-wrp:last-of-type {
  margin-bottom: 23px;
}
.si-dashboard .si-version1 .si-top .si-name,
.si-dashboard .si-version2 .si-top .si-name {
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.si-dashboard .si-version1 .si-top .si-datewrp,
.si-dashboard .si-version2 .si-top .si-datewrp {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #969696;
}
.si-dashboard .si-version1 .si-top .si-duration,
.si-dashboard .si-version2 .si-top .si-duration {
  color: #ff5046;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.si-dashboard .si-version1 .si-top .si-duration span,
.si-dashboard .si-version2 .si-top .si-duration span {
  display: block;
}
.si-dashboard .si-version1 .si-view,
.si-dashboard .si-version2 .si-view {
  color: #282828;
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  width: auto;
  float: right;
  cursor: pointer;
  position: relative;
  right: 0;
  bottom: 18px;
  text-align: right;
}
.si-dashboard .si-version1 .si-subtitle,
.si-dashboard .si-version2 .si-subtitle {
  font-size: 16px;
  color: #969696;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  padding-left: 11px;
  padding-top: 3px;
}
.si-dashboard .si-version1 .si-bottom,
.si-dashboard .si-version2 .si-bottom {
  margin-top: 1px;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom,
  .si-dashboard .si-version2 .si-bottom {
    margin-top: 4px;
  }
}
.si-dashboard .si-version1 .si-bottom .si-title,
.si-dashboard .si-version2 .si-bottom .si-title {
  font-weight: 500;
  font-size: 20px;
}
.si-dashboard .si-version1 .si-bottom .si-left,
.si-dashboard .si-version1 .si-bottom .si-right,
.si-dashboard .si-version2 .si-bottom .si-left,
.si-dashboard .si-version2 .si-bottom .si-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-left,
  .si-dashboard .si-version1 .si-bottom .si-right,
  .si-dashboard .si-version2 .si-bottom .si-left,
  .si-dashboard .si-version2 .si-bottom .si-right {
    flex-flow: column;
  }
}
.si-dashboard .si-version1 .si-bottom .si-left .si-count1,
.si-dashboard .si-version1 .si-bottom .si-right .si-count1,
.si-dashboard .si-version2 .si-bottom .si-left .si-count1,
.si-dashboard .si-version2 .si-bottom .si-right .si-count1 {
  color: #e10000;
  font-size: 40px;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-left .si-count1,
  .si-dashboard .si-version1 .si-bottom .si-right .si-count1,
  .si-dashboard .si-version2 .si-bottom .si-left .si-count1,
  .si-dashboard .si-version2 .si-bottom .si-right .si-count1 {
    font-size: 64px;
  }
}
.si-dashboard .si-version1 .si-bottom .si-left .si-txt,
.si-dashboard .si-version1 .si-bottom .si-right .si-txt,
.si-dashboard .si-version2 .si-bottom .si-left .si-txt,
.si-dashboard .si-version2 .si-bottom .si-right .si-txt {
  color: #282828;
  font-size: 14px;
  padding-left: 15px;
  line-height: 18px;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-left .si-txt,
  .si-dashboard .si-version1 .si-bottom .si-right .si-txt,
  .si-dashboard .si-version2 .si-bottom .si-left .si-txt,
  .si-dashboard .si-version2 .si-bottom .si-right .si-txt {
    font-size: 18px;
    padding-left: 0;
  }
}
.si-dashboard .si-version1 .si-bottom .si-left .si-txt span,
.si-dashboard .si-version1 .si-bottom .si-right .si-txt span,
.si-dashboard .si-version2 .si-bottom .si-left .si-txt span,
.si-dashboard .si-version2 .si-bottom .si-right .si-txt span {
  display: block;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-left .si-txt span,
  .si-dashboard .si-version1 .si-bottom .si-right .si-txt span,
  .si-dashboard .si-version2 .si-bottom .si-left .si-txt span,
  .si-dashboard .si-version2 .si-bottom .si-right .si-txt span {
    display: inline-block;
  }
}
.si-dashboard .si-version1 .si-bottom .si-right,
.si-dashboard .si-version2 .si-bottom .si-right {
  position: relative;
}
.si-dashboard .si-version1 .si-bottom .si-right .si-desk,
.si-dashboard .si-version2 .si-bottom .si-right .si-desk {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-right .si-desk,
  .si-dashboard .si-version2 .si-bottom .si-right .si-desk {
    display: none;
  }
}
.si-dashboard .si-version1 .si-bottom .si-right .si-mobile,
.si-dashboard .si-version2 .si-bottom .si-right .si-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-right .si-mobile,
  .si-dashboard .si-version2 .si-bottom .si-right .si-mobile {
    display: flex;
    flex-flow: column;
    position: absolute;
    top: -111px;
    right: -90px;
    left: initial;
  }
  .si-dashboard .si-version1 .si-bottom .si-right .si-mobile img,
  .si-dashboard .si-version2 .si-bottom .si-right .si-mobile img {
    height: 180px;
  }
  .si-dashboard .si-version1 .si-bottom .si-right .si-mobile .si-txt,
  .si-dashboard .si-version2 .si-bottom .si-right .si-mobile .si-txt {
    margin-top: -29px;
  }
}
@media screen and (max-width: 992px) and (max-width: 520px) {
  .si-dashboard .si-version1 .si-bottom .si-right .si-mobile .si-txt,
  .si-dashboard .si-version2 .si-bottom .si-right .si-mobile .si-txt {
    margin-top: -10px;
  }
}
@media screen and (max-width: 992px) and (max-width: 375px) {
  .si-dashboard .si-version1 .si-bottom .si-right .si-mobile .si-txt,
  .si-dashboard .si-version2 .si-bottom .si-right .si-mobile .si-txt {
    width: 124px;
    margin-left: 40px;
  }
}
@media screen and (max-width: 380px) {
  .si-dashboard .si-version1 .si-bottom .si-right .si-mobile,
  .si-dashboard .si-version2 .si-bottom .si-right .si-mobile {
    right: -79px;
  }
}
.si-dashboard .si-version1 .si-bottom .si-header,
.si-dashboard .si-version2 .si-bottom .si-header {
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-header,
  .si-dashboard .si-version2 .si-bottom .si-header {
    background-color: transparent;
  }
}
.si-dashboard .si-version1 .si-bottom .si-subheaderwrp,
.si-dashboard .si-version2 .si-bottom .si-subheaderwrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-subheaderwrp,
  .si-dashboard .si-version2 .si-bottom .si-subheaderwrp {
    width: 100%;
  }
}
.si-dashboard .si-version1 .si-bottom .si-subheaderwrp .si-left,
.si-dashboard .si-version1 .si-bottom .si-subheaderwrp .si-right,
.si-dashboard .si-version2 .si-bottom .si-subheaderwrp .si-left,
.si-dashboard .si-version2 .si-bottom .si-subheaderwrp .si-right {
  width: 50%;
}
.si-dashboard .si-version1 .si-bottom .si-subheaderwrp .si-right,
.si-dashboard .si-version2 .si-bottom .si-subheaderwrp .si-right {
  padding-left: 25px;
}
.si-dashboard .si-version1 .si-bottom .si-subheaderwrp .si-left,
.si-dashboard .si-version2 .si-bottom .si-subheaderwrp .si-left {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 992px) {
  .si-dashboard .si-version1 .si-bottom .si-subheaderwrp .si-left,
  .si-dashboard .si-version2 .si-bottom .si-subheaderwrp .si-left {
    border-right: 0;
    align-items: baseline;
  }
}
.si-dashboard .si-version1 .si-bottom .si-custom-table-container,
.si-dashboard .si-version2 .si-bottom .si-custom-table-container {
  max-height: initial;
  min-height: inherit;
  overflow: hidden;
  height: auto;
  overflow-x: scroll;
}

.si-version2 .si-image {
  margin-left: 10px;
}
.si-version2 .si-subtitle {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 0px;
}
.si-version2 .si-label {
  color: #282828;
}
.si-version2 .si-header {
  width: auto !important;
  display: block;
  justify-content: flex-start !important;
}
.si-version2 .si-left {
  justify-content: flex-start;
  display: flex;
  flex-flow: column;
}

.si-table {
  width: 100%;
}
.si-table .si-custom-table {
  width: 100%;
}
.si-table .si-custom-table .si-custom-table-container {
  max-height: calc(100vh - 418px);
  min-height: calc(100vh - 418px);
}

.usermanagement .si-row {
  margin: 0 -15px;
}
@media only screen and (min-width: 992px) {
  .usermanagement .si-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}
.usermanagement .si-col {
  flex-basis: 33.33%;
  padding: 0 15px;
}
.usermanagement .si-calender {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  padding: 5px;
  border: none;
}
@media screen and (max-width: 992px) {
  .usermanagement .si-calender {
    height: initial;
  }
}
.usermanagement .si-calender + .si-calender {
  margin-top: 15px;
}
.usermanagement .si-calender .rangeSlider.rangeSlider__horizontal {
  width: 100%;
}
.usermanagement .si-calender .si-progressbar {
  position: relative;
}
.usermanagement .si-calender .si-exercise {
  font-size: 14px;
  font-weight: 500;
}
.usermanagement .si-calender .si-Controlled {
  font-size: 12px;
}
.usermanagement .si-progress-svg img {
  width: 100%;
}

.si-title {
  font-weight: 500;
  line-height: 30px;
}

.si-subtitle {
  font-size: 14px;
  line-height: 21px;
}

.si-exerise {
  font-size: 14px;
  font-weight: 500;
}

.si-dashboard {
  height: calc(100vh - 70px);
  overflow: scroll;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-dashboard {
    height: calc(100dvh - 70px);
  }
}

.si-dashboard-new {
  background: #eee;
  height: calc(100vh - 60px);
  padding-top: 22px;
  overflow-x: scroll;
  margin-top: 0px !important;
  padding-bottom: 15px;
}
.si-dashboard-new::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-dashboard-new::-webkit-scrollbar {
    width: 0px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-dashboard-new {
    height: calc(100dvh - 60px);
  }
}
@media screen and (max-width: 992px) {
  .si-dashboard-new {
    height: calc(100dvh - 110px);
    margin-top: 0px !important;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.si-dashboard-new .si-quotes-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 50px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 20px;
  margin-bottom: 23px;
}
.si-dashboard-new .si-quotes-container .si-quotes {
  color: #e10000;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-dashboard-new .si-quotes-container .si-quotes {
    font-size: 14px;
    font-weight: 500;
  }
}
.si-dashboard-new .si-quotes-container .si-quotes .dbl-comma:first-child {
  position: absolute;
  left: -8px;
}
.si-dashboard-new .si-quotes-container .si-writer {
  color: #c8c8c8;
  white-space: nowrap;
  display: flex;
  justify-content: end;
  font-size: 16px;
}
@media screen and (max-width: 992px) {
  .si-dashboard-new .si-quotes-container .si-writer {
    padding-top: 20px;
    font-size: 14px;
  }
}
.si-dashboard-new .si-upcoming-heading {
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #282828;
  margin-bottom: 8px;
}
@media screen and (max-width: 992px) {
  .si-dashboard-new .si-upcoming-heading {
    font-size: 14px;
    font-weight: 500;
  }
}
.si-dashboard-new .si-upcoming-wrapper {
  display: flex;
  align-items: center;
  padding-right: 24px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 22px;
  color: #ffffff;
  background-color: #090c6a;
}
.si-dashboard-new .si-upcoming-wrapper .si-date-wrap {
  white-space: nowrap;
}
.si-dashboard-new .si-upcoming-wrapper .si-date-wrap .si-upcoming-date {
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  text-align: right;
  background-color: #e10000;
  padding: 5px 18px;
  border-top-left-radius: 5px;
}
.si-dashboard-new .si-upcoming-wrapper .si-date-wrap .si-upcoming-date .specific-date {
  font-size: 20px;
  margin-right: 5px;
}
.si-dashboard-new .si-upcoming-wrapper .si-date-wrap .si-upcoming-daysleft {
  background-color: #ff5046;
  font-size: 12px;
  padding: 5px 18px;
  border-bottom-left-radius: 5px;
}
.si-dashboard-new .si-upcoming-wrapper .si-status-wrap {
  padding-left: 30px;
}
.si-dashboard-new .si-upcoming-wrapper .si-status-wrap .si-upcoming-status {
  font-weight: 500;
  font-size: 12px;
}
.si-dashboard-new .si-dailygoal-heading {
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #2b2a48;
  margin-bottom: 9px;
}
@media screen and (max-width: 992px) {
  .si-dashboard-new .si-dailygoal-heading {
    font-size: 14px;
    font-weight: 500;
  }
}
.si-dashboard-new .si-card-wrapper {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
}
.si-dashboard-new .si-card-wrapper .si-card {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 49.3%;
  padding: 10px 10px 25px 10px;
  border-radius: 5px;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .si-dashboard-new .si-card-wrapper .si-card {
    width: 49%;
  }
}
@media screen and (max-width: 992px) {
  .si-dashboard-new .si-card-wrapper .si-card {
    width: 100%;
  }
}
.si-dashboard-new .si-card-wrapper .si-card-title {
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  width: 100%;
  color: #969696;
  margin-bottom: 10px;
}
.si-dashboard-new .si-card-wrapper .si-card-subtitle {
  font-size: 14px;
  line-height: 21px;
  color: #090c6a;
  margin-bottom: 15px;
  font-weight: 600;
}
.si-dashboard-new .si-card-wrapper .si-card-subtitle-emptyCard {
  color: #282828 !important;
  font-weight: 400 !important;
}
.si-dashboard-new .si-card-wrapper .si-card-maincontent {
  display: flex;
  align-items: center;
}
.si-dashboard-new .si-card-wrapper .si-card-maincontent .si-card-percentage {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.si-dashboard-new .si-card-wrapper .si-card-maincontent .si-card-percentage span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #282828;
  display: block;
}
.si-dashboard-new .si-card-wrapper .si-card-maincontent .si-per-left {
  text-align: end;
  margin-right: 15px;
}
@media screen and (max-width: 992px) {
  .si-dashboard-new .si-card-wrapper .si-card-maincontent .si-per-left {
    margin-right: 10px;
  }
}
.si-dashboard-new .si-card-wrapper .si-card-maincontent .si-per-right {
  margin-left: 15px;
  margin-left: 10px;
}
.si-dashboard-new .si-card-wrapper .si-card .si-like-img {
  margin-bottom: 10px;
  margin-top: 5px;
}
.si-dashboard-new .si-card-wrapper .si-card .si-cardscore {
  color: #007C27;
  font-size: 22px;
  margin-bottom: 10px;
}
.si-dashboard-new .si-card-wrapper .si-card .si-cardscore .si-obtainscore {
  font-size: 26px;
  font-weight: 500;
}
.si-dashboard-new .si-card-wrapper .si-card .si-task-status {
  font-size: 20px;
  color: #282828;
  margin-bottom: 16px;
  text-transform: capitalize;
}
@media screen and (max-width: 1199px) {
  .si-dashboard-new .si-card-wrapper .si-card .si-task-status {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.si-dashboard-new .si-card-wrapper .si-card .si-task-feedback {
  font-size: 23px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ebebf5;
  background-color: #353196;
  padding: 1px 45px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
}
@media screen and (max-width: 1199px) {
  .si-dashboard-new .si-card-wrapper .si-card .si-task-feedback {
    font-size: 14px;
    padding: 1px 10px;
  }
}
.si-dashboard-new .si-card-wrapper .si-card .msg-for-nodata {
  font-size: 14px;
  font-weight: 400;
  color: #282828;
  max-width: 434px;
  padding: 15px;
  text-align: center;
}

.si-coach-dashboard .si-coach-nodata-container,
.si-coach-dashboard .si-upcoming-heading {
  display: none;
}
.si-coach-dashboard .si-upcoming-outer-wrapper {
  display: none;
  gap: 13px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1280px) {
  .si-coach-dashboard .si-upcoming-outer-wrapper {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .si-upcoming-outer-wrapper {
    margin-bottom: 22px;
  }
}
.si-coach-dashboard .si-upcoming-outer-wrapper .si-upcoming-wrapper {
  min-width: 354px;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #b4b4b4;
  color: #000000;
  margin-bottom: 15px;
}
.si-coach-dashboard .si-upcoming-outer-wrapper .si-upcoming-wrapper .si-date-wrap {
  border-right: 1px solid #b4b4b4;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.si-coach-dashboard .si-upcoming-outer-wrapper .si-upcoming-wrapper .si-date-wrap .si-upcoming-date {
  background: #ffffff;
  border-top-right-radius: 5px;
  text-transform: capitalize;
}
.si-coach-dashboard .si-upcoming-outer-wrapper .si-upcoming-wrapper .si-status-wrap {
  padding-left: 15px;
}
.si-coach-dashboard .si-upcoming-date {
  text-align: center !important;
  line-height: 17px !important;
}
.si-coach-dashboard .si-upcoming-daysleft {
  background-color: #ffcbc7 !important;
  border-radius: 4px;
}
.si-coach-dashboard .si-chart-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}
.si-coach-dashboard .si-chart-header__title {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .si-chart-header__title {
    font-size: 14px;
    font-weight: 500;
  }
}
.si-coach-dashboard .si-chart-header .custom-select__control {
  width: 220px;
}
.si-coach-dashboard .si-chart-wrapper {
  background: linear-gradient(rgb(9, 12, 106) 0%, rgba(9, 12, 106, 0.52) 100%);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px;
  border-radius: 5px;
  margin-bottom: 23px;
}
.si-coach-dashboard .si-chart-wrapper img {
  width: 100.3%;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .si-chart-wrapper {
    margin-bottom: 25px;
  }
}
.si-coach-dashboard .si-chart-wrapper canvas {
  margin: 10px !important;
}
.si-coach-dashboard .rpe-date {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 8px;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .rpe-date {
    font-size: 14px;
    font-weight: 500;
  }
}
.si-coach-dashboard .performance-level-list {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1280px) {
  .si-coach-dashboard .performance-level-list {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .performance-level-list {
    gap: 7px;
  }
}
.si-coach-dashboard .performance-level-list__item {
  padding-bottom: 12px;
  position: relative;
  min-width: 160px;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .performance-level-list__item {
    min-width: 110px;
  }
}
.si-coach-dashboard .performance-level-list__item .performance-level {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 3px 20px;
  border-radius: 5px;
  cursor: pointer;
  background-color: #ffffff;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .performance-level-list__item .performance-level {
    gap: 5px;
    padding: 3px 1px;
    font-size: 11px;
  }
}
.si-coach-dashboard .performance-level-list__item .performance-level__num {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background-color: #efefef;
  color: #fa7537;
  border: none !important;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard .performance-level-list__item .performance-level__num {
    height: 24px;
    width: 24px;
  }
}
.si-coach-dashboard .performance-level-list__item .max-effort {
  border: 1px solid #f43426;
  color: #f43426;
}
.si-coach-dashboard .performance-level-list__item .very-hard {
  border: 1px solid #fa7537;
  color: #fa7537;
}
.si-coach-dashboard .performance-level-list__item .vigorous {
  border: 1px solid #e0a43a;
  color: #e0a43a;
}
.si-coach-dashboard .performance-level-list__item .moderate {
  border: 1px solid #52b504;
  color: #52b504;
}
.si-coach-dashboard .performance-level-list__item .light {
  border: 1px solid #00c6c4;
  color: #00c6c4;
}
.si-coach-dashboard .performance-level-list__item .very-light {
  border: 1px solid #388df9;
  color: #388df9;
}
.si-coach-dashboard .no-player-active .players-list {
  display: none;
}
.si-coach-dashboard .no-player-active .no-player {
  background: white;
  display: flex;
  justify-content: center;
  padding: 40px;
}
.si-coach-dashboard .players-list {
  padding: 17px 15px 15px 15px;
  background-color: #ffffff;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 1280px) {
  .si-coach-dashboard .players-list {
    overflow-x: scroll;
  }
}
.si-coach-dashboard .players-list .player-card {
  background-image: url("../images/card-bg-img.svg");
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 20px 20px 20px;
}
.si-coach-dashboard .players-list .player-card__img {
  width: 60px;
  margin-bottom: 8px;
}
.si-coach-dashboard .players-list .player-card__img img {
  height: 100%;
  width: 100%;
}
.si-coach-dashboard .players-list .player-card__name {
  font-size: 9px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  text-transform: capitalize;
}
.si-coach-dashboard .no-player {
  display: none;
}
.si-coach-dashboard .si-quotes-container {
  display: flex;
}
.si-coach-dashboard .upcoming-competition-active .si-upcoming-heading,
.si-coach-dashboard .upcoming-competition-active .si-upcoming-outer-wrapper,
.si-coach-dashboard .upcoming-competition-active .si-upcoming-heading {
  display: flex;
}
.si-coach-dashboard .upcoming-competition-active .si-quotes-container {
  display: none;
}

.si-coach-dashboard-nodata-active .si-coach-data-container {
  display: none;
}
.si-coach-dashboard-nodata-active .si-coach-nodata-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 20px 35px 20px;
  background: #ffffff;
  border-radius: 5px;
}
.si-coach-dashboard-nodata-active .si-coach-nodata-container .nodata-img {
  width: 309px;
  height: 298px;
  margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
  .si-coach-dashboard-nodata-active .si-coach-nodata-container .nodata-img {
    width: 215px;
    height: 207px;
  }
}
.si-coach-dashboard-nodata-active .si-coach-nodata-container .nodata-img img {
  width: 100%;
  height: 100%;
}
.si-coach-dashboard-nodata-active .si-coach-nodata-container .nodata-para {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: center;
}
.si-coach-dashboard-nodata-active .si-coach-nodata-container .si-btn-wrp {
  width: 300px;
}
.si-coach-dashboard-nodata-active .si-coach-nodata-container .si-btn-wrp button {
  width: 100%;
}

.performance-level-list .active {
  border-bottom: 3px solid #f43426;
}
.performance-level-list .active .performance-level {
  background-color: #f43426;
  border: 1px solid #f43426;
}
.performance-level-list .active .performance-level__num {
  color: #f43426 !important;
}
.performance-level-list .active .performance-level__text {
  color: white;
}
.performance-level-list .active .level-indicator::before {
  content: "";
  width: 10px;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #e10000;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  margin: auto;
}

.si-upcoming-wrapper-active {
  background: linear-gradient(180deg, #090c6a 46.19%, #7273a6 100%) !important;
  color: #ffffff !important;
}
.si-upcoming-wrapper-active .si-date-wrap {
  border-right: none !important;
}
.si-upcoming-wrapper-active .si-date-wrap .si-upcoming-date {
  background: #e10000 !important;
}
.si-upcoming-wrapper-active .si-date-wrap .si-upcoming-daysleft {
  background: #ff5046 !important;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.circle {
  position: relative;
}

.circle .text {
  position: absolute;
  width: 100%;
  top: 75px;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  line-height: 22px;
}
@media screen and (max-width: 992px) {
  .circle .text {
    top: 56px;
  }
}

.obtain {
  color: #00b137;
  font-size: 50px;
}
@media screen and (max-width: 992px) {
  .obtain {
    font-size: 40px;
  }
}

.slash {
  color: #6e6e6e;
  font-size: 30px;
}
@media screen and (max-width: 992px) {
  .slash {
    font-size: 20px;
  }
}

.total {
  color: #6e6e6e;
  font-size: 30px;
}
@media screen and (max-width: 992px) {
  .total {
    font-size: 20px;
  }
}

.progress-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 5px;
}
@media screen and (max-width: 992px) {
  .progress-text {
    font-size: 14px;
  }
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #00b137 !important;
}

.CircularProgressbar-wrp {
  height: 230px;
  width: 230px;
  margin: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .CircularProgressbar-wrp {
    width: 210px;
  }
}
@media screen and (max-width: 992px) {
  .CircularProgressbar-wrp {
    height: 162px;
    width: 173px;
  }
}

.si-flexBox, .si-header .si-actionwrp, .si-header .si-left, .si-header, .si-tabs .si-informationsection .si-section, .si-tabs .si-informationsection .si-infowrp, .si-tabs .si-informationsection, .si-calender .si-calheader .si-top, .si-calender .si-calheader .si-top .si-left, .si-calender .si-calheader .si-top .si-left .si-assign,
.si-calender .si-calheader .si-top .si-left .si-unassign, .si-calender .si-weekcalender .si-tblheader, .si-calender .si-weekcalender .si-tblheader .si-column, .si-calender .si-weekcalender .si-column, .si-calenderBottom .si-tableBox, .si-card__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 992px) {
  .si-tabs .si-tab-list.si-athleteprofile {
    width: 100%;
    overflow-x: scroll;
  }
  .si-tabs .si-tab-list.si-athleteprofile::-webkit-scrollbar {
    height: 0px;
    z-index: 999;
  }
  .si-tabs .si-tab-list.si-athleteprofile::-webkit-scrollbar-thumb {
    background: rgba(36, 36, 36, 0.2);
    border-radius: 10px;
    z-index: 999;
  }
}
.si-tabs .si-tab-list.si-athleteprofile .si-tab-item {
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .si-tabs .si-tab-list.si-athleteprofile .si-tab-item {
    padding: 5px 14px;
  }
}
@media screen and (max-width: 992px) {
  .si-tabs .si-tab-list.si-athleteprofile .si-tab-item {
    padding: 0;
    white-space: nowrap;
    margin-right: 20px;
    font-size: 14px;
  }
}
.si-tabs .si-Performanceheader {
  width: 100%;
  margin-left: 0;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-Performanceheader:after {
    width: 97%;
    right: -2px;
  }
}
@media screen and (max-width: 420px) {
  .si-tabs .si-Performanceheader:after {
    width: 94%;
  }
}
.si-tabs .si-Performanceheader .si-Right {
  display: none;
}
.si-tabs .si-Performanceheader .si-Left {
  width: 100%;
  flex: 0 0 100%;
}
@media screen and (max-width: 380px) {
  .si-tabs .si-Performanceheader .si-profession {
    font-size: 9px;
  }
}
@media screen and (max-width: 380px) {
  .si-tabs .si-Performanceheader .si-group {
    width: 48px;
    height: 22px;
    font-size: 9px;
    white-space: nowrap;
  }
  .si-tabs .si-Performanceheader .si-group .si-group:not(:last-child) {
    margin-right: 5px;
  }
}
.si-tabs .si-informationsection {
  justify-content: space-between;
  width: 100%;
  position: relative;
  border-radius: 5px;
  /* Track */
  /* Handle */
}
.si-tabs .si-informationsection::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection::-webkit-scrollbar {
    width: 0px;
  }
}
.si-tabs .si-informationsection::-webkit-scrollbar-track {
  z-index: 999;
}
.si-tabs .si-informationsection::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection {
    flex-flow: column;
    height: calc(100vh - 306px);
  }
}
.si-tabs .si-informationsection .si-Left,
.si-tabs .si-informationsection .si-Right {
  width: 50%;
  flex: 0 50%;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection .si-Left,
  .si-tabs .si-informationsection .si-Right {
    width: 100%;
    flex: 1;
  }
}
.si-tabs .si-informationsection .si-Left .si-view,
.si-tabs .si-informationsection .si-Right .si-view {
  color: #6e6e6e;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 10px;
  float: right;
}
.si-tabs .si-informationsection .si-Left .si-top,
.si-tabs .si-informationsection .si-Right .si-top {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 12px;
}
.si-tabs .si-informationsection .si-Left .si-bottom,
.si-tabs .si-informationsection .si-Right .si-bottom {
  padding-top: 12px;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection .si-Left .si-bottom,
  .si-tabs .si-informationsection .si-Right .si-bottom {
    border-bottom: 1px solid #c8c8c8;
  }
}
.si-tabs .si-informationsection .si-Right {
  position: relative;
  margin-left: 10px;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection .si-Right {
    margin-left: 0px;
  }
}
.si-tabs .si-informationsection .si-heading {
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  padding-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection .si-heading {
    font-size: 14px;
  }
}
.si-tabs .si-informationsection .si-infowrp {
  font-size: 12px;
  flex-flow: column;
}
@media screen and (max-width: 992px) {
  .si-tabs .si-informationsection .si-infowrp {
    font-size: 14px;
  }
}
.si-tabs .si-informationsection .si-infowrp .si-title {
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  width: 50%;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  line-height: unset;
}
.si-tabs .si-informationsection .si-infowrp .si-info {
  color: #505050;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  width: 50%;
  flex: 0 0 50%;
  display: flex;
}
.si-tabs .si-informationsection .si-section {
  flex-flow: row;
  padding-bottom: 8px;
}
@media screen and (max-width: 420px) {
  .si-tabs .si-tab-pane__Training .si-subHeader .form-control-wrap .custom-multi-select {
    width: 46%;
  }
}
@media screen and (max-width: 380px) {
  .si-tabs .si-tab-pane__Training .si-subHeader .form-control-wrap .custom-multi-select {
    width: 38%;
  }
}
.si-tabs .si-tab-pane__Training .si-custom-table-container {
  height: calc(100vh - 310px) !important;
  height: -webkit-calc(100vh - 310px) !important;
}
@media screen and (max-width: 1199px) {
  .si-tabs .si-tab-pane__Training .si-custom-table-container {
    height: calc(100vh - 346px) !important;
    height: -webkit-calc(100vh - 346px) !important;
  }
}
@media screen and (max-width: 992px) {
  .si-tabs .si-tab-pane__Training .si-custom-table-container {
    height: calc(100vh - 397px) !important;
    height: -webkit-calc(100vh - 397px) !important;
  }
}
@media screen and (max-width: 420px) {
  .si-tabs .si-tab-pane__Training .si-custom-table-container {
    height: calc(100vh - 410px) !important;
    height: -webkit-calc(100vh - 410px) !important;
  }
}

.si-athleteprofile-tab .si-tab-content {
  height: calc(100dvh - 250px);
}
.si-athleteprofile-tab .si-tab-content .si-assesment {
  height: calc(100vh - 225px);
}
@media screen and (max-width: 992px) {
  .si-athleteprofile-tab .si-tab-content .si-assesment {
    height: calc(100vh - 320px);
  }
}

.comming-soon {
  position: fixed;
  top: 57%;
  left: 57%;
  transform: translate(-50%, -50%);
  height: 144px;
  width: 357px;
}
@media screen and (max-width: 992px) {
  .comming-soon {
    left: 50%;
    height: 120px;
    width: 280px;
  }
}
.comming-soon img {
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .si-athleteprofile-tab .si-tab-pane .si-custom-table-container {
    height: calc(100vh - 410px) !important;
  }
}

@media screen and (max-width: 992px) {
  .si-athleteprofile-tab .si-sections {
    padding-left: 0px !important;
    padding-right: 0px !important;
    gap: 15px;
  }
}

.si-assesment .si-sections,
.si-tab-pane__assesments .si-sections {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
@media screen and (max-width: 992px) {
  .si-assesment .si-sections,
  .si-tab-pane__assesments .si-sections {
    gap: 15px;
  }
}
.si-assesment .si-testwrp,
.si-tab-pane__assesments .si-testwrp {
  width: 24%;
  min-height: 220px;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 14px;
  position: relative;
}
@media screen and (max-width: 1299px) {
  .si-assesment .si-testwrp,
  .si-tab-pane__assesments .si-testwrp {
    width: 32%;
    min-height: 205px;
  }
}
@media screen and (max-width: 992px) {
  .si-assesment .si-testwrp,
  .si-tab-pane__assesments .si-testwrp {
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .si-assesment .si-testwrp,
  .si-tab-pane__assesments .si-testwrp {
    width: 100%;
    margin: 0;
  }
  .si-assesment .si-testwrp .si-button,
  .si-tab-pane__assesments .si-testwrp .si-button {
    width: unset;
  }
}
.si-assesment .si-testimg,
.si-tab-pane__assesments .si-testimg {
  width: 40px;
  height: 45px;
}
.si-assesment .si-testimg img,
.si-tab-pane__assesments .si-testimg img {
  width: 100%;
  height: 100%;
}
.si-assesment .si-top,
.si-tab-pane__assesments .si-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
}
@media screen and (max-width: 992px) {
  .si-assesment .si-top,
  .si-tab-pane__assesments .si-top {
    height: unset;
  }
}
.si-assesment .si-testName,
.si-tab-pane__assesments .si-testName {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #282828;
  padding-left: 13px;
  line-height: 23px;
  width: 166px;
}
@media screen and (max-width: 992px) {
  .si-assesment .si-testName,
  .si-tab-pane__assesments .si-testName {
    width: unset;
    font-size: 14px;
  }
}
.si-assesment .si-middle,
.si-tab-pane__assesments .si-middle {
  color: #505050;
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
  min-height: 100px;
  padding-right: 5px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
}
@media screen and (max-width: 1100px) {
  .si-assesment .si-middle,
  .si-tab-pane__assesments .si-middle {
    min-height: 120px;
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  .si-assesment .si-middle,
  .si-tab-pane__assesments .si-middle {
    min-height: 60px;
  }
}
.si-assesment .si-middle::-webkit-scrollbar,
.si-tab-pane__assesments .si-middle::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-assesment .si-middle::-webkit-scrollbar,
  .si-tab-pane__assesments .si-middle::-webkit-scrollbar {
    width: 0px;
  }
}
.si-assesment .si-middle::-webkit-scrollbar-track,
.si-tab-pane__assesments .si-middle::-webkit-scrollbar-track {
  z-index: 999;
}
.si-assesment .si-middle::-webkit-scrollbar-thumb,
.si-tab-pane__assesments .si-middle::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-assesment .si-bottom button,
.si-tab-pane__assesments .si-bottom button {
  height: 30px;
  padding: 8px 20px;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .si-assesment .si-bottom button,
  .si-tab-pane__assesments .si-bottom button {
    padding: 8px 17px;
  }
}

.si-assesment {
  height: calc(100vh - 83px);
  overflow-y: auto;
  /* Track */
  /* Handle */
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-assesment {
    height: calc(100dvh - 83px);
  }
}
@media screen and (max-width: 992px) {
  .si-assesment {
    height: calc(100dvh - 145px);
  }
}
.si-assesment::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-assesment::-webkit-scrollbar {
    width: 0px;
  }
}
.si-assesment::-webkit-scrollbar-track {
  z-index: 999;
}
.si-assesment::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}

.si-Performanceheader.si-reports .si-Left {
  width: 100%;
  flex: 1;
}

.si-reportdrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-reportdrp .si-testimg {
  width: 40px;
  height: 45px;
}
.si-reportdrp .si-testimg img {
  width: 100%;
  height: 100%;
}
.si-reportdrp .si-dropdown {
  margin-left: 10px;
  min-width: 210px;
}
.si-reportdrp .si-dropdown select {
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #282828;
}
.si-reportdrp .si-dropdown .custom-select__single-value {
  font-size: 16px;
  color: #282828;
  font-weight: 600;
}
.si-reportdrp .si-dropdown .custom-select__control {
  background: rgba(251, 248, 248, 0.97);
  border: none !important;
}
.si-reportdrp .si-dropdown .custom-select__control:hover {
  background: #eaeaea !important;
}
.si-reportdrp .si-dropdown .custom-select__control:focus {
  background: #eaeaea !important;
}
.si-reportdrp .si-dropdown .custom-select__control--is-focused {
  background-color: #eaeaea;
}
.si-reportdrp .si-dropdown .custom-select__menu {
  background: #ffffff !important;
  border: 1px solid #eaeaea !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px !important;
}
.si-reportdrp .si-dropdown .custom-select__option {
  border-top: 0px !important;
  border-bottom: 0.5px solid #f1f1f1;
}
.si-reportdrp .si-dropdown .custom-select__option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media screen and (max-width: 992px) {
  .add-new-report, .add-files, .si-add-btn {
    display: none;
  }
}
.si-nexttest {
  width: 100%;
  height: 40px;
  background-color: #F6E1A7;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
  align-items: center;
  font-size: 16px;
}
@media screen and (max-width: 992px) {
  .si-nexttest {
    font-size: 13px;
    margin-top: 5px;
  }
}
.si-nexttest .icon-test {
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  width: auto;
  margin-right: 10px;
}
.si-nexttest .si-cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-nexttest .si-wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-nexttest .si-nexttxt {
  color: #505050;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .si-nexttest .si-nexttxt {
    margin-right: 4px;
  }
}
.si-nexttest .si-date {
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.si-nexttest .si-conducttxt {
  color: #505050;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  padding: 0 6px;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .si-nexttest .si-conducttxt {
    padding-left: 0;
  }
}

.si-reportwrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  width: 100%;
}
.si-reportwrp .custom-select__menu-list {
  max-height: 230px;
}

.si-testcover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #282828;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.si-testcover .si-namewrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-testcover .si-conductdate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.si-testcover .si-conductdate .test-date-input {
  width: 130px;
}
.si-testcover .si-conductdate .si-datepicker {
  width: 120px;
}
.si-testcover .si-conductdate .react-datepicker__view-calendar-icon input {
  border: 1px solid #eaeaea;
  padding: 6px 10px 5px 35px !important;
}
.si-testcover .si-conductdate .react-datepicker__view-calendar-icon input:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-testcover .si-conductdate .react-datepicker__view-calendar-icon input:hover {
  border: 1px solid #282828;
}
.si-testcover .si-Image {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.si-testcover .si-Image img {
  width: 28px;
  height: auto;
  margin: auto;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-testcover .si-name {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding-left: 10px;
  font-size: 18px;
  line-height: 27px;
}
.si-testcover .si-download {
  margin-left: 10px;
  color: #282828;
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  height: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  padding: 5.5px 13px;
}
.si-testcover .si-download:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-testcover .si-download:hover {
  border: 1px solid #282828;
}
.si-testcover .si-download .icon-download,
.si-testcover .si-download .icon-upload {
  font-size: 17px;
}
@media screen and (max-width: 992px) {
  .si-testcover .si-download .icon-download,
  .si-testcover .si-download .icon-upload {
    margin-right: 0px;
  }
}
@media screen and (max-width: 992px) {
  .si-testcover .si-download span:last-child {
    display: none;
  }
}
.si-testcover .si-download-count {
  font-size: 12px;
  font-weight: 500;
  height: 18px;
  width: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f6e1a7;
  border-radius: 50px;
  color: #000000;
  position: absolute;
  right: 8px;
  top: 75px;
}
@media screen and (max-width: 992px) {
  .si-testcover .si-download-count {
    top: -7px;
    left: 270px;
  }
}

.si-reportdetails-wrapper {
  overflow: scroll;
  padding-left: 0;
  padding-right: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.si-reportdetails-wrapper::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
  height: 0px;
}
@media screen and (max-width: 992px) {
  .si-reportdetails-wrapper::-webkit-scrollbar {
    width: 0px;
  }
}
.si-reportdetails-wrapper::-webkit-scrollbar-track {
  z-index: 999;
}
.si-reportdetails-wrapper::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}

.si-reportdetails {
  min-width: 1090px;
}
.si-reportdetails .si-tbls, .si-reportdetails .si-viewtbls {
  color: #282828;
  font-size: 12px;
}
.si-reportdetails .si-tbls__head, .si-reportdetails .si-tbls__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.si-reportdetails .si-tbls__row {
  align-items: center;
}
.si-reportdetails .si-tbls__head {
  background-color: #f5eefa;
  border: 1px solid #eaeaea;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  height: 36px;
  display: flex;
  align-items: center;
}
.si-reportdetails .si-tbls__body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  overflow-y: auto;
  height: calc(100vh - 222px);
  /* Track */
  /* Handle */
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-reportdetails .si-tbls__body {
    height: calc(100dvh - 222px);
  }
}
@media screen and (max-width: 992px) {
  .si-reportdetails .si-tbls__body {
    height: calc(100vh - 295px);
  }
}
.si-reportdetails .si-tbls__body::-webkit-scrollbar {
  width: 3.68px;
  z-index: 999;
  height: 0px;
}
@media screen and (max-width: 992px) {
  .si-reportdetails .si-tbls__body::-webkit-scrollbar {
    width: 0px;
  }
}
.si-reportdetails .si-tbls__body::-webkit-scrollbar-track {
  z-index: 999;
}
.si-reportdetails .si-tbls__body::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-reportdetails .si-tbls__body .si-tbls__row {
  min-height: 35px;
  padding-left: 15px;
  margin-top: 4px;
}
.si-reportdetails .si-tbls__body .si-tbls__row:last-child {
  margin-bottom: 8px;
}
.si-reportdetails .si-tbls__body .si-tbls__row:first-child {
  margin-top: 8px;
}
.si-reportdetails .si-tbls .si-score, .si-reportdetails .si-viewtbls .si-score {
  width: 80px;
  height: 30px;
  text-align: center;
  color: #282828;
  border: 0;
  border: 1px solid #c8c8c8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.si-reportdetails .si-tbls .si-score input, .si-reportdetails .si-viewtbls .si-score input {
  text-align: center;
  color: #282828;
  border: 0;
  border-color: #c8c8c8;
  -webkit-text-fill-color: #282828;
  opacity: 1;
}
.si-reportdetails .si-tbls .si-score:focus, .si-reportdetails .si-viewtbls .si-score:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-reportdetails .si-tbls .si-score:hover, .si-reportdetails .si-viewtbls .si-score:hover {
  border: 1px solid #282828;
}
.si-reportdetails .si-tbls .si-tableleft .si-textarea, .si-reportdetails .si-viewtbls .si-tableleft .si-textarea {
  border-radius: 5px;
  resize: none;
  border-color: #c8c8c8;
  padding: 5px;
  padding-right: 5px;
  padding-left: 10px;
  margin-top: 6px;
  max-height: 30px;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.si-reportdetails .si-tbls .si-tableleft .si-textarea:focus, .si-reportdetails .si-viewtbls .si-tableleft .si-textarea:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-reportdetails .si-tbls .si-tableleft .si-textarea:hover, .si-reportdetails .si-viewtbls .si-tableleft .si-textarea:hover {
  border: 1px solid #282828;
}
.si-reportdetails .si-tbls .si-tableright, .si-reportdetails .si-viewtbls .si-tableright {
  padding-right: 27px;
  padding-left: 5px;
  align-self: baseline;
}
.si-reportdetails .si-tbls .si-tableright .si-textarea, .si-reportdetails .si-viewtbls .si-tableright .si-textarea {
  width: 100%;
  min-height: 116px;
  border-color: #c8c8c8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  resize: none;
  padding: 0 10px;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 10px 0px;
  padding-top: 5px;
}
.si-reportdetails .si-tbls .si-tableright .si-textarea:focus, .si-reportdetails .si-viewtbls .si-tableright .si-textarea:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.si-reportdetails .si-tbls .si-tableright .si-textarea:hover, .si-reportdetails .si-viewtbls .si-tableright .si-textarea:hover {
  border: 1px solid #282828;
}
.si-reportdetails .si-tbls .si-tbls__head .si-tableright, .si-reportdetails .si-viewtbls .si-tbls__head .si-tableright {
  align-self: unset !important;
}
.si-reportdetails .si-tbls .si-drpdown select, .si-reportdetails .si-viewtbls .si-drpdown select {
  width: 220px;
  height: 30px;
  background-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
  color: #282828;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  border-color: #c8c8c8;
}
.si-reportdetails .si-tbls .si-resultwrp, .si-reportdetails .si-viewtbls .si-resultwrp {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  background: #ffffff;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 6px;
}
.si-reportdetails .si-tbls .si-resultwrp .si-tblwrp, .si-reportdetails .si-viewtbls .si-resultwrp .si-tblwrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-reportdetails .si-tbls .si-resultwrp .si-head, .si-reportdetails .si-viewtbls .si-resultwrp .si-head {
  height: 30px;
  background: #F6E1A7;
  width: 100%;
  color: #282828;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.si-reportdetails .si-tbls .si-vscore, .si-reportdetails .si-viewtbls .si-vscore {
  display: none;
}
.si-reportdetails .si-tbls .si-interpretation, .si-reportdetails .si-viewtbls .si-interpretation {
  display: none;
}
.si-reportdetails .si-tbls .si-viewtext, .si-reportdetails .si-viewtbls .si-viewtext {
  display: none;
}
.si-reportdetails .si-viewtbls .si-vscore {
  width: 80px;
  height: 50px;
  text-align: center;
  color: #282828;
  border: 0;
  background-color: #f1f1f1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.si-reportdetails .si-viewtbls .si-viewtext {
  display: inline-block;
  width: 100%;
  height: auto;
  padding-top: 15px;
}
.si-reportdetails .si-viewtbls .si-interpretation {
  display: inline-block;
  width: 142px;
}
.si-reportdetails .si-viewtbls .si-additional-information {
  width: 100% !important;
}
.si-reportdetails .si-viewtbls .si-score {
  display: none;
}
.si-reportdetails .si-viewtbls .si-textfield {
  display: none;
}
.si-reportdetails .si-viewtbls .si-textarea {
  display: none;
}
.si-reportdetails .si-viewtbls .si-tbls__row {
  min-height: 35px !important;
  margin-top: 0px !important;
}
.si-reportdetails .si-viewtbls .si-tbls__row .si-vscore {
  height: 40px !important;
}
.si-reportdetails .si-viewtbls .si-tbls__row:last-child {
  margin-bottom: 0px !important;
}

.si-tablefooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 14px;
  height: 42px;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  position: relative;
}
.si-tablefooter .si-left {
  color: #282828;
  font-size: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.si-tablefooter .si-footer-right {
  position: absolute;
  right: 18px;
}
.si-tablefooter .si-right .si-btnwrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.si-tbls__head {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.si-tableleft {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex: auto;
}

.si-tableright {
  flex: 1;
}

.si-tblwrp {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.si-tbls__row {
  align-items: center;
  justify-content: space-between;
}

.si-tbls__cell {
  flex: auto;
}

.si-suggstion,
.si-inter {
  text-align: center;
}

.si-text {
  font-size: 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 400;
}
.si-text .si-start-date {
  margin-left: 10px;
}

.si-mob-footer {
  display: none;
}

.si-search {
  display: none;
}

@media screen and (max-width: 992px) {
  .si-left,
  .si-footer-right {
    display: none;
  }
  .si-mob-footer {
    display: block;
    width: 100%;
  }
  .si-Title--pre {
    display: none;
  }
  .si-namewrp {
    display: none !important;
  }
  .si-search {
    display: block;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px;
    margin-right: 20px;
  }
}
.si-main-testAss {
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.si-main-testAss .si-sections .si-disabled .si-testimg img {
  filter: grayscale(1);
}
.si-main-testAss .si-sections .si-disabled .si-testName,
.si-main-testAss .si-sections .si-disabled .si-middle {
  color: #b4b4b4;
}

.si-reportdetails .si-tblwrp .si-tableleft .si-tbls__row .si-tbls__cell {
  width: 135px !important;
  word-wrap: break-word;
  text-align: center;
}
.si-reportdetails .si-tblwrp .si-tableleft .si-tbls__row .si-tbls__cell:first-child {
  text-align: left;
  width: 150px;
}
.si-reportdetails .si-tbls__head .si-tbls__cell {
  width: 135px !important;
  word-wrap: break-word;
  text-align: center;
}
.si-reportdetails .si-tbls__head .si-tbls__cell span {
  width: 135px;
  text-align: center;
}
.si-reportdetails .si-tbls__head .si-tbls__cell:first-child {
  text-align: left;
  width: 150px;
}

.test-report__name-text {
  font-size: 16px;
  font-weight: 600;
  color: #282828;
  margin-left: 10px;
  display: inline-block;
  text-transform: capitalize;
}

@media screen and (max-width: 992px) {
  .subheader-test-name {
    display: none;
  }
}

.si-athleteprofile-tab .si-main-testAss {
  padding-left: unset;
  padding-right: unset;
  margin-top: 0px !important;
}

@media screen and (max-width: 992px) {
  .si-subheader-testAsst {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
  }
}
.si-tblwrp .si-tableleft .si-tbls__row .si-tbls__cell .other-comments {
  max-height: 78px;
  width: 98%;
}

.si-main-tournament {
  margin-top: -5px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .si-button {
    display: flex;
  }
}
.si-main-tournament .tournament-subheader {
  background: #ffffff;
  box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 5px 15px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 10px;
  color: #282828;
  font-size: 14px;
  overflow-x: scroll;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-subheader {
    margin-left: -15px;
    margin-right: -15px;
    gap: 50px;
  }
}
.si-main-tournament .tournament-subheader::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.si-main-tournament .tournament-subheader__date, .si-main-tournament .tournament-subheader__location {
  display: flex;
  align-items: center;
}
.si-main-tournament .tournament-subheader__date .date-icon,
.si-main-tournament .tournament-subheader__date .location-icon, .si-main-tournament .tournament-subheader__location .date-icon,
.si-main-tournament .tournament-subheader__location .location-icon {
  margin-right: 10px;
  display: flex;
}
.si-main-tournament .tournament-subheader__date .date-icon img,
.si-main-tournament .tournament-subheader__date .location-icon img, .si-main-tournament .tournament-subheader__location .date-icon img,
.si-main-tournament .tournament-subheader__location .location-icon img {
  width: 20px;
}
.si-main-tournament .tournament-subheader__date .location-icon img, .si-main-tournament .tournament-subheader__location .location-icon img {
  width: 15px;
  padding-bottom: 4px;
}
.si-main-tournament .tournament-subheader__date .date-text,
.si-main-tournament .tournament-subheader__date .location-text, .si-main-tournament .tournament-subheader__location .date-text,
.si-main-tournament .tournament-subheader__location .location-text {
  font-weight: 600;
  margin-right: 7px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-subheader__date .date-text,
  .si-main-tournament .tournament-subheader__date .location-text, .si-main-tournament .tournament-subheader__location .date-text,
  .si-main-tournament .tournament-subheader__location .location-text {
    display: none;
  }
}
.si-main-tournament .tournament-subheader__date .date-digit,
.si-main-tournament .tournament-subheader__date .location-name, .si-main-tournament .tournament-subheader__location .date-digit,
.si-main-tournament .tournament-subheader__location .location-name {
  font-weight: 500;
}
.si-main-tournament .tournament-body {
  display: flex;
  background: #ffffff;
  gap: 20px;
  height: calc(100vh - 120px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-main-tournament .tournament-body {
    height: calc(100dvh - 120px);
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body {
    height: calc(100dvh - 190px);
  }
}
.si-main-tournament .tournament-body__left {
  background: #ffffff;
  box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 355px;
  position: relative;
  height: calc(100dvh - 190px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-main-tournament .tournament-body__left {
    height: calc(100dvh - 190px);
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__left {
    height: calc(100dvh - 260px);
    width: 100%;
    box-shadow: unset;
  }
}
.si-main-tournament .tournament-body__left-header {
  display: flex;
  gap: 10px;
  padding: 10px;
}
.si-main-tournament .tournament-body__left-header .si-button {
  text-transform: uppercase;
  padding: 4px 23px;
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__left-header .si-button {
    height: 30px;
  }
}
.si-main-tournament .tournament-body__left-header .si-select, .si-main-tournament .tournament-body__left-header .si-selected {
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #282828;
  text-transform: capitalize;
  width: 175px;
}
.si-main-tournament .tournament-body__left-header .si-selected {
  background: none;
  display: flex;
  align-items: center;
}
.si-main-tournament .tournament-body__left-body .left-tournament-name {
  min-height: 40px;
  border-radius: 5px;
  font-size: 14px;
  color: #282828;
  font-weight: 600;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  padding: 2px 10px 2px 15px;
  cursor: pointer;
}
.si-main-tournament .tournament-body__left-body .active-tournament {
  border-left: 5px solid #e10000;
  background: #FFCBC7;
  padding: 2px 10px 2px 10px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__left-body .active-tournament {
    background-color: unset;
    border-left: unset;
  }
}
.si-main-tournament .tournament-body .empty-contain-wrapper, .si-main-tournament .tournament-body .empty-contain-wrapper-left {
  font-size: 14px;
  font-weight: 400;
  color: #282828;
  display: flex;
  justify-content: center;
  align-items: center;
}
.si-main-tournament .tournament-body .empty-contain-wrapper span, .si-main-tournament .tournament-body .empty-contain-wrapper-left span {
  display: inline-block;
  max-width: 274px;
  text-align: center;
  opacity: 0.5;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body .empty-contain-wrapper, .si-main-tournament .tournament-body .empty-contain-wrapper-left {
    position: absolute;
    background: #ffffff;
    width: 94%;
    padding-right: 10px;
    height: 90%;
  }
}
.si-main-tournament .tournament-body .tournament-empty-container {
  flex-direction: column;
}
.si-main-tournament .tournament-body .empty-contain-wrapper-left span {
  display: block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.si-main-tournament .tournament-body__right {
  width: calc(100vw - 613px);
  position: relative;
}
.si-main-tournament .tournament-body__right .tournament-empty-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 993px) and (max-width: 1024px) {
  .si-main-tournament .tournament-body__right {
    width: calc(100vw - 640px);
  }
}
@media screen and (min-width: 992px) {
  .si-main-tournament .tournament-body__right {
    padding-right: 15px;
  }
}
.si-main-tournament .tournament-body__right .si-action-icons {
  top: 4px;
  right: 25px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right .si-action-icons {
    top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right {
    position: fixed;
    background: #ffffff;
    width: 90%;
    padding-right: 10px;
    top: 140%;
    transition: top 0.4s linear;
  }
}
.si-main-tournament .tournament-body__right-header {
  display: flex;
  justify-content: space-between;
  padding: 13px 0px 8px 0;
  align-items: center;
}
.si-main-tournament .tournament-body__right-header .add-action-btn-wrp {
  height: 15px;
}
.si-main-tournament .tournament-body__right-header .add-action-btn-wrp .add-new-report, .si-main-tournament .tournament-body__right-header .add-action-btn-wrp .add-files, .si-main-tournament .tournament-body__right-header .add-action-btn-wrp .si-add-btn {
  display: none;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-header {
    align-items: baseline;
  }
  .si-main-tournament .tournament-body__right-header .si-custom-table__cell {
    position: absolute;
    top: -1px;
    right: 10px;
  }
  .si-main-tournament .tournament-body__right-header .si-custom-table__cell .si-icon__button {
    border: none;
    position: absolute;
    top: 14px;
    right: 0;
  }
}
.si-main-tournament .tournament-body__right-header .header-inner-wrp .icon-close {
  display: none;
  font-size: 17px;
  padding-right: 4px;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-header .header-inner-wrp {
    display: flex;
    display: flex;
    justify-content: space-between;
  }
}
.si-main-tournament .tournament-body__right-header .right-heading {
  font-size: 16px;
  font-weight: 700;
  color: #323232;
}
.si-main-tournament .tournament-body__right-header .si-button {
  text-transform: uppercase;
  padding: 4px 15px;
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-header .si-button {
    max-width: 100%;
    height: 34px;
    margin-top: 10px;
  }
}
.si-main-tournament .tournament-body__right-header .si-wrap .si-action-icons {
  z-index: 12;
}
.si-main-tournament .tournament-body__right-subheader {
  display: flex;
  margin: 10px 0;
  justify-content: space-between;
  margin-top: 5px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-subheader {
    height: 33px;
  }
}
.si-main-tournament .tournament-body__right-subheader .si-subHeader {
  padding-left: 0px;
}
@media screen and (max-width: 1199px) {
  .si-main-tournament .tournament-body__right-subheader .si-subHeader .si-searchbox {
    width: unset;
  }
}
.si-main-tournament .tournament-body__right-subheader .si-add {
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-subheader .si-add {
    height: 34px;
    display: flex;
    align-items: center;
    max-width: unset;
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-subheader .si-subHeader {
    width: 60px;
  }
  .si-main-tournament .tournament-body__right-subheader .si-subHeader .si-searchbox {
    width: 35px;
    height: 36px;
  }
  .si-main-tournament .tournament-body__right-subheader .si-subHeader .form-control.si-searchbox input.animateIn {
    width: calc(100vw - 34px);
  }
}
.si-main-tournament .tournament-body__right .table-body__inner-wrapper {
  height: calc(100vh - 230px);
  position: relative;
  margin-top: 5px;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-main-tournament .tournament-body__right .table-body__inner-wrapper {
    height: calc(100dvh - 230px);
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right .table-body__inner-wrapper {
    height: calc(100vh - 365px);
  }
}
.si-main-tournament .tournament-body__right .table-body__inner-wrapper .custom-select__menu {
  z-index: 3 !important;
}
.si-main-tournament .tournament-body__right-body {
  border-radius: 10px;
  border: 1px solid #c8c8c8;
  height: 100%;
  border-top: 0px;
  overflow: scroll;
}
.si-main-tournament .tournament-body__right-body::-webkit-scrollbar {
  width: 0px;
}
.si-main-tournament .tournament-body__right-body .tournament-table, .si-main-tournament .tournament-body__right-body .view-tournament-table {
  border-spacing: 0;
  border-collapse: separate;
}
.si-main-tournament .tournament-body__right-body .tournament-table-header {
  background: #F6E1A7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #282828;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  position: sticky;
  top: 0;
  z-index: 4;
}
.si-main-tournament .tournament-body__right-body .tournament-table-header td {
  padding: 8px 10px 7px 10px;
  text-align: center;
  white-space: nowrap;
}
.si-main-tournament .tournament-body__right-body .tournament-table-header td:first-child {
  border-top-left-radius: 5px;
  justify-content: center;
  padding-right: 0;
}
.si-main-tournament .tournament-body__right-body .tournament-table-header td:nth-child(2) {
  text-align: left;
  padding-left: 0;
}
.si-main-tournament .tournament-body__right-body .tournament-table-header td:last-child {
  border-top-right-radius: 5px;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body {
  border-top: 0px;
  border-radius: 5px;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td {
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  min-height: 45px;
  color: #282828;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td:first-child {
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 0;
  padding-top: 15px;
  width: 25px;
}
@media screen and (max-width: 768px) {
  .si-main-tournament .tournament-body__right-body .tournament-table-body td:first-child {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-body .tournament-table-body td:first-child {
    width: 22px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .si-main-tournament .tournament-body__right-body .tournament-table-body td:first-child {
    width: 35px;
  }
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td:nth-child(2) {
  text-align: left;
  padding-left: 0 !important;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .tbl-input {
  width: 60px;
  height: 30px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 6px;
  text-align: center;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .tbl-input:focus {
  border-color: #282828;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .tbl-viewdata {
  display: none;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .img-type-wrp {
  display: none;
  margin: auto;
  width: 33px;
  justify-content: flex-start;
  padding-left: 7px;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .img-type-wrp .medal-type {
  margin-left: 7px;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .si-select, .si-main-tournament .tournament-body__right-body .tournament-table-body td .tournament-body__left-header .si-selected, .si-main-tournament .tournament-body__left-header .tournament-body__right-body .tournament-table-body td .si-selected {
  width: 135px;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body td .custom-single-select {
  width: 142px;
  margin: auto;
  text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-body .tournament-table-body td .custom-single-select {
    width: 150px;
  }
}
.si-main-tournament .tournament-body__right-body .tournament-table-body .icon-close {
  padding: 5px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  color: #b4b4b4;
}
.si-main-tournament .tournament-body__right-body .tournament-table-body .icon-close:hover {
  color: #282828;
  background: #eaeaea;
  transition: all 0.2s ease-in-out;
}
.si-main-tournament .tournament-body__right-body .view-tournament-table input,
.si-main-tournament .tournament-body__right-body .view-tournament-table select {
  display: none;
}
.si-main-tournament .tournament-body__right-body .view-tournament-table tbody td {
  padding: 0 10px !important;
}
.si-main-tournament .tournament-body__right-body .view-tournament-table .tbl-viewdata {
  min-height: 45px;
  min-width: 80px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
}
.si-main-tournament .tournament-body__right-body .view-tournament-table .view-total-score {
  background-color: #f1f1f1;
}
.si-main-tournament .tournament-body__right-body .view-tournament-table .img-type-wrp {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.si-main-tournament .tournament-body__right-body .view-tournament-table .img-type-wrp img {
  width: 20px;
}
.si-main-tournament .tournament-body__right-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-footer {
    height: 40px;
  }
}
.si-main-tournament .tournament-body__right-footer .footer-left {
  display: flex;
  align-items: center;
}
.si-main-tournament .tournament-body__right-footer .footer-left__delete-icon {
  cursor: pointer;
  padding-top: 4px;
}
.si-main-tournament .tournament-body__right-footer .footer-left__delete-icon img {
  width: 15px;
  margin-right: 4px;
}
.si-main-tournament .tournament-body__right-footer .footer-left__text {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  color: #6e6e6e;
  margin-left: 8px;
  max-width: 300px;
  align-items: center;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .si-main-tournament .tournament-body__right-footer .footer-left__text {
    display: none;
  }
}
.si-main-tournament .tournament-body__right-footer .footer-left__text .icon-academic-player {
  margin-right: 5px;
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body__right-footer .footer-left__text {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .si-main-tournament .tournament-body__right-footer .popup-btn-wrp {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament .tournament-body .tournament-table-active {
    top: 120px;
    left: 0;
    padding: 0 17px;
    width: 100%;
  }
  .si-main-tournament .tournament-body .tournament-table-active .si-subHeader .form-control .si-icon.icon-search {
    top: 0px !important;
  }
}

.nodata-tbody {
  display: none;
}

.nodata-tbody-active .nodata-tbody {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.nodata-tbody-active .data-tbody {
  display: none;
}

.add-action-btn-wrp {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.add-action-btn-wrp .add-new-report, .add-action-btn-wrp .add-files, .add-action-btn-wrp .si-add-btn {
  margin-right: 5px;
}
.add-action-btn-wrp .si-icon__button {
  height: 30px;
  width: 30px;
  border-radius: 5px;
  padding: 0 14px;
}
.add-action-btn-wrp .si-custom-table__cell {
  padding: unset;
}

.tournament-main-content .MuiBox-root .MuiPaper-root {
  height: calc(100% - 55px);
}
@media screen and (max-width: 992px) {
  .tournament-main-content .MuiBox-root .MuiPaper-root {
    height: calc(100% - 70px);
  }
}

.close-btn {
  display: none;
}

@media screen and (max-width: 992px) {
  .close-btn {
    display: block;
    width: 96vw;
    height: 40px;
    color: #282828;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #282828;
  }
  .popup-btn-wrp {
    display: contents;
  }
  .popup-btn-wrp .si-button--green {
    margin-right: 20px;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .popup-btn-wrp .si-button--green {
    margin-right: 0px;
  }
}
@media screen and (max-width: 992px) {
  .si-main-tournament + .si-custom-popup {
    width: 100%;
  }
}
.view-data-mode .tournament-body__right-subheader .si-add {
  display: none;
}

.tournament-body__right-subheader + .table-body__wrapper .table-body__inner-wrapper {
  height: calc(100vh - 284px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .tournament-body__right-subheader + .table-body__wrapper .table-body__inner-wrapper {
    height: calc(100dvh - 284px);
  }
}
@media screen and (max-width: 992px) {
  .tournament-body__right-subheader + .table-body__wrapper .table-body__inner-wrapper {
    height: calc(100dvh - 284px);
  }
  .tournament-body__right-subheader + .table-body__wrapper .table-body__inner-wrapper .icon-search {
    top: 0 !important;
  }
}

.psychology-case-log.si-view .si-headsession .si-button,
.psychology-session.si-view .si-headsession .si-button {
  display: flex;
}
@media screen and (max-width: 992px) {
  .psychology-case-log.si-view .si-headsession .si-button,
  .psychology-session.si-view .si-headsession .si-button {
    display: none;
  }
}
.psychology-case-log.si-view .si-savebtn,
.psychology-session.si-view .si-savebtn {
  display: none;
}
.psychology-case-log.si-view .icon-edit,
.psychology-session.si-view .icon-edit {
  display: inline-block;
  margin-left: 12px;
  color: #6e6e6e;
  cursor: pointer;
}
.psychology-case-log.si-view .si-default,
.psychology-session.si-view .si-default {
  cursor: default !important;
  pointer-events: none;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  box-shadow: none;
}
.psychology-case-log.si-view .si-input.si-disable,
.psychology-session.si-view .si-input.si-disable {
  background: #f9f9f9 !important;
  border-color: #c8c8c8;
  border-radius: 4px;
}
.psychology-case-log.si-view .custom-select__placeholder,
.psychology-session.si-view .custom-select__placeholder {
  color: #6e6e6e !important;
}
.psychology-case-log.si-view .custom-select__single-value,
.psychology-session.si-view .custom-select__single-value {
  color: #6e6e6e !important;
}
.psychology-case-log .react-datepicker__day,
.psychology-case-log .react-datepicker__day-name,
.psychology-case-log .react-datepicker__time-name,
.psychology-session .react-datepicker__day,
.psychology-session .react-datepicker__day-name,
.psychology-session .react-datepicker__time-name {
  line-height: normal;
}
.psychology-case-log .react-datepicker__calendar-icon,
.psychology-session .react-datepicker__calendar-icon {
  width: 1.8em;
  height: 1.8em;
}
.psychology-case-log .react-datepicker__view-calendar-icon::before,
.psychology-session .react-datepicker__view-calendar-icon::before {
  top: 7px;
  left: 11px;
}
.psychology-case-log .css-1jqq78o-placeholder,
.psychology-session .css-1jqq78o-placeholder {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.psychology-case-log .custom-select__menu,
.psychology-session .custom-select__menu {
  z-index: 9;
}
.psychology-case-log .react-datepicker__view-calendar-icon input,
.psychology-session .react-datepicker__view-calendar-icon input {
  border-color: #c8c8c8;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  height: 31px;
  width: 115px;
  cursor: pointer;
  padding-left: 32px;
  padding: 6px 10px 5px 35px !important;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .react-datepicker__view-calendar-icon input,
  .psychology-session .react-datepicker__view-calendar-icon input {
    width: 130px;
  }
}
.psychology-case-log .react-datepicker__view-calendar-icon input:disabled,
.psychology-session .react-datepicker__view-calendar-icon input:disabled {
  background: #f9f9f9 !important;
  color: #282825 !important;
  border-color: #c8c8c8;
  border-radius: 4px;
  -webkit-text-fill-color: #282825;
  opacity: 1;
}
.psychology-case-log .react-datepicker__view-calendar-icon input:disabled:hover,
.psychology-session .react-datepicker__view-calendar-icon input:disabled:hover {
  border-color: #c8c8c8 !important;
}
.psychology-case-log .css-hlgwow,
.psychology-session .css-hlgwow {
  padding: 2px 7px !important;
}
.psychology-case-log .css-13cymwt-control,
.psychology-session .css-13cymwt-control {
  border-radius: 5px;
}
.psychology-case-log .custom-select--is-disabled .custom-select__indicators svg,
.psychology-session .custom-select--is-disabled .custom-select__indicators svg {
  color: #6e6e6e !important;
}
.psychology-case-log .css-16xfy0z-control,
.psychology-session .css-16xfy0z-control {
  min-height: 30px;
  background-color: #f9f9f9;
  border-color: #c8c8c8;
}
.psychology-case-log .form-control,
.psychology-session .form-control {
  width: 50%;
}
.psychology-case-log .si-error .si-input,
.psychology-session .si-error .si-input {
  border-color: #e10000;
}
.psychology-case-log .icon-edit,
.psychology-session .icon-edit {
  display: none;
}
.psychology-case-log .si-additionalInfo,
.psychology-session .si-additionalInfo {
  width: 100%;
  height: 36px;
  border-radius: 5px;
  color: #6e6e6e;
  background-color: #f1f1f1;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .si-additionalInfo,
  .psychology-session .si-additionalInfo {
    margin-bottom: 10px;
  }
}
.psychology-case-log .si-headsession,
.psychology-session .si-headsession {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  padding-top: 0px;
}
.psychology-case-log .si-headsession .si-button,
.psychology-session .si-headsession .si-button {
  height: 30px;
  display: none;
}
.psychology-case-log .case-log-header,
.psychology-session .case-log-header {
  font-size: 16px;
  font-weight: 600;
  color: #282828;
  padding: 15px 0;
}
.psychology-case-log .si-clientInfo,
.psychology-session .si-clientInfo {
  display: flex;
  align-items: center;
}
.psychology-case-log .si-clientInfo .si-image,
.psychology-session .si-clientInfo .si-image {
  width: 30px;
  height: 30px;
  border-radius: 65px;
  background-color: #ffffff;
  padding: 5px;
  overflow: hidden;
}
.psychology-case-log .si-clientInfo .si-image img,
.psychology-session .si-clientInfo .si-image img {
  width: 100%;
  height: auto;
}
.psychology-case-log .si-clientInfo .si-clientname,
.psychology-session .si-clientInfo .si-clientname {
  font-size: 18px;
  color: #323232;
  border-radius: 5px;
  padding: 0 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.psychology-case-log .si-title,
.psychology-session .si-title {
  background-color: #e7e0ec;
  font-size: 14px;
  color: #323232;
  font-weight: 700;
  border-radius: 5px;
  padding: 2.5px 15px;
}
.psychology-case-log .si-error-message,
.psychology-session .si-error-message {
  position: absolute;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .react-datepicker-wrapper,
  .psychology-session .react-datepicker-wrapper {
    width: 100%;
  }
}
.psychology-case-log .react-datepicker-wrapper input:disabled,
.psychology-session .react-datepicker-wrapper input:disabled {
  font-size: 12px;
  font-family: "poppins";
  color: #6e6e6e !important;
  -webkit-text-fill-color: #6e6e6e !important;
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .react-datepicker-wrapper input:disabled,
  .psychology-session .react-datepicker-wrapper input:disabled {
    font-size: 14px;
    opacity: 1;
  }
}
.psychology-case-log .react-datepicker-wrapper input,
.psychology-session .react-datepicker-wrapper input {
  font-size: 12px;
  font-family: "poppins";
}
@media screen and (max-width: 992px) {
  .psychology-case-log .react-datepicker-wrapper input,
  .psychology-session .react-datepicker-wrapper input {
    font-size: 14px;
  }
}
.psychology-case-log .content-row-wrp,
.psychology-session .content-row-wrp {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 15px;
  height: calc(100vh - 216px);
  overflow: auto;
  /* Handle */
  /* Handle on hover */
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .psychology-case-log .content-row-wrp,
  .psychology-session .content-row-wrp {
    height: calc(100dvh - 216px);
  }
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row-wrp,
  .psychology-session .content-row-wrp {
    height: calc(100dvh - 275px);
    padding-top: 10px;
  }
}
.psychology-case-log .content-row-wrp::-webkit-scrollbar,
.psychology-session .content-row-wrp::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row-wrp::-webkit-scrollbar,
  .psychology-session .content-row-wrp::-webkit-scrollbar {
    width: 0px;
  }
}
.psychology-case-log .content-row-wrp::-webkit-scrollbar-track,
.psychology-session .content-row-wrp::-webkit-scrollbar-track {
  z-index: 999;
}
.psychology-case-log .content-row-wrp::-webkit-scrollbar-thumb,
.psychology-session .content-row-wrp::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.psychology-case-log .content-row-wrp::-webkit-scrollbar-thumb:hover,
.psychology-session .content-row-wrp::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 36, 36, 0.2);
  z-index: 999;
}
.psychology-case-log .content-row,
.psychology-session .content-row {
  display: flex;
  gap: 20px;
  margin-bottom: 17px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row,
  .psychology-session .content-row {
    gap: 10px;
  }
}
.psychology-case-log .content-row:first-child,
.psychology-session .content-row:first-child {
  gap: 0;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row,
  .psychology-session .content-row {
    flex-direction: column;
  }
  .psychology-case-log .content-row:nth-of-type(1),
  .psychology-session .content-row:nth-of-type(1) {
    flex-direction: row;
  }
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row:nth-of-type(1),
  .psychology-session .content-row:nth-of-type(1) {
    flex-direction: row;
    flex: 1;
    width: 100%;
  }
}
.psychology-case-log .content-row:nth-of-type(1) .inner-content-wrp,
.psychology-session .content-row:nth-of-type(1) .inner-content-wrp {
  flex: unset;
  width: unset;
}
.psychology-case-log .content-row:nth-of-type(1) .inner-content-wrp .form-control:first-child,
.psychology-session .content-row:nth-of-type(1) .inner-content-wrp .form-control:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row:nth-of-type(1) .inner-content-wrp,
  .psychology-session .content-row:nth-of-type(1) .inner-content-wrp {
    flex: unset;
    width: unset;
  }
}
.psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp .selectSport-form-control .si-disable,
.psychology-session .content-row:nth-of-type(4) .inner-content-wrp .selectSport-form-control .si-disable {
  border: 1px solid #c8c8c8 !important;
  background: #eaeaea !important;
  color: #6e6e6e !important;
}
.psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(1),
.psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(1) {
  flex: 0 0 24%;
  width: 24%;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(1),
  .psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(1) {
    flex: 1;
    width: 100%;
  }
}
.psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2),
.psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2) {
  flex: 0 0 34%;
  width: 34%;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2),
  .psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2) {
    flex: 1;
    width: 100%;
  }
}
.psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2) .form-control:nth-of-type(2),
.psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2) .form-control:nth-of-type(2) {
  flex: 0 0 38%;
  width: 38%;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2) .form-control:nth-of-type(2),
  .psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(2) .form-control:nth-of-type(2) {
    flex: 1;
    width: 100%;
  }
}
.psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(3),
.psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(3) {
  flex: 0 0 37%;
  width: 37%;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(3),
  .psychology-session .content-row:nth-of-type(4) .inner-content-wrp:nth-of-type(3) {
    flex: 1;
    width: 100%;
  }
}
.psychology-case-log .content-row .inner-content-wrp,
.psychology-session .content-row .inner-content-wrp {
  display: flex;
  gap: 20px;
  flex: 0 0 32%;
  width: 32%;
}
.psychology-case-log .content-row .inner-content-wrp .form-control,
.psychology-session .content-row .inner-content-wrp .form-control {
  flex: 1;
}
@media screen and (max-width: 992px) {
  .psychology-case-log .content-row .inner-content-wrp .form-control,
  .psychology-session .content-row .inner-content-wrp .form-control {
    width: 100%;
  }
}
.psychology-case-log .content-row .reason-desc,
.psychology-session .content-row .reason-desc {
  width: 100%;
}
.psychology-case-log .content-row .reason-desc .si-error-message,
.psychology-session .content-row .reason-desc .si-error-message {
  margin-top: -5px;
}
.psychology-case-log .content-row .date-form-control,
.psychology-session .content-row .date-form-control {
  position: relative;
  cursor: pointer;
}
.psychology-case-log .content-row input[type=radio],
.psychology-session .content-row input[type=radio] {
  accent-color: #282828;
}
.psychology-case-log .content-row .gender-wrp,
.psychology-session .content-row .gender-wrp {
  font-size: 12px;
  display: flex;
  padding-top: 7px;
}
.psychology-case-log .content-row .gender-wrp .gender-text,
.psychology-session .content-row .gender-wrp .gender-text {
  display: inline-block;
  margin-left: 10px;
  margin-right: 25px;
}
.psychology-case-log .content-row .gender-wrp .gender-text:last-child,
.psychology-session .content-row .gender-wrp .gender-text:last-child {
  margin-right: unset;
}
.psychology-case-log .width-machine,
.psychology-session .width-machine {
  /*   Sort of a magic number to add extra space for number spinner */
  padding: 0 1rem;
}
.psychology-case-log .textarea,
.psychology-session .textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 70px;
  line-height: 20px;
}
.psychology-case-log .textarea,
.psychology-session .textarea {
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #282825;
  width: 100%;
  padding: 5px 10px;
  font-size: 15px;
}
.psychology-case-log .textarea.si-disable,
.psychology-session .textarea.si-disable {
  background: #f9f9f9 !important;
  color: #282825 !important;
}
.psychology-case-log textarea[readonly],
.psychology-session textarea[readonly] {
  background: #f9f9f9 !important;
  border: 1px solid #c8c8c8;
  color: #6e6e6e;
  -webkit-text-fill-color: #6e6e6e;
  cursor: default;
}
.psychology-case-log textarea[readonly]:focus, .psychology-case-log textarea[readonly]:hover,
.psychology-session textarea[readonly]:focus,
.psychology-session textarea[readonly]:hover {
  border: 1px solid #c8c8c8;
  box-shadow: unset;
}
.psychology-case-log .si-disable,
.psychology-case-log .si-default,
.psychology-session .si-disable,
.psychology-session .si-default {
  border: 1px solid #c8c8c8 !important;
  background: #eaeaea !important;
  color: #6e6e6e;
  pointer-events: none;
  -webkit-text-fill-color: #6e6e6e;
}
.psychology-case-log .custom-select__placeholder,
.psychology-session .custom-select__placeholder {
  color: #282828;
}

.psychology-session.si-view textarea,
.psychology-session.si-view select,
.psychology-session.si-view input {
  background: #f9f9f9;
}
@media screen and (max-width: 992px) {
  .psychology-session .content-row {
    flex-direction: row;
  }
}
.psychology-session textarea[readonly] {
  background: #f9f9f9 !important;
  cursor: default;
}
.psychology-session textarea[readonly]::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .psychology-session textarea[readonly]::-webkit-scrollbar {
    width: 0px;
  }
}
@media screen and (max-width: 992px) {
  .psychology-session {
    margin-left: -10px;
    padding-right: 0;
  }
}

footer {
  position: fixed;
  padding: 0 15px;
  bottom: 10px;
  right: 0;
}
@media screen and (max-width: 992px) {
  footer {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  footer .si-button {
    width: auto;
    flex: 1;
  }
}

.si-view .react-datepicker__view-calendar-icon::before,
.psychology-session .react-datepicker__view-calendar-icon::before {
  color: #6e6e6e !important;
  cursor: default;
}

.reffered-by {
  width: 190px !important;
}
@media screen and (max-width: 992px) {
  .reffered-by {
    width: 170px !important;
  }
}

@media screen and (max-width: 992px) {
  .psychology-case-log .case-log-content {
    margin: 0 -10px;
  }
}

.injury-details-main {
  position: relative;
}
@media screen and (max-width: 768px) {
  .injury-details-main {
    height: calc(100dvh - 174px);
    overflow-y: scroll;
  }
}
.injury-details-main .injury-athelet-profile {
  display: flex;
  align-items: center;
}
.injury-details-main .injury-athelet-profile .injury-athelet-profile-img {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.injury-details-main .injury-athelet-profile .injury-athelet-profile-img img {
  width: 20px;
}
.injury-details-main .injury-athelet-profile-name {
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  text-transform: capitalize;
}
.injury-details-main .injury-details-form-content {
  margin-top: 15px;
  max-height: calc(100vh - 200px);
  overflow: auto;
  margin-top: 15px;
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content {
    margin-left: -10px;
    margin-right: -10px;
    max-height: unset;
  }
}
.injury-details-main .injury-details-form-content::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content::-webkit-scrollbar {
    width: 0px;
  }
}
.injury-details-main .injury-details-form-content::-webkit-scrollbar-track {
  z-index: 999;
}
.injury-details-main .injury-details-form-content::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.injury-details-main .injury-details-form-content::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 36, 36, 0.2);
  z-index: 999;
}
.injury-details-main .injury-details-form-content .si-title {
  font-weight: 700;
  font-size: 14px;
  color: #282828;
  background: #e7e0ec;
  border-radius: 5px;
  padding: 3px 15px;
}
.injury-details-main .injury-details-form-content .injury-description {
  margin-top: 5px;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .injury-description {
    margin-top: 0px;
  }
  .injury-details-main .injury-details-form-content .injury-description .form-control {
    margin-bottom: 10px;
  }
}
.injury-details-main .injury-details-form-content .injury-description .si-error textarea {
  border: 1px solid #e10000;
}
.injury-details-main .injury-details-form-content .injury-description .si-error .si-error-message {
  margin-top: -5px !important;
}
.injury-details-main .injury-details-form-content .injury-description textarea {
  text-align: start;
  color: #282828;
  padding: 7px;
  opacity: 1;
}
.injury-details-main .injury-details-form-content .athlete-name {
  background: #eaeaea;
  width: 350px;
  display: block;
  color: #969696;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .athlete-name {
    width: 338px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-content {
  display: flex;
  gap: 15px;
  background: #ffffff;
  border-radius: 5px;
  padding: 6px 15px 10px 15px;
}
@media screen and (max-width: 1199px) {
  .injury-details-main .injury-details-form-content .for-athelets-content {
    flex-direction: column;
    gap: 0px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section input[type=date] {
  position: relative;
  width: 130px;
}
.injury-details-main .injury-details-form-content .for-athelets-section__left .left-outer-wrp {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__left .left-outer-wrp {
    flex-direction: column;
    gap: 0px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__left .left-outer-wrp .left-inner-wrp {
  display: flex;
  gap: 15px;
}
.injury-details-main .injury-details-form-content .for-athelets-section__left .injury-input {
  width: 200px;
  display: block;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__left .injury-input {
    width: 157px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__left .select-type {
  width: 197px;
  display: block;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__left .select-type {
    width: 325px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right {
  width: fill-available;
  width: -webkit-fill-available;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right {
    width: unset;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container {
  display: flex;
  border: 1px dashed #0075e1;
  border-radius: 5px;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 15px 12px 40px;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container {
    padding: 10px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__icon i {
  color: #0075e1;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__icon i {
    font-size: 24px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp {
  margin-left: 15px;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp {
    margin-left: 10px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text {
  font-size: 12px;
  font-weight: 400;
  color: #282828;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text {
    font-size: 14px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text input {
  width: 65px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text input {
    left: 1px;
    margin: 0px 3px;
    width: 76px;
    font-size: 14px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text input::file-selector-button {
  color: dodgerblue;
  border: none;
  background: none;
  text-transform: lowercase;
  cursor: pointer;
  padding: 0px !important;
  margin-right: 0px !important;
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text input[type=file] {
  color: transparent;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .title-text input[type=file] {
    font-size: 14px;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .info-text {
  font-size: 10px;
  color: #888888;
  font-weight: 400;
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .drag-drop-container .drag-drop__text-wrp .error-text {
  font-size: 10px;
  color: #e10000;
  font-weight: 400;
  display: none;
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp {
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  cursor: auto;
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file {
    width: 100%;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .file-name-tooltip {
  font-size: 12px;
  background-color: #85736e;
  border-radius: 7px 7px 0px 7px;
  padding: 5px 10px;
  color: #ffffff;
  position: absolute;
  right: 0%;
  bottom: 110%;
  display: none;
  max-width: 200px;
  word-wrap: break-word;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .file-name-tooltip {
    display: none;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file:hover .file-name-tooltip {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file:hover .file-name-tooltip {
    display: none;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .icon-pdf {
  height: 28px;
  width: 28px;
  display: inline-block;
  margin-right: 3px;
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .icon-pdf img {
  height: 100%;
  width: 100%;
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .file-name {
  font-size: 12px;
  color: #323232;
  font-weight: 400;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .file-name {
    width: 90%;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .file-name p {
  width: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
}
@media screen and (max-width: 1024px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .file-name p {
    width: 90%;
    height: unset;
  }
}
.injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .icon-delete-2 {
  cursor: pointer;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-athelets-section__right .uploaded-file-wrp .uploaded-file .icon-delete-2 {
    position: absolute;
    right: 0;
  }
}
.injury-details-main .injury-details-form-content .for-physiotherapist-only {
  margin-top: 15px;
}
.injury-details-main .injury-details-form-content .for-physiotherapist-only .physiotherapist-content-wrp {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 6px 15px 10px 15px;
}
.injury-details-main .injury-details-form-content .for-physiotherapist-only .physiotherapist-content-wrp .drpdwn-wrp {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .for-physiotherapist-only .physiotherapist-content-wrp .drpdwn-wrp {
    flex-direction: column;
    gap: 0;
  }
}
.injury-details-main .injury-details-form-content .for-physiotherapist-only .physiotherapist-content-wrp .custom-select__control {
  min-height: 30px !important;
}
.injury-details-main .injury-details-form-content .for-physiotherapist-disabled .si-input {
  background: #f9f9f9;
}
.injury-details-main .injury-details-form-content .for-physiotherapist-disabled .injury-description textarea {
  background: #f9f9f9;
  border: 1px solid #c8c8c8;
  opacity: 1;
  color: #6e6e6e !important;
  -webkit-text-fill-color: #6e6e6e;
}
.injury-details-main .injury-details-form-content .for-physiotherapist-disabled .injury-description textarea::placeholder {
  color: #6e6e6e !important;
  -webkit-text-fill-color: #6e6e6e !important;
}
.injury-details-main .injury-details-form-content .for-physiotherapist-disabled .custom-select__control {
  min-height: 30px !important;
  background: #f9f9f9 !important;
  border-color: #c8c8c8;
}
.injury-details-main .injury-details-form-content .si-error-message {
  display: none;
}
.injury-details-main .injury-details-form-content .si-error .si-error-message {
  display: block;
  position: unset;
  margin-top: 1px;
  position: absolute;
}
.injury-details-main .injury-details-form-content .si-error input,
.injury-details-main .injury-details-form-content .si-error select {
  border: 1px solid #e10000;
}
@media screen and (min-width: 1200px) {
  .injury-details-main .injury-details-form-content .custom-select__control {
    width: 197px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .injury-details-main .injury-details-form-content .custom-select__control {
    width: 140px;
  }
}
.injury-details-main .injury-details-form-content .date-form-control {
  position: relative;
  cursor: pointer;
  width: 120px;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .date-form-control {
    width: 130px;
  }
}
.injury-details-main .injury-details-form-content .date-form-control input {
  color: #282828;
  font-size: 12px;
  font-family: "poppins";
  -webkit-text-fill-color: #282828;
  opacity: 1;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .date-form-control input {
    font-size: 14px;
  }
}
.injury-details-main .injury-details-form-content .react-datepicker__view-calendar-icon::before {
  top: 7px;
}
.injury-details-main .injury-details-form-content .react-datepicker__calendar-icon {
  width: 1.8em;
  height: 1.8em;
}
.injury-details-main .injury-details-form-content .css-1jqq78o-placeholder {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.injury-details-main .injury-details-form-content .react-datepicker__view-calendar-icon input {
  border-color: rgb(204, 204, 204);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  height: 30px;
  width: 100%;
  font-family: "poppins";
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .injury-details-main .injury-details-form-content .react-datepicker__view-calendar-icon input {
    width: 100%;
  }
}
.injury-details-main .injury-details-form-content .react-datepicker__view-calendar-icon input:disabled {
  background: rgb(242, 242, 242) !important;
  color: #282825 !important;
  background-color: rgb(242, 242, 242);
  border-color: rgb(230, 230, 230);
  background-color: rgb(242, 242, 242);
  border-color: rgb(230, 230, 230);
  border-radius: 4px;
  -webkit-text-fill-color: #282825 !important;
  opacity: 1;
}
.injury-details-main .injury-details-form-content .css-hlgwow {
  padding: 2px 5px !important;
}
.injury-details-main .injury-details-form-content .css-16xfy0z-control {
  min-height: 32px;
}
.injury-details-main .injury-details-form-content .form-control {
  margin-bottom: 6px;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-form-content .form-control {
    margin-bottom: 15px;
  }
}
.injury-details-main .injury-details-footer {
  margin-top: 15px;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 992px) {
  .injury-details-main .injury-details-footer {
    position: fixed;
    bottom: 10px;
    width: 95%;
    right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .injury-details-main .injury-details-footer {
    width: 97.5%;
  }
}

.si-error-message {
  display: none;
}

.si-error .si-error-message {
  display: block;
  position: absolute;
}

.no-comment-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #282828;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.5;
}

.details-reportlog-main {
  display: flex;
  gap: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: calc(100dvh - 80px);
}
@media screen and (max-width: 992px) {
  .details-reportlog-main {
    gap: 15px;
    height: calc(100dvh - 130px);
  }
}
.details-reportlog-main .icon-download {
  font-size: 18px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main {
    flex-direction: column;
    padding-top: 20px;
  }
}
.details-reportlog-main .injury-athelet-profile {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
}
.details-reportlog-main .injury-athelet-profile .injury-athelet-profile-img {
  height: 35px;
  width: 35px;
  background-color: #eaeaea;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.details-reportlog-main .injury-athelet-profile .injury-athelet-profile-img img {
  width: 18px;
}
.details-reportlog-main .injury-athelet-profile-name {
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  text-transform: capitalize;
}
.details-reportlog-main .si-subheader {
  font-weight: 700;
  font-size: 14px;
  color: #323232;
  background: #e7e0ec;
  border-radius: 5px;
  padding: 7px 15px;
  position: sticky;
  z-index: 1;
  top: 0;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main .si-subheader {
    color: #6e6e6e;
  }
}
.details-reportlog-main .si-subheader .icon-chev-right {
  display: none;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main .si-subheader {
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .details-reportlog-main .si-subheader span {
    display: inline-block;
    word-wrap: break-word;
  }
  .details-reportlog-main .si-subheader .icon-chev-right {
    display: block;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
  }
}
.details-reportlog-main__left {
  width: 38%;
  position: relative;
  background: #ffffff;
  box-shadow: 10px 0px 15px 0px rgba(0, 0, 0, 0.05);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left {
    width: unset;
    margin: 0px -10px;
  }
}
.details-reportlog-main__left .atheletes-details {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  flex-direction: column;
}
.details-reportlog-main__left .atheletes-details-content__footer {
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .atheletes-details-content__footer {
    bottom: -11px;
    right: 0px;
    width: 100%;
    padding: 15px;
  }
}
.details-reportlog-main__left .atheletes-details-content__footer .si-button {
  padding: 9px 9px;
  text-transform: uppercase;
  font-family: "poppins";
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .atheletes-details-content__footer .si-button {
    max-width: unset;
    display: flex;
  }
}
.details-reportlog-main__left .atheletes-details__form-content {
  margin: 13px 15px 0px 15px;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.details-reportlog-main__left .atheletes-details__form-content .si-input {
  background-color: #eaeaea;
}
@media screen and (min-width: 1024px) {
  .details-reportlog-main__left .shoulder-dislocation {
    overflow: scroll;
    height: calc(100dvh - 195px);
    /* Handle */
  }
  .details-reportlog-main__left .shoulder-dislocation::-webkit-scrollbar {
    width: 3px;
    z-index: 999;
  }
}
@media screen and (min-width: 1024px) and (max-width: 992px) {
  .details-reportlog-main__left .shoulder-dislocation::-webkit-scrollbar {
    width: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .details-reportlog-main__left .shoulder-dislocation::-webkit-scrollbar-track {
    z-index: 999;
  }
}
@media screen and (min-width: 1024px) {
  .details-reportlog-main__left .shoulder-dislocation::-webkit-scrollbar-thumb {
    background: rgba(36, 36, 36, 0.2);
    border-radius: 10px;
    z-index: 999;
  }
}
.details-reportlog-main__left .shoulder-dislocation .si-subheader {
  background: #f1f1f1;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding: 8px 10px 7px 10px;
  margin-left: 15px;
  margin-right: 15px;
  align-items: baseline;
  color: #6e6e6e;
  text-transform: capitalize;
}
.details-reportlog-main__left .shoulder-dislocation .si-subheader .icon-edit {
  color: #6e6e6e;
  cursor: pointer;
}
.details-reportlog-main__left .shoulder-dislocation__content {
  padding: 13px 15px 20px 15px;
  margin-bottom: 20px;
  height: calc(100vh - 300px);
  overflow-y: scroll;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .details-reportlog-main__left .shoulder-dislocation__content {
    height: calc(100dvh - 310px);
  }
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .shoulder-dislocation__content {
    height: calc(100dvh - 415px);
  }
}
.details-reportlog-main__left .shoulder-dislocation__content .content-row {
  margin-bottom: 8px;
  line-height: 18px !important;
  word-wrap: break-word;
}
.details-reportlog-main__left .shoulder-dislocation__content .content-row .si-title {
  font-size: 12px;
  font-weight: 500px;
  color: #282828;
  text-transform: capitalize;
  line-height: unset;
  margin-right: 3px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .shoulder-dislocation__content .content-row .si-title {
    font-size: 14px;
  }
}
.details-reportlog-main__left .shoulder-dislocation__content .content-row .text {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .shoulder-dislocation__content .content-row .text {
    font-size: 14px;
  }
}
.details-reportlog-main__left .shoulder-dislocation__content .attachment-row {
  display: flex;
  align-items: center;
  line-height: 18px;
  width: 100%;
  overflow-wrap: anywhere;
}
.details-reportlog-main__left .shoulder-dislocation__content .attachment-row .pdf-img-wrp {
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 7px;
}
.details-reportlog-main__left .shoulder-dislocation__content .attachment-row .pdf-img-wrp img {
  height: 100%;
}
.details-reportlog-main__left .shoulder-dislocation__content .attachment-row .uploaded-file {
  margin-top: 7px;
  display: flex;
}
.details-reportlog-main__left .shoulder-dislocation__content .attachment-row .uploaded-file .file-name {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
  margin-right: 10px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .shoulder-dislocation__content .attachment-row .uploaded-file .file-name {
    font-size: 14px;
  }
}
.details-reportlog-main__left .shoulder-dislocation__content::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__left .shoulder-dislocation__content::-webkit-scrollbar {
    width: 0px;
  }
}
.details-reportlog-main__left .shoulder-dislocation__content::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.details-reportlog-main__left .si-button[disabled] {
  background-color: #969696;
  border-color: #969696;
  color: #c8c8c8;
  padding: 5px 10px 5px 8px;
}
.details-reportlog-main__right {
  width: 62%;
  position: relative;
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.details-reportlog-main__right .report-details {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  height: 85.4%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__right .report-details {
    height: unset;
  }
}
.details-reportlog-main__right .report-details .reportlog-content-wrp {
  overflow-y: scroll;
}
.details-reportlog-main__right .report-details .reportlog-content-wrp::-webkit-scrollbar {
  width: 2px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__right .report-details .reportlog-content-wrp::-webkit-scrollbar {
    width: 0px;
  }
}
.details-reportlog-main__right .report-details .reportlog-content-wrp::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.details-reportlog-main__right .report-details .reportlog-content {
  padding: 13px 15px 0px 15px;
  height: 100%;
}
.details-reportlog-main__right .report-details .reportlog-content .comment-container-wrp {
  padding-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__right .report-details .reportlog-content .comment-container-wrp {
    padding-bottom: unset;
  }
}
@media screen and (max-width: 992px) {
  .details-reportlog-main__right {
    width: unset;
    margin: 0px -10px;
  }
}

@media screen and (max-width: 992px) {
  .atheletes-details-content {
    height: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 992px) {
  .reportlog-content-wrp {
    height: 0;
    overflow: hidden;
  }
}

.atheletes-details-content .shoulder-dislocation .si-subheader span:first-child,
.reportlog-content-wrp .shoulder-dislocation .si-subheader span:first-child {
  font-weight: 600 !important;
  width: 93%;
  word-wrap: break-word;
}

.details-active .si-subheader__text,
.report-active .si-subheader__text {
  color: #323232;
}
.details-active .icon-chev-right,
.report-active .icon-chev-right {
  transform: rotate(90deg) !important;
  transition: transform 0.3s ease-in-out;
}

.details-active + .atheletes-details-content {
  /* Handle */
}
@media screen and (max-width: 992px) {
  .details-active + .atheletes-details-content {
    height: calc(100dvh - 245px);
    overflow: scroll;
  }
  .details-active + .atheletes-details-content .atheletes-details-content__footer {
    bottom: 2px;
  }
}
.details-active + .atheletes-details-content::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .details-active + .atheletes-details-content::-webkit-scrollbar {
    width: 0px;
  }
}
.details-active + .atheletes-details-content::-webkit-scrollbar-track {
  z-index: 999;
}
.details-active + .atheletes-details-content::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}

.report-active + .reportlog-content-wrp {
  height: unset !important;
}
@media screen and (max-width: 992px) {
  .report-active + .reportlog-content-wrp .send-wrp {
    left: unset;
  }
}
@media screen and (max-width: 992px) {
  .report-active + .reportlog-content-wrp .reportlog-content {
    height: calc(100dvh - 322px);
    overflow-y: scroll;
  }
  .report-active + .reportlog-content-wrp .reportlog-content::-webkit-scrollbar {
    width: 2px;
    z-index: 999;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .report-active + .reportlog-content-wrp .reportlog-content::-webkit-scrollbar {
    width: 0px;
  }
}
@media screen and (max-width: 992px) {
  .report-active + .reportlog-content-wrp .reportlog-content::-webkit-scrollbar-thumb {
    background: rgba(36, 36, 36, 0.2);
    border-radius: 10px;
    z-index: 999;
  }
}

.reportlog-content-wrp .comment-container {
  margin-bottom: 20px;
  position: relative;
}
.reportlog-content-wrp .comment-date {
  font-size: 10px;
  font-weight: 500;
  color: #6e6e6e;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -10px;
  border: 1px solid #eaeaea;
  background: #ffffff;
  border-radius: 50px;
  padding: 0 15px;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .reportlog-content-wrp .comment-date {
    font-size: 12px;
  }
}
.reportlog-content-wrp .marked-recover {
  background: #FFDAD6 !important;
  white-space: nowrap;
}
.reportlog-content-wrp .comment-wrap {
  display: flex;
  margin-top: 17px;
}
.reportlog-content-wrp .comment-wrap .name-time-wrp {
  display: flex;
  align-items: baseline;
}
.reportlog-content-wrp .comment-wrap .name-time-wrp .atheletes-name {
  font-size: 12px;
  font-weight: 500;
  color: #282828;
  text-transform: capitalize;
}
@media screen and (max-width: 992px) {
  .reportlog-content-wrp .comment-wrap .name-time-wrp .atheletes-name {
    font-size: 14px;
  }
}
.reportlog-content-wrp .comment-wrap .name-time-wrp .comment-time {
  font-size: 10px;
  font-weight: 500;
  color: #969696;
}
.reportlog-content-wrp .comment-wrap .athlete-image {
  margin-right: 15px;
  height: 35px;
  min-width: 35px;
  background-color: #eaeaea;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.reportlog-content-wrp .comment-wrap .athlete-image img {
  width: 18px;
}
.reportlog-content-wrp .comment-wrap .atheletes-name {
  margin-right: 13px;
  margin-bottom: 5px;
  font-size: 12px;
}
.reportlog-content-wrp .comment-wrap .comment-action-wrp {
  display: flex;
  align-items: baseline;
}
.reportlog-content-wrp .comment-wrap .comment-action-wrp .comment {
  font-size: 12px;
  color: #282828;
  background-color: #f1f1f1;
  padding: 6px 10px;
  border-radius: 6px;
  border-top-left-radius: 0px;
  word-break: break-word;
}
.reportlog-content-wrp .comment-wrap .comment-action-wrp .si-custom-table__cell {
  padding: unset;
  width: unset;
}
.reportlog-content-wrp .comment-wrap .comment-action-wrp .si-custom-table__cell .icon-options {
  margin-left: 0;
  color: #6E6E6E;
}
.reportlog-content-wrp .comment-wrap .comment-action-wrp .si-custom-table__cell .si-action-icons {
  right: 22px !important;
  width: unset;
}
.reportlog-content-wrp .comment-wrap .icon-options {
  margin-left: 10px;
  cursor: pointer;
}

.icon-msg-send {
  cursor: pointer;
  position: relative;
  right: 42px;
  bottom: 1px;
  font-size: 21px !important;
}
.icon-msg-send::before {
  font-size: 21px;
}
@media screen and (max-width: 992px) {
  .icon-msg-send {
    right: 37px;
  }
}

.send-wrp {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 15px;
  width: 97.5%;
  border-radius: 6px;
  left: 20px;
}
@media screen and (max-width: 992px) {
  .send-wrp {
    position: unset;
    margin-top: 15px;
    margin-left: 16px;
    margin-bottom: 20px;
    width: 98%;
  }
}
.send-wrp input {
  width: 100%;
  border: none;
  background: #F4F2FD;
  padding: 15px;
  border-radius: 6px;
  padding-right: 40px;
  font-size: 12px;
  font-family: "Poppins";
  font-weight: 500;
  color: #6E6E6E;
}
@media screen and (max-width: 992px) {
  .send-wrp input {
    padding-left: 10px;
    opacity: 1;
  }
}
.send-wrp input::placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.send-wrp input:focus {
  border: 1px solid #AEA9C5;
  color: #6E6E6E;
}
.send-wrp input:focus::placeholder {
  color: transparent;
}
.send-wrp .icon-msg-send:before {
  content: "\e960";
  color: #FF5046;
}

.gray-icon .icon-msg-send:before {
  content: "\e960";
  color: #D9D9D9 !important;
}

.comment-date-wrp {
  border-bottom: 0.3px solid #FFCBC7;
}

.load-btn-wrp {
  display: flex;
  justify-content: center;
  position: sticky;
  top: 15px;
  z-index: 999;
  margin-bottom: 18px;
}
.load-btn-wrp .load-btn {
  border-radius: 50px;
  padding: 5px 10px;
  border: 0.3px solid rgb(228, 225, 225);
  display: flex;
  align-items: center;
  cursor: pointer;
  background: white;
  font-size: 10px;
  color: #282828;
}
.load-btn-wrp .load-btn .icon-chev-down {
  font-size: 8px;
  margin-left: 4px;
}

.si-header {
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 11;
}
@media screen and (max-width: 992px) {
  .si-header {
    height: 60px;
    background: #282828;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
  }
}
.si-header .si-left {
  align-items: center;
  position: absolute;
  top: 16px;
  left: 10px;
}
@media screen and (max-width: 992px) {
  .si-header .si-left {
    left: 52px;
    top: 16px;
  }
}
.si-header .si-left .si-Logo {
  width: 205px;
  height: 34.91px;
}
.si-header .si-left .si-Logo.si-mobilelogo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .si-header .si-left .si-Logo {
    width: 180px;
  }
}
@media screen and (max-width: 992px) {
  .si-header .si-left .si-Logo.si-desklogo {
    display: none;
  }
  .si-header .si-left .si-Logo.si-mobilelogo {
    display: flex;
  }
}
.si-header .si-left .si-Logo img {
  width: 100%;
  height: auto;
}
.si-header .si-left .si-Logo.si-mobilelogo {
  width: 25.14px;
  height: 25.56px;
  margin-left: -8px;
}
.si-header .si-actionwrp {
  position: absolute;
  right: 75px;
  width: 89px;
  top: 21px;
}
@media screen and (max-width: 992px) {
  .si-header .si-actionwrp {
    right: 0;
  }
}
.si-header .si-actionwrp .si-edit {
  position: relative;
  cursor: pointer;
  z-index: 999;
  width: 17px;
}
@media screen and (max-width: 992px) {
  .si-header .si-actionwrp .si-edit {
    position: absolute;
    bottom: -60px;
    right: 47px;
  }
}
.si-header .si-actionwrp .si-edit:after {
  font-family: "AMS" !important;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
}
.si-header .si-actionwrp .si-edit.active:after {
  display: none;
}
.si-header .si-actionwrp .si-edit.active .si-editAction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-header .si-actionwrp .si-edit .si-editAction {
  display: none;
}
.si-header .si-actionwrp .si-edit .si-tick:after {
  font-family: "AMS" !important;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: 29px;
  cursor: pointer;
  top: 0;
}
.si-header .si-actionwrp .si-edit .si-cancel:after {
  font-family: "AMS" !important;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
}
.si-header .si-actionwrp .si-notification {
  position: relative;
  cursor: pointer;
  z-index: 999;
  width: 16px;
  display: none;
}
@media screen and (max-width: 768px) {
  .si-header .si-actionwrp .si-notification {
    top: -6px;
  }
}
.si-header .si-actionwrp .si-notification.active {
  position: relative;
}
.si-header .si-actionwrp .si-notification.active:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #FF3D44;
  border-radius: 50%;
  right: 0;
  position: absolute;
  z-index: 99;
}
.si-header .si-actionwrp .si-notification:after {
  font-family: "AMS" !important;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  right: -26px;
  cursor: pointer;
  top: 0;
}

@media screen and (max-width: 1024px) {
  .si-header .si-actionwrp {
    width: 47px;
  }
}
.si-header2 {
  height: 60px;
  background: #282828;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 992px) {
  .height-65 {
    height: 65px !important;
  }
}
.si-mobilemenu .si-menuicon:after {
  content: "";
  background-image: url("../images/menu.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 12px;
  top: 26px;
  display: none;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .si-mobilemenu .si-menuicon:after {
    left: 12px;
  }
}
.si-mobilemenu .si-close {
  display: none;
}
.si-mobilemenu .si-close:before {
  content: "\e906";
  font-family: "AMS" !important;
  font-size: 20px;
  color: #ffffff;
  left: 20px;
  top: 20px;
  cursor: pointer;
  z-index: 999;
  position: fixed;
}
@media screen and (max-width: 992px) {
  .si-mobilemenu .si-close:before {
    left: 13px;
  }
}
@media screen and (max-width: 992px) {
  .si-mobilemenu .si-close {
    display: flex;
  }
}
@media screen and (max-width: 993px) {
  .si-mobilemenu .si-menuicon:after {
    display: block;
    top: 20px;
    position: fixed;
  }
  .si-mobilemenu .si-right {
    z-index: 9999999999;
    position: fixed;
  }
  .si-mobilemenu.activeIn .si-right {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: all 625ms ease-in-out;
    -moz-transition: all 625ms ease-in-out;
    -ms-transition: all 625ms ease-in-out;
    -o-transition: all 625ms ease-in-out;
    transition: all 625ms ease-in-out;
  }
  .si-mobilemenu.activeIn .si-leftPanel {
    width: 360px;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: all 625ms ease-in-out;
    -moz-transition: all 625ms ease-in-out;
    -ms-transition: all 625ms ease-in-out;
    -o-transition: all 625ms ease-in-out;
    transition: all 625ms ease-in-out;
    position: fixed;
    left: 0;
  }
  .si-mobilemenu.activeOut .si-leftPanel {
    -webkit-transform: translate(-100%, 0%);
    -moz-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    -o-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
    -webkit-transition: all 625ms ease-in-out;
    -moz-transition: all 625ms ease-in-out;
    -ms-transition: all 625ms ease-in-out;
    -o-transition: all 625ms ease-in-out;
    transition: all 625ms ease-in-out;
  }
  .si-mobilemenu.activeOut .si-right {
    -webkit-transform: translate(-100%, 0%);
    -moz-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    -o-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
    -webkit-transition: all 625ms ease-in-out;
    -moz-transition: all 625ms ease-in-out;
    -ms-transition: all 625ms ease-in-out;
    -o-transition: all 625ms ease-in-out;
    transition: all 625ms ease-in-out;
  }
}

.si-right {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 9;
}
@media screen and (max-width: 993px) {
  .si-right {
    left: -90px;
    right: inherit;
    width: 100%;
    top: 51px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

@media screen and (max-width: 993px) {
  .si-profileBox {
    position: relative;
  }
}
.si-profileBox.active .si-profileInfo {
  display: block;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.si-profileBox .icon-carret:before {
  font-size: 10px;
  padding-left: 3px;
}

.si-profile {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 2px solid rgba(128, 128, 128, 0.168627451);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 9px;
}
@media screen and (max-width: 993px) {
  .si-profile {
    right: 40px;
    width: 60px;
    height: 60px;
  }
}
.si-profile img {
  width: 100%;
  height: auto;
}

.icon-carret {
  cursor: pointer;
  font-size: 10px;
  width: 16px;
  height: 16px;
  background: #000000;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
  position: absolute;
  right: 12px;
  top: 41px;
}
.icon-carret:before {
  color: #F9AD4A !important;
}
@media screen and (max-width: 993px) {
  .icon-carret {
    display: none;
  }
}
.icon-carret:after {
  font-family: "AMS" !important;
  font-size: 7px;
  position: absolute;
  color: #F9AD4A;
  right: 3px;
  top: 5px;
}

.si-profileInfo {
  width: 200px;
  min-height: 90px;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  margin-top: 54px;
  z-index: 99;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  display: none;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 992px) {
  .si-profileInfo {
    min-height: auto;
  }
}
.si-profileInfo:after {
  filter: drop-shadow(0px 0px 10px #b2b2b2);
  border-color: transparent transparent white transparent;
}
.si-profileInfo .si-profileName {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  text-transform: capitalize;
}
@media screen and (max-width: 993px) {
  .si-profileInfo .si-profileName {
    z-index: 999;
    position: absolute;
    top: -90%;
    transform: translateY(-50%);
    width: 100%;
    left: 94%;
    visibility: visible;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
  }
  .si-profileInfo .si-profileName .si-firstName {
    display: block;
  }
  .si-profileInfo .si-profileName .si-arrow {
    padding-left: 10px;
    position: absolute;
    top: -21px;
    right: -21px;
  }
  .si-profileInfo .si-profileName .si-arrow:after {
    font-family: "AMS" !important;
    position: absolute;
    font-size: 15px;
    color: #F9AD4A;
    top: 24px;
  }
  .si-profileInfo .si-profileName .si-arrow:before {
    color: rgba(249, 173, 74, 0.5);
    right: 3px;
    font-family: "AMS" !important;
    position: absolute;
    font-size: 10px;
    top: 26px;
    -webkit-animation: slideInLeft .7s linear infinite;
    -moz-animation: slideInLeft .7s linear infinite;
    -ms-animation: slideInLeft .7s linear infinite;
    -o-animation: slideInLeft .7s linear infinite;
    animation: slideInLeft .7s linear infinite;
  }
  .si-profileInfo .si-profileName .si-lastName {
    position: relative;
  }
}
@media screen and (max-width: 993px) and (max-width: 992px) {
  .si-profileInfo .si-profileName .si-lastName::after {
    content: "\e901";
    font-family: "AMS" !important;
    position: absolute;
    font-size: 0px;
    color: #ffffff;
    right: -24px;
    bottom: 6px;
    font-weight: normal;
    z-index: 999999;
    transform: rotate(-90deg);
  }
}

.si-otherDetails {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #505050;
  padding-top: 3px;
  padding-bottom: 8px;
}

.si-logout {
  border-top: 1px solid #b4b4b4;
  cursor: pointer;
  position: relative;
  padding-top: 10px;
  color: #e10000;
}
.si-logout:after {
  content: "\e928";
  font-family: "AMS" !important;
  position: absolute;
  font-size: 17px;
  left: 1px;
  top: 9px;
}
.si-logout button {
  border: 0;
  background-color: transparent;
  color: #e10000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 10px;
  padding-left: 27px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.si-leftPanel {
  position: absolute;
  background-color: #282828;
  width: 243px;
  height: calc(100vh - 0px);
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (max-width: 992px) {
  .si-leftPanel {
    left: 0px;
    top: 57px;
    height: calc(100dvh - 60px);
    z-index: 9999999;
    -webkit-transform: translate(-100%, 0%);
    -moz-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    -o-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
  }
}
.si-leftPanel .si-menuWrp {
  position: absolute;
  left: 0px;
  right: 0;
  text-align: left;
  top: 75px;
  height: calc(100vh - 138px);
  overflow: hidden;
}
@media screen and (max-width: 993px) {
  .si-leftPanel .si-menuWrp {
    top: 95px;
    height: calc(100dvh - 155px);
    overflow-y: scroll;
  }
}
.si-leftPanel .si-menu {
  padding-left: 31px;
  padding-left: 0;
}
.si-leftPanel .si-menu .icon-training,
.si-leftPanel .si-menu .icon-user,
.si-leftPanel .si-menu .icon-1,
.si-leftPanel .si-menu .icon-2,
.si-leftPanel .si-menu .icon-7,
.si-leftPanel .si-menu .icon-4,
.si-leftPanel .si-menu .icon-5,
.si-leftPanel .si-menu .icon-6,
.si-leftPanel .si-menu .icon-9 {
  font-size: 20px;
  position: absolute;
}
.si-leftPanel .si-menu .icon-10 {
  padding-top: 2.5px;
}
.si-leftPanel .si-menu.icon-chev-down:before {
  transition: 0.2s;
  position: absolute;
  right: 0;
  font-size: 12px;
}
.si-leftPanel .si-menu:not(:last-child) {
  margin-bottom: 9px;
}
@media screen and (max-width: 992px) {
  .si-leftPanel .si-menu.activeIn {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  }
}
.si-leftPanel .si-menu.activeIn .si-menu-title {
  position: relative;
  height: 30px;
  background: #e10000 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  padding-left: 44px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .si-leftPanel .si-menu.activeIn .si-menu-title {
    font-size: 16px;
    height: 50px;
  }
}
.si-leftPanel .si-menu.activeIn .si-menu-title:after {
  display: none;
}
.si-leftPanel .si-menu.activeIn .si-menu-title .si-image.si-black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-leftPanel .si-menu.activeIn .si-menu-title .si-drparrow:after {
  transform: rotate(360deg);
}
@media screen and (max-width: 992px) {
  .si-leftPanel .si-menu.activeIn .si-menu-title .si-drparrow:after {
    top: 9px !important;
  }
}
.si-leftPanel .si-menu.activeIn .si-submenu {
  display: block;
}
@media screen and (max-width: 993px) {
  .si-leftPanel .si-menu.activeIn .si-submenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin-left: 23px;
  }
}
.si-leftPanel .si-menu.activeIn .si-submenu ul {
  visibility: visible;
  opacity: 1;
  -webkit-animation: slideInDown .5s linear ;
  -moz-animation: slideInDown .5s linear ;
  -ms-animation: slideInDown .5s linear ;
  -o-animation: slideInDown .5s linear ;
  animation: slideInDown .5s linear ;
}
.si-leftPanel .si-menu.activeOut.icon-chev-down:before {
  transform: rotate(-90deg);
}
.si-leftPanel .si-menu.activeOut .si-submenu ul {
  -webkit-animation: slideOutUp .5s linear ;
  -moz-animation: slideOutUp .5s linear ;
  -ms-animation: slideOutUp .5s linear ;
  -o-animation: slideOutUp .5s linear ;
  animation: slideOutUp .5s linear ;
}
.si-leftPanel .si-menu .si-menu-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #b4b4b4;
  font-size: 12px;
  z-index: 99;
  padding-left: 44px;
  cursor: pointer;
  position: relative;
  height: 30px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.si-leftPanel .si-menu .si-menu-title:hover {
  background-color: #323232;
}
@media screen and (max-width: 992px) {
  .si-leftPanel .si-menu .si-menu-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 993px) {
  .si-leftPanel .si-menu .si-menu-title {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    padding-left: 10px !important;
  }
}
.si-leftPanel .si-menu .si-menu-title .si-drparrow {
  position: absolute;
  right: 0;
  top: 2px;
  line-height: 28px;
}
.si-leftPanel .si-menu .si-menu-title .si-drparrow:after {
  content: "\e901";
  font-family: "AMS" !important;
  position: absolute;
  font-size: 12px;
  left: -35px;
  font-weight: normal;
  transform: rotate(-90deg);
}
.si-leftPanel .si-menu .si-menu-title .si-image {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 10px;
  top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.si-leftPanel .si-menu .si-menu-title .si-image.si-black {
  display: none;
}
.si-leftPanel .si-menu .si-menu-title .si-image img {
  width: 23px;
  height: 23px;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.si-leftPanel .si-menu .si-menu-title.si-Training:after {
  content: "";
  background-image: url("../images/S&C-Training.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 19px;
  height: 19px;
  position: absolute;
  left: -26px;
  display: none;
}
.si-leftPanel .si-menu .si-menu-title.si-Athletes:after {
  font-family: "AMS" !important;
  position: absolute;
  font-size: 18px;
  color: #ffffff;
  left: -26px;
  display: none;
}
.si-leftPanel .si-menu .si-submenu {
  overflow: hidden;
  padding: 10px 0px 0px 56px;
  display: none;
}
@media screen and (max-width: 1024px) {
  .si-leftPanel .si-menu .si-submenu {
    padding: 12px 0px 0px 17px;
  }
}
@media screen and (max-width: 993px) {
  .si-leftPanel .si-menu .si-submenu {
    padding: 0px 0px 10px 10px;
  }
  .si-leftPanel .si-menu .si-submenu ul {
    visibility: hidden;
    opacity: 0;
  }
}
.si-leftPanel .si-menu .si-submenu li {
  color: #b4b4b4;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  text-transform: capitalize;
  padding: 5px 0;
}
@media screen and (max-width: 1024px) {
  .si-leftPanel .si-menu .si-submenu li {
    font-size: 12px;
  }
}
@media screen and (max-width: 993px) {
  .si-leftPanel .si-menu .si-submenu li {
    font-size: 16px;
    height: 50px;
    line-height: 38px;
  }
  .si-leftPanel .si-menu .si-submenu li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    width: 299px;
  }
}
.si-leftPanel .si-menu .si-submenu li.active {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.si-leftPanel ::-webkit-scrollbar {
  width: 8px;
  z-index: 999;
}
.si-leftPanel ::-webkit-scrollbar-track {
  z-index: 999;
}
.si-leftPanel ::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.si-leftPanel ::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 36, 36, 0.2);
  z-index: 999;
}

@media screen and (max-width: 992px) {
  .si-profileInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    box-shadow: none;
    width: 199px;
  }
  .si-profileInfo .si-otherDetails {
    display: none;
  }
  .si-profileInfo .si-logout {
    position: absolute;
    right: -287px;
    left: initial;
    top: -46px;
  }
  .si-profileInfo .si-logout:after {
    color: #ffffff;
    font-size: 23px;
    left: -36px;
    top: 12px;
  }
  .si-profileInfo .si-logout button {
    display: none;
  }
  .si-leftPanel .si-menu .si-menu-title .si-image {
    display: none;
  }
  .si-leftPanel .si-menu .si-menu-title .si-image.si-black {
    display: none !important;
  }
}
@media screen and (max-width: 360px) {
  .si-mobilemenu.activeIn .si-leftPanel {
    width: 320px;
    top: 59px;
  }
}
@media screen and (max-width: 360px) {
  .si-profileInfo .si-logout:after {
    color: #ffffff;
    font-size: 23px;
    left: -82px;
    top: 12px;
  }
}
.nutrition-main-content {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  max-height: calc(100vh - 150px);
  padding: 15px;
  margin: -15px;
  overflow-y: scroll;
  padding-top: 5px;
  margin-top: 0px;
}
.nutrition-main-content .nutrition-card-wrp {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .nutrition-main-content {
    height: calc(100dvh - 150px);
  }
}
@media screen and (max-width: 992px) {
  .nutrition-main-content {
    max-height: calc(100dvh - 170px);
    padding-top: 0;
  }
}
.nutrition-main-content::-webkit-scrollbar {
  width: 2px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .nutrition-main-content::-webkit-scrollbar {
    width: 0px;
  }
}
.nutrition-main-content::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.nutrition-main-content .card {
  width: 24.3%;
  border-radius: 5px;
  background: #fff;
  padding: 8px 13px 15px 13px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media screen and (max-width: 1365px) {
  .nutrition-main-content .card {
    width: 24.2%;
  }
}
@media screen and (max-width: 1199px) {
  .nutrition-main-content .card {
    width: 24%;
    max-height: 145px;
  }
}
@media screen and (max-width: 992px) {
  .nutrition-main-content .card {
    width: 32.3%;
    max-height: 145px;
  }
}
@media screen and (max-width: 768px) {
  .nutrition-main-content .card {
    width: 100%;
  }
}
.nutrition-main-content .card-header {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.nutrition-main-content .card-header--img {
  margin-right: 8px;
  width: 51px;
}
@media screen and (max-width: 992px) {
  .nutrition-main-content .card-header--img {
    width: 33px;
  }
}
.nutrition-main-content .card-header--img img {
  width: 100%;
}
.nutrition-main-content .card-header--heading {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .nutrition-main-content .card-header--heading {
    font-size: 14px;
  }
}
.nutrition-main-content .card-body {
  margin-bottom: 10px;
}
.nutrition-main-content .card-body--content {
  font-size: 10px;
  font-weight: 400;
  color: #505050;
}
.nutrition-main-content .card-footer .si-viewBtn {
  border: 1px solid #f1f1f1;
  height: 30px;
}
.nutrition-main-content .card-footer .si-viewBtn:focus, .nutrition-main-content .card-footer .si-viewBtn:active, .nutrition-main-content .card-footer .si-viewBtn:focus-within {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.nutrition-main-content .card-footer .si-viewBtn:hover {
  border: 1px solid #282828;
}
@media screen and (max-width: 992px) {
  .nutrition-main-content .card-footer .si-viewBtn {
    font-size: 12px;
  }
  .nutrition-main-content .card-footer .si-viewBtn .si-txt {
    display: flex;
  }
}

.nutrition-subheader {
  padding: 15px 15px 0 15px;
}
.nutrition-subheader--title {
  font-size: 16px;
  font-weight: 600;
}

.nutrition-log {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  height: calc(100vh - 145px);
  padding-bottom: 10px;
}
.nutrition-log .si-label {
  cursor: default;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .nutrition-log {
    height: calc(100dvh - 145px);
  }
}
@media screen and (max-width: 992px) {
  .nutrition-log {
    height: calc(100dvh - 195px);
  }
}
.nutrition-log--header {
  background-color: #e7e0ec;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 15px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nutrition-log--header .log-header--title {
  margin-right: 20px;
}
@media screen and (max-width: 992px) {
  .nutrition-log--header .log-header--title {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
  }
}
.nutrition-log--header .log-header--title .additional-text {
  color: #6e6e6e;
  font-size: 12px;
  font-weight: 400;
}
.nutrition-log--header .title-icon-wrp {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.nutrition-log--header .icon-edit {
  cursor: pointer;
  color: #282828;
  font-size: 18px;
}
.nutrition-log--header .icon-edit:hover {
  color: #454343;
}
.nutrition-log .nutrition-log-content-wrp {
  height: calc(100% - 110px);
  padding: 15px;
  padding-bottom: 18px;
}
@media screen and (max-width: 992px) {
  .nutrition-log .nutrition-log-content-wrp {
    height: calc(100% - 125px);
    padding: 15px 10px;
  }
}
.nutrition-log .nutrition-log-content-wrp .nutrition-log-content {
  height: 95%;
}
.nutrition-log .nutrition-log-content-wrp .nutrition-log-content .si-label {
  font-size: 12px !important;
}
.nutrition-log .nutrition-log-content-wrp .nutrition-log-content textarea {
  height: 100% !important;
  width: 100%;
  padding: 8px 10px;
  background-color: #ffffff;
  border-radius: 5px;
  resize: none;
  border: 1px solid #eaeaea;
  font-size: 12px;
  font-weight: 400;
  font-family: "poppins";
  color: #282828;
}
.nutrition-log .nutrition-log-content-wrp .nutrition-log-content textarea:focus {
  border: 1px solid #282828;
  box-shadow: 0px 0px 2px 1px rgba(131, 173, 255, 0.5);
}
.nutrition-log .nutrition-log-content-wrp .nutrition-log-content textarea:hover {
  border: 1px solid #282828;
}
.nutrition-log .nutrition-log-content-wrp .nutrition-log-content textarea::placeholder {
  font-size: 16px;
  opacity: 1;
  color: #c8c8c8;
}
.nutrition-log .nutrition-log-content-wrp .view-mode textarea {
  border: none;
  padding: 10px;
  cursor: default;
}
.nutrition-log .nutrition-log-content-wrp .view-mode textarea:focus, .nutrition-log .nutrition-log-content-wrp .view-mode textarea:hover {
  border: none;
  box-shadow: unset;
}
.nutrition-log .nutrition-log--subheader {
  padding: 8px 20px 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .nutrition-log .nutrition-log--subheader {
    padding: 8px 10px 0 10px;
  }
}
.nutrition-log .nutrition-log--subheader .si-label {
  font-size: 12px !important;
  font-weight: 500;
  font-family: "poppins";
  margin-bottom: 0;
  margin-top: 2px;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .nutrition-log .nutrition-log--subheader .si-label {
    font-size: 12px !important;
  }
}
.nutrition-log .date-form-control {
  position: relative;
  width: 118px;
}
.nutrition-log .react-datepicker__view-calendar-icon::before {
  left: 12px;
}
.nutrition-log .react-datepicker__view-calendar-icon input {
  color: #6e6e6e !important;
  webkit-text-fill-color: #6e6e6e !important;
  opacity: 1;
}
.nutrition-log .react-datepicker__view-calendar-icon input:focus {
  border-color: #282828;
}
.nutrition-log .react-datepicker__view-calendar-icon input:disabled {
  color: #6e6e6e !important;
  webkit-text-fill-color: #6e6e6e !important;
  border: none !important;
  background: none !important;
  opacity: 1;
  cursor: default;
}
.nutrition-log .react-datepicker__view-calendar-icon::before {
  left: 12px;
  color: #6e6e6e !important;
  webkit-text-fill-color: #6e6e6e !important;
}

.nutrition-footer {
  display: flex;
  justify-content: end;
  margin-top: 15px;
}

.edit-mode-active textarea::placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.edit-mode-active .view-mode {
  display: none;
}

.view-mode-active textarea {
  padding: 10px 15px;
  color: #6e6e6e !important;
  webkit-text-fill-color: #6e6e6e !important;
  opacity: 1;
}
.view-mode-active .edit-mode {
  display: none;
}

.Recommended-wrp {
  text-align: end;
}
.Recommended-wrp .icon-label-wrp {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .Recommended-wrp .icon-label-wrp {
    margin-bottom: 3px;
  }
}
.Recommended-wrp .si-label {
  font-size: 12px !important;
  font-weight: 500;
  font-family: "poppins";
  margin-bottom: 0;
  margin-top: 2px;
  white-space: nowrap;
}
.Recommended-wrp .icon-doctor-bag {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(#05befc, #00b8fc, #009ae3, #0070c1);
  font-size: 20px;
  margin-right: 10px;
}
.Recommended-wrp .doctor-name {
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  margin-left: 35px;
  display: inline-block;
  margin-top: 10px;
}
.Recommended-wrp .doctor-name-view {
  color: #6e6e6e !important;
}

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

.view-date {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  margin-top: 10px;
}
.view-date .date {
  font-size: 12px;
  color: #6e6e6e;
  font-weight: 400;
}

.individual-nutrition-plan {
  height: calc(100vh - 185px) !important;
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .individual-nutrition-plan {
    height: calc(100dvh - 185px) !important;
  }
}
@media screen and (max-width: 992px) {
  .individual-nutrition-plan {
    height: calc(100dvh - 235px) !important;
  }
}
.individual-nutrition-plan .nutrition-log-content-wrp .nutrition-log-content {
  height: 95% !important;
}
@media screen and (max-width: 992px) {
  .individual-nutrition-plan .nutrition-log-content-wrp .nutrition-log-content {
    height: 95% !important;
  }
}

.note-listing-section .si-subHeader {
  margin-bottom: 15px;
}

.nutrition-log .error-active {
  position: relative;
}
.nutrition-log .error-active textarea {
  border: 1px solid #e10000 !important;
}
.nutrition-log .error-active::after {
  content: "Recommendation is required";
  position: absolute;
  font-size: 10px;
  color: #e10000;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  bottom: -15px;
}

.internal-note-section + .main-content .MuiBox-root {
  height: calc(100dvh - 200px);
}
@media screen and (max-width: 992px) {
  .internal-note-section + .main-content .MuiBox-root {
    height: calc(100dvh - 300px);
  }
}

.information-main {
  display: flex;
  gap: 20px;
  padding-bottom: 15px;
  height: calc(100dvh - 115px);
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .information-main {
    height: calc(100dvh - 115px);
  }
}
@media screen and (max-width: 992px) {
  .information-main {
    height: calc(100dvh - 174px);
  }
}
@media screen and (max-width: 992px) {
  .information-main {
    flex-direction: column;
    margin: 6px -15px;
    background: white;
  }
  .information-main .details-active + .atheletes-details-content {
    height: calc(100dvh - 300px);
    overflow: scroll;
  }
}
.information-main .injury-athelet-profile {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
}
.information-main .injury-athelet-profile .injury-athelet-profile-img {
  height: 35px;
  width: 35px;
  background-color: #eaeaea;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.information-main .injury-athelet-profile .injury-athelet-profile-img img {
  width: 18px;
}
.information-main .injury-athelet-profile-name {
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  text-transform: capitalize;
}
.information-main .si-subheader {
  font-weight: 700;
  font-size: 14px;
  color: #282828;
  background: #e7e0ec;
  border-radius: 5px;
  padding: 7px 15px;
  position: sticky;
  z-index: 1;
  top: 0;
}
.information-main .si-subheader .icon-chev-right {
  display: none;
}
@media screen and (max-width: 992px) {
  .information-main .si-subheader {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .information-main .si-subheader .si-subheader__text {
    color: #6e6e6e;
  }
  .information-main .si-subheader span {
    display: inline-block;
  }
  .information-main .si-subheader .icon-chev-right {
    display: block;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
  }
}
.information-main__left {
  width: 38%;
  position: relative;
  background: #ffffff;
  box-shadow: 10px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .information-main__left {
    width: unset;
    box-shadow: unset;
  }
}
.information-main__left .atheletes-details {
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  flex-direction: column;
}
.information-main__left .Anthropometric-Information .si-subheader {
  background: #f1f1f1;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding: 8px 10px 7px 10px;
  margin-left: 15px;
  margin-right: 15px;
  align-items: baseline;
  color: #6e6e6e;
  text-transform: capitalize;
}
.information-main__left .Anthropometric-Information .si-subheader .icon-edit {
  color: #6e6e6e;
  cursor: pointer;
}
.information-main__left .Anthropometric-Information__content {
  padding: 13px 15px 20px 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .information-main__left .Anthropometric-Information__content {
    padding-bottom: 0;
  }
}
.information-main__left .Anthropometric-Information__content .content-row {
  margin-bottom: 8px;
  line-height: 18px;
}
.information-main__left .Anthropometric-Information__content .content-row .si-title {
  font-size: 12px;
  font-weight: 500px;
  color: #282828;
  text-transform: capitalize;
  line-height: unset;
  margin-right: 3px;
}
@media screen and (max-width: 992px) {
  .information-main__left .Anthropometric-Information__content .content-row .si-title {
    font-size: 14px;
  }
}
.information-main__left .Anthropometric-Information__content .content-row .text {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
}
@media screen and (max-width: 992px) {
  .information-main__left .Anthropometric-Information__content .content-row .text {
    font-size: 14px;
  }
}
.information-main__right {
  width: 62%;
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 992px) {
  .information-main__right {
    width: unset;
  }
}
.information-main__right .table-body__wrapper {
  padding: 15px;
}
.information-main__right .table-body__wrapper thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.information-main__right .table-body__wrapper .report-table-header {
  background-color: #f1f1f1;
  font-size: 12px;
  font-weight: 600;
  color: #282828;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .information-main__right .table-body__wrapper .report-table-header {
    font-size: 14px;
  }
}
.information-main__right .table-body__wrapper .report-table-header th {
  padding: 8px 10px 7px 10px;
  text-align: center;
  padding-left: 15px;
}
.information-main__right .table-body__wrapper .report-table-header th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: start;
  padding-left: 10px;
}
.information-main__right .table-body__wrapper .report-table-header th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  padding-right: 0;
}
.information-main__right .table-body__wrapper .report-table-body {
  font-size: 12px;
  font-weight: 400;
  color: #282828;
  max-height: calc(100vh - 215px);
  overflow-y: scroll;
  display: block;
  /* Handle */
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .information-main__right .table-body__wrapper .report-table-body {
    height: calc(100dvh - 215px);
  }
}
@media screen and (max-width: 768px) {
  .information-main__right .table-body__wrapper .report-table-body {
    max-height: calc(100dvh - 345px);
    font-size: 14px;
  }
}
.information-main__right .table-body__wrapper .report-table-body::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .information-main__right .table-body__wrapper .report-table-body::-webkit-scrollbar {
    width: 1px;
  }
}
.information-main__right .table-body__wrapper .report-table-body::-webkit-scrollbar-track {
  z-index: 999;
}
.information-main__right .table-body__wrapper .report-table-body::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.information-main__right .table-body__wrapper .report-table-body tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.information-main__right .table-body__wrapper .report-table-body td {
  padding: 10px;
  text-align: center;
  padding-left: 15px;
  font-weight: 500;
}
.information-main__right .table-body__wrapper .report-table-body td:last-child {
  text-align: center;
  padding-right: 0;
}
.information-main__right .table-body__wrapper .report-table-body td:first-child {
  text-align: start;
  padding-left: 10px;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .information-main__right .table-body__wrapper .report-table-body .si-viewBtn {
    border: none;
  }
}
@media screen and (max-width: 992px) {
  .information-main__right .table-body__wrapper .report-table-body .si-viewBtn::before {
    color: #000;
  }
}

@media screen and (max-width: 992px) {
  .atheletes-details-content {
    height: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 992px) {
  .report-details-content {
    height: 0;
    overflow: hidden;
  }
}

.details-active .si-subheader__text,
.report-active .si-subheader__text {
  color: #323232 !important;
}
.details-active .icon-chev-right,
.report-active .icon-chev-right {
  transform: rotate(90deg) !important;
  transition: transform 0.3s ease-in-out;
}

.details-active + .Anthropometric-Information-content {
  /* Handle */
}
@media screen and (max-width: 768px) {
  .details-active + .Anthropometric-Information-content {
    height: calc(100vh - 225px);
    overflow: scroll;
  }
}
.details-active + .Anthropometric-Information-content::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .details-active + .Anthropometric-Information-content::-webkit-scrollbar {
    width: 0px;
  }
}
.details-active + .Anthropometric-Information-content::-webkit-scrollbar-track {
  z-index: 999;
}
.details-active + .Anthropometric-Information-content::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}

.report-active + .report-details-content {
  height: unset !important;
}
@media screen and (max-width: 992px) {
  .report-active + .report-details-content .reportlog-content {
    height: calc(100vh - 343px);
    overflow: scroll;
  }
}

.groupNutrition-plan-main {
  height: calc(100vh - 115px);
  overflow-y: scroll;
  padding-left: 15px;
  margin-left: -15px;
  padding-right: 15px;
  margin-right: -15px;
  /* Handle */
  /* Handle on hover */
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .groupNutrition-plan-main {
    height: calc(100dvh - 115px);
  }
}
@media screen and (max-width: 992px) {
  .groupNutrition-plan-main {
    height: calc(100dvh - 170px);
  }
}
.groupNutrition-plan-main::-webkit-scrollbar {
  width: 3px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .groupNutrition-plan-main::-webkit-scrollbar {
    width: 0px;
  }
}
.groupNutrition-plan-main::-webkit-scrollbar-track {
  z-index: 999;
}
.groupNutrition-plan-main::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.groupNutrition-plan-main::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 36, 36, 0.2);
  z-index: 999;
}
.groupNutrition-plan-main .groupNutrition-plan-wrp {
  margin-bottom: 15px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
.groupNutrition-plan-main .groupNutrition-heading-wrp {
  display: flex;
  margin-bottom: 10px;
}
.groupNutrition-plan-main .groupNutrition-heading-wrp .groupNutrition-heading--text {
  font-size: 16px;
  font-weight: 600;
  color: #282828;
}
.groupNutrition-plan-main .groupNutrition-heading-wrp .group-num {
  font-size: 16px;
  font-weight: 600;
  color: #969696;
}
.groupNutrition-plan-main .groupNutrition-content {
  border-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
.groupNutrition-plan-main .groupNutrition-content .icon-calender:before {
  color: #6e6e6e;
}
.groupNutrition-plan-main .groupNutrition-content--title {
  font-size: 14px;
  font-weight: 700;
  color: #323232;
  background: #e7e0ec;
  border-radius: 5px;
  padding: 8px 15px 7px 15px;
}
.groupNutrition-plan-main .groupNutrition-content--title .additional-text {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
  margin-left: 5px;
}
.groupNutrition-plan-main .groupNutrition-innercontent {
  padding: 10px 15px 15px 15px;
}
.groupNutrition-plan-main .groupNutrition-innercontent .si-label {
  font-size: 12px !important;
}
@media screen and (max-width: 992px) {
  .groupNutrition-plan-main .groupNutrition-innercontent .si-label {
    font-size: 12px !important;
  }
}
.groupNutrition-plan-main .groupNutrition-innercontent .date-name-wrp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.groupNutrition-plan-main .groupNutrition-innercontent .date-name-wrp .writer-name {
  font-size: 12px;
  font-weight: 500;
  color: #6e6e6e;
}
.groupNutrition-plan-main .groupNutrition-innercontent .groupNutrition-textarea {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
  padding: 10px;
}
.groupNutrition-plan-main .date-form-control {
  position: relative;
  width: 130px;
}
.groupNutrition-plan-main .nodata-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.groupNutrition-plan-main .nodata-active .nodata-text {
  font-size: 14px;
  font-weight: 400;
  color: #282828;
}

.internal-note-section {
  margin-top: -5px;
}
.internal-note-section .add-new-report, .internal-note-section .add-files, .internal-note-section .si-add-btn {
  text-transform: uppercase;
}
.internal-note-section .add-note--title {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .internal-note-section .add-note--title {
    flex-direction: column;
    align-items: start;
  }
}
.internal-note-section .add-note--title .title-text {
  font-size: 16px;
  font-weight: 600;
  color: #282828;
  margin-right: 5px;
}
.internal-note-section .add-note--title .title-note {
  font-size: 12px;
  font-weight: 400;
  color: #969696;
}

.add-note-section .new-note {
  height: calc(100vh - 250px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .add-note-section .new-note {
    padding-right: 15px;
  }
}
.add-note-section .new-note .add-new-report, .add-note-section .new-note .add-files, .add-note-section .new-note .si-add-btn {
  font-size: 14px;
  max-width: 204px;
}
@media screen and (max-width: 992px) {
  .add-note-section .new-note .add-new-report, .add-note-section .new-note .add-files, .add-note-section .new-note .si-add-btn {
    display: flex;
  }
}
.add-note-section .new-note .icon-add {
  font-size: 16px;
}

.internal-note-section .note-heading {
  background-color: #e7e0ec;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.internal-note-section .note-heading .note-heading--text {
  margin-right: 15px;
  text-transform: capitalize;
}
.internal-note-section .note-heading .icon-edit {
  cursor: pointer;
  color: #6e6e6e;
  font-size: 15px;
}
.internal-note-section .note-heading .icon-edit:hover {
  color: #454343;
}
.internal-note-section .note-subheading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.internal-note-section .note-subheading .date-form-control {
  position: relative;
}
.internal-note-section textarea {
  height: 130px !important;
}
.internal-note-section textarea[readonly] {
  border: none;
  background: none;
}
.internal-note-section .view-notes {
  font-size: 12px;
  font-weight: 400;
  color: #6e6e6e;
  max-height: 220px;
  overflow-y: scroll;
  padding: 0 15px;
  /* Track */
  /* Handle */
}
.internal-note-section .view-notes::-webkit-scrollbar {
  width: 2px;
  z-index: 999;
}
@media screen and (max-width: 992px) {
  .internal-note-section .view-notes::-webkit-scrollbar {
    width: 0px;
  }
}
.internal-note-section .view-notes::-webkit-scrollbar-track {
  z-index: 999;
}
.internal-note-section .view-notes::-webkit-scrollbar-thumb {
  background: rgba(36, 36, 36, 0.2);
  border-radius: 10px;
  z-index: 999;
}
.internal-note-section .edit-mode-active .icon-edit,
.internal-note-section .edit-mode-active .view-notes,
.internal-note-section .edit-mode-active .writer-name {
  display: none;
}
.internal-note-section .view-mode-active textarea {
  display: none;
}
.internal-note-section .view-mode-active .icon-edit,
.internal-note-section .view-mode-active .view-notes,
.internal-note-section .view-mode-active .writer-name {
  display: block;
}

.nutrition-footer {
  right: 15px;
  bottom: 15px;
}
@media screen and (max-width: 992px) {
  .nutrition-footer {
    position: unset;
  }
}

@media screen and (max-width: 992px) {
  .btn-with-table {
    width: 100% !important;
    padding: 0 15px !important;
  }
  .btn-with-table .add-new-report, .btn-with-table .add-files, .btn-with-table .si-add-btn {
    display: flex !important;
    max-width: unset !important;
  }
  .btn-with-table .add-new-report .icon-add:before, .btn-with-table .add-files .icon-add:before, .btn-with-table .si-add-btn .icon-add:before {
    font-size: 13px !important;
    margin-bottom: 1px;
  }
  .btn-without-table .add-new-report, .btn-without-table .add-files, .btn-without-table .si-add-btn {
    display: none !important;
  }
}
.homepage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #ffffff;
  height: 98%;
}
@media screen and (max-width: 992px) {
  .homepage {
    height: 100%;
  }
}
.homepage .homepage-content {
  width: 70%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .homepage .homepage-content {
    width: 100%;
  }
}
.homepage .homepage-content .title {
  color: #326EBE;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .homepage .homepage-content .title {
    font-size: 18px;
  }
}
.homepage .homepage-content .para {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .homepage .homepage-content .para {
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .homepage .homepage-content .img-wrp {
    width: 100%;
  }
  .homepage .homepage-content .img-wrp img {
    width: 100%;
  }
}

@font-face {
  font-family: "AMS";
  src: url("../fonts/AMS.eot?qhqhm2");
  src: url("../fonts/AMS.eot?qhqhm2#iefix") format("embedded-opentype"), url("../fonts/AMS.ttf?qhqhm2") format("truetype"), url("../fonts/AMS.woff?qhqhm2") format("woff"), url("../fonts/AMS.svg?qhqhm2#AMS") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "AMS" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-academic-player:before {
  content: "\e966";
  color: #e10000;
}

.icon-doctor-bag:before {
  content: "\e964";
}

.icon-download:before {
  content: "\e954";
}

.icon-progress:before {
  content: "\e962";
  color: #fff;
}

.icon-send:before {
  content: "\e956";
}

.icon-msg-send:before {
  content: "\e960";
}

.icon-12:before {
  content: "\e961";
  font-size: 20px;
}

.icon-11:before {
  content: "\e963";
  font-size: 18px;
}

.icon-10:before {
  content: "\e965";
  font-size: 19px;
}

.icon-8:before {
  content: "\e95f";
}

.icon-delete-2:before {
  content: "\e95e";
}

.icon-9:before {
  content: "\e958";
}

.icon-6:before {
  content: "\e959";
}

.icon-5:before {
  content: "\e95a";
}

.icon-1:before {
  content: "\e95b";
}

.icon-2:before {
  content: "\e95c";
}

.icon-7:before {
  content: "\e95d";
}

.icon-4:before {
  content: "\e90e";
}

.icon-updated-plus-icon:before {
  content: "\e957";
  color: #ff5046;
}

.icon-upload:before {
  content: "\e955";
}

.icon-test:before {
  content: "\e953";
  color: #e10000;
}

.icon-logout:before {
  content: "\e928";
}

.icon-treck1:before {
  content: "\e925";
}

.icon-ok:before {
  content: "\e926";
}

.icon-Difficult1:before {
  content: "\e927";
}

.icon-smile-1:before {
  content: "\e924";
}

.icon-notes2:before {
  content: "\e922";
}

.icon-eye:before {
  content: "\e921";
}

.icon-Eye-Close:before {
  content: "\e920";
  color: #c8c8c8;
}

.icon-Username:before {
  content: "\e91e";
}

.icon-Password:before {
  content: "\e91f";
}

.icon-calender:before {
  content: "\e91c";
  color: #282828;
}

.icon-treck:before {
  content: "\e91d";
}

.icon-notes1:before {
  content: "\e918";
}

.icon-Okay:before {
  content: "\e919";
}

.icon-smile:before {
  content: "\e91a";
}

.icon-Difficult:before {
  content: "\e91b";
}

.icon-view:before {
  content: "\e917";
  color: #787878;
}

.icon-check:before {
  content: "\e916";
}

.icon-tags:before {
  content: "\e915";
}

.icon-search:before {
  content: "\e90b";
}

.icon-carret:before {
  content: "\e900";
}

.icon-chev-down:before {
  content: "\e901";
}

.icon-chev-up:before {
  content: "\e902";
}

.icon-chev-left:before {
  content: "\e903";
}

.icon-chev-right:before {
  content: "\e904";
}

.icon-info:before {
  content: "\e905";
}

.icon-close:before {
  content: "\e906";
}

.icon-bell:before {
  content: "\e907";
}

.icon-options:before {
  content: "\e908";
}

.icon-arrow-left:before {
  content: "\e909";
}

.icon-arrow-right:before {
  content: "\e90a";
}

.icon-training:before {
  content: "\e90c";
}

.icon-user:before {
  content: "\e90d";
  font-weight: bold;
}

.icon-add:before {
  content: "\e957";
  font-size: 12px !important;
}

.icon-page:before {
  content: "\e90f";
}

.icon-notes:before {
  content: "\e910";
}

.icon-delete:before {
  content: "\e911";
}

.icon-edit:before {
  content: "\e912";
}

.icon-media .path1:before {
  content: "\e913";
  color: rgb(255, 255, 255);
}

.icon-media .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 0, 0);
}

.icon-cloud-upload:before {
  content: "\e956";
  color: #0075e1;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height: 100dvh !important;
}

body {
  font-family: "Poppins", sans-serif;
  background-color: #f9f9f9;
}
body.si-ar {
  direction: rtl;
}

.si-main {
  color: #000000;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-user-select: none;
  -webkit-user-select: none;
  /* Firefox */
}
.si-main__container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.si-main__containerFluid {
  width: 100%;
}
.si-main ul,
.si-main ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.si-main em {
  font-style: normal;
  line-height: 1;
}
.si-main a {
  text-decoration: none;
}
.si-main input:focus,
.si-main textarea:focus {
  caret-color: black;
}
.si-main input:focus ::-webkit-input-placeholder,
.si-main textarea:focus ::-webkit-input-placeholder {
  color: transparent;
  outline: none;
  box-shadow: none;
}
.si-main input:focus :-moz-placeholder,
.si-main textarea:focus :-moz-placeholder {
  color: transparent;
  outline: none;
  box-shadow: none;
}
.si-main input:focus ::-moz-placeholder,
.si-main textarea:focus ::-moz-placeholder {
  color: transparent;
  outline: none;
  box-shadow: none;
}
.si-main input:focus :-ms-input-placeholder,
.si-main textarea:focus :-ms-input-placeholder {
  color: transparent;
  outline: none;
  box-shadow: none;
}
.si-main input ::-webkit-input-placeholder,
.si-main textarea ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  outline: none;
  box-shadow: none;
}
.si-main input :-moz-placeholder,
.si-main textarea :-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  outline: none;
  box-shadow: none;
}
.si-main input ::-moz-placeholder,
.si-main textarea ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  outline: none;
  box-shadow: none;
}
.si-main input :-ms-input-placeholder,
.si-main textarea :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  outline: none;
  box-shadow: none;
}
.si-main input::-webkit-outer-spin-button,
.si-main input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.si-main input[type=number] {
  -moz-appearance: textfield;
}
.si-main :focus {
  outline: none;
}
.si-main *,
.si-main *:before,
.si-main *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

.si-page-bg {
  position: relative;
  width: 100%;
}
.si-page-bg::before {
  content: " ";
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  will-change: transform;
  z-index: -1;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.si-page-bg.si-interfaceBg::before {
  background-image: url(../images/interface-bg.jpg);
}

.bodyNoScroll {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bodyNoScroll {
    position: fixed;
  }
}

.si-frm-errMsg {
  color: #ff0000;
  font-size: 12px;
}

.si-flexBox-reverse {
  flex-direction: row-reverse;
}

.si-fBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.si-fBox__fItem {
  padding: 0 10px;
}
.si-fBox__fItem--1by3 {
  flex-basis: 33.33%;
  width: 33.33%;
}
.si-fBox__fItem--10 {
  flex-basis: 10%;
  width: 10%;
}
.si-fBox__fItem--20 {
  flex-basis: 20%;
  width: 20%;
}
.si-fBox__fItem--30 {
  flex-basis: 30%;
  width: 30%;
}
.si-fBox__fItem--40 {
  flex-basis: 40%;
  width: 40%;
}
.si-fBox__fItem--50 {
  flex-basis: 50%;
  width: 50%;
}
.si-fBox__fItem--60 {
  flex-basis: 60%;
  width: 60%;
}
.si-fBox__fItem--70 {
  flex-basis: 70%;
  width: 70%;
}
.si-fBox__fItem--80 {
  flex-basis: 80%;
  width: 80%;
}
.si-fBox__fItem--90 {
  flex-basis: 90%;
  width: 90%;
}
.si-fBox__fItem--100 {
  flex-basis: 100%;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .si-fBox__fItem--1by3, .si-fBox__fItem--10, .si-fBox__fItem--20, .si-fBox__fItem--30, .si-fBox__fItem--40, .si-fBox__fItem--50, .si-fBox__fItem--60, .si-fBox__fItem--70, .si-fBox__fItem--80, .si-fBox__fItem--90, .si-fBox__fItem--100 {
    flex-basis: 100%;
    width: 100%;
  }
}

.si-tbl {
  display: table;
  width: 100%;
}
.si-tbl__head, .si-tbl__body, .si-tbl__foot {
  display: table-header-group;
}
.si-tbl__row {
  display: table-row;
}
.si-tbl__cell {
  display: table-cell;
  vertical-align: middle;
}

.si-name__short {
  display: none;
}
@media screen and (max-width: 767px) {
  .si-name__short {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .si-name__full {
    display: none;
  }
}

.si-noDataFound {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  padding: 50px 5px;
  background: #f6f3f3;
}
@media screen and (max-width: 767px) {
  .si-noDataFound {
    font-size: 12px;
  }
}

.si-btn {
  cursor: pointer;
  font-size: 18px;
  height: 50px;
  min-width: 200px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease-in-out;
  text-transform: capitalize;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.si-btn span {
  position: relative;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background: transparent;
}
.si-btn.active {
  background-color: #ffffff;
  color: #f95058;
  border: 1px solid #F9AD4A;
}
.si-btn.active span {
  color: #f95058;
}
.si-btn__primary {
  background-color: #F9AD4A;
  height: 30px;
  color: #ffffff;
}
.si-btn__primary span {
  font-size: 14px;
  line-height: 1;
}
.si-btn__primary--outline {
  height: 30px;
  background-color: transparent;
  border: 1px solid #f95058;
}
.si-btn__primary--outline span {
  font-size: 14px;
  line-height: 1;
}
.si-lbl {
  margin-bottom: 5px;
  font-size: 14px;
  color: #000000;
}

.si-drpDwn {
  position: relative;
  display: inline-block;
  width: 100%;
}
.si-drpDwn.active .si-drpDwn__value {
  z-index: 1111;
}
.si-drpDwn.active .si-drpDwn__value:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.si-drpDwn.active .si-drpDwn__list {
  display: block;
}
@media screen and (max-width: 767px) {
  .si-drpDwn.active .si-drpDwn__list {
    display: none;
  }
}
.si-drpDwn__value {
  cursor: pointer;
  position: relative;
  padding: 10px;
  padding-right: 40px;
  border: 1px solid #F9AD4A;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  border: 0;
}
.si-drpDwn__value:after {
  content: "\e905";
  font-family: "AMS" !important;
  color: #fff;
  position: absolute;
  left: auto;
  right: 10px;
  top: 23%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: none;
}
.si-drpDwn__list {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  z-index: 111;
  left: 0;
  top: 0px;
  padding-top: 30px;
  padding-bottom: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}
.si-drpDwn__listUp {
  bottom: 40px;
  top: auto;
}
.si-drpDwn__list .swiper-container {
  height: 100%;
}
.si-drpDwn__list ul {
  height: 200px;
  overflow: auto;
}
.si-drpDwn__list ul li {
  font-size: 14px;
  padding: 10px 25px;
  cursor: pointer;
  color: #F9AD4A;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.si-drpDwn__list ul li:last-child {
  border-bottom: none;
}
.si-drpDwn__list ul li:hover {
  background: rgba(0, 0, 0, 0.1);
}

.si-input input {
  box-shadow: none;
  outline: none;
  background: transparent;
  border: 1px solid #000000;
  font-size: 14px;
  color: #f95058;
  padding: 10px;
  padding-right: 35px;
  height: 40px;
  width: 100%;
  display: block;
}
.si-input--success input {
  border-color: green;
}
.si-input--danger input {
  border-color: red;
}

.si-radioBox [type=radio]:checked, .si-radioBox [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.si-radioBox [type=radio]:checked + label, .si-radioBox [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #f95058;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.si-radioBox [type=radio]:checked + label:before, .si-radioBox [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #ffffff;
}
.si-radioBox [type=radio]:checked + label::after, .si-radioBox [type=radio]:not(:checked) + label::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #F9AD4A;
  position: absolute;
  top: 3px;
  left: 3px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.si-radioBox [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.si-radioBox [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.si-form {
  margin-bottom: 20px;
}
.si-form:last-of-type {
  margin-bottom: 0;
}
.si-form__control {
  margin-bottom: 10px;
}
.si-form__control:last-of-type {
  margin-bottom: 0;
}

.si-box1 {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
}
.si-box1 img {
  display: block;
  width: 100%;
}

.si-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.si-icon::after {
  content: "";
  font-family: "mss";
  position: absolute;
  top: 50%;
  font-size: 18px;
  color: #000000;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.si-icon.si-arrowDown::after {
  color: #F9AD4A;
}

.si-closeBtn {
  width: 20px;
  height: 20px;
}
.si-closeBtn::after {
  content: "\e902";
  font-family: "mss" !important;
  color: #000000;
  font-style: initial;
  border: 2px solid #000000;
  border-radius: 50%;
  font-size: 15px;
  width: 23px;
  height: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.si-commonselectbox {
  min-width: 150px;
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.si-commonselectbox.active i {
  transform: rotate(180deg);
  transform-origin: 45% 45%;
}
.si-commonselectbox .si-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative;
  text-transform: capitalize;
  cursor: pointer;
  height: 30px;
  align-items: center;
  color: #ffffff;
  padding: 0px 10px;
}
.si-commonselectbox .si-selected span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}
.si-commonselectbox .si-selected i {
  position: absolute;
  right: 5px;
  width: 15px;
  height: 15px;
  font-size: 15px;
  margin: auto;
  top: 0;
  bottom: 0;
  color: #ffffff;
}
.si-commonselectbox .si-selected i::after {
  content: "\e905";
  font-family: "mss" !important;
  font-style: initial;
  font-size: 13px;
  right: 0px;
}
@media screen and (max-width: 992px) {
  .si-commonselectbox .si-selected i {
    font-size: 13px;
  }
}
.si-commonselectbox .si-options {
  display: none;
  position: absolute;
  top: 28px;
  width: 100%;
  z-index: 20;
  padding-top: 2px;
  -webkit-scrolling-overflow: auto;
  -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 11px rgba(0, 0, 0, 0.4);
}
.si-commonselectbox .si-options ul {
  color: #000000;
  text-transform: capitalize;
  height: 200px;
  overflow: auto;
  background: #ffffff;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.si-commonselectbox .si-options ul li {
  cursor: pointer;
  padding: 10px;
  position: relative;
  color: #4a4747;
  background-color: #ffffff;
}
.si-commonselectbox .si-options ul li:hover {
  background-color: #F9AD4A;
  color: #ffffff;
}
.si-commonselectbox .si-options ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.si-commonselectbox .si-options ul li:not(:last-child):hover {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.si-commonselectbox .si-options ul li span {
  display: block;
}
.si-commonselectbox .si-options ul li span:after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
}
.si-commonselectbox .si-options ul li:last-child span:after {
  display: none;
}
.si-commonselectbox.active .si-options {
  display: block;
}

.si-tooltip::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%) rotate(45deg);
  -moz-transform: translateX(50%) rotate(45deg);
  -ms-transform: translateX(50%) rotate(45deg);
  -o-transform: translateX(50%) rotate(45deg);
  transform: translateX(50%) rotate(45deg);
  visibility: hidden;
  opacity: 0;
}
.si-tooltip:hover::after {
  visibility: visible;
  opacity: 1;
}
.si-tooltip:hover .si-tooltipBox {
  visibility: visible;
  opacity: 1;
}
.si-tooltip .si-tooltipBox {
  position: absolute;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #ffffff;
  text-transform: initial;
  width: 420px;
  top: -117px;
  height: 100px;
  right: 0;
  z-index: 11;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 20px;
  visibility: hidden;
  opacity: 0;
}
.si-tooltip .si-tooltipBox .si-header {
  text-align: left;
  font-weight: 700;
  font-size: 16px;
}
.si-tooltip .si-tooltipBox .si-body {
  text-align: left;
  font-size: 16px;
  margin-top: 2px;
}

.si-disable {
  cursor: default !important;
  pointer-events: none;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  background: #afb6bc !important;
  border-color: #afb6bc;
  box-shadow: none;
  color: #ffffff;
}

.si-loader-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  display: none;
}
.si-loader-wrap .si-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  z-index: 1;
  animation: rotatePreloader 2s infinite ease-in;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.si-loader-wrap .si-loader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.si-loader-wrap .si-loader div::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 10%;
  height: 10%;
  background-color: #F9AD4A;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.si-loader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.si-loader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
[type=search]::-webkit-search-decoration, [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-results-button, [type=search]::-webkit-search-results-decoration {
  display: none;
}

.animateFade {
  display: none;
}
.animateFade.active {
  display: block;
  -webkit-animation: fadeInUp 1s;
  -moz-animation: fadeInUp 1s;
  -ms-animation: fadeInUp 1s;
  -o-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
}

_:-ms-fullscreen,
:root .si-popup .si-chalng.si-popup-modal .si-popup-modal-bg {
  align-items: stretch;
}

.d-none {
  display: none !important;
}

.si-no-data {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  min-height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  text-align: center;
}

[class^=icon-],
[class*=" icon-"] {
  font-size: 14px;
}

.Toastify__toast-container {
  z-index: 10001 !important;
}

.form-control {
  position: relative;
}
/*# sourceMappingURL=main.css.map */