@import url("https://cdn-reeble.b-cdn.net/fonts/lords/fonts.css");

.owl-carousel#owl-featured-learninghub1 {
  opacity: 1;
}

.loader {
  position: fixed;
  height: 100%;
  width: 100%;
  background: white;
  z-index: 999999999;
  display: block;
  overflow: hidden;
}
.loader-container {
  position: fixed;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation: spinner-4 1.833s ease infinite;
  animation: spinner-4 1.833s ease infinite;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.dot-loader {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}
.dot-1 {
  background-color: var(--primary);
  z-index: 4;
  -webkit-animation: spinner-4-first-child 1.833s ease infinite;
  animation: spinner-4-first-child 1.833s ease infinite;
}
.dot-2 {
  background-color: var(--primary);
  z-index: 3;
  -webkit-animation: spinner-4-second-child 1.833s ease infinite;
  animation: spinner-4-second-child 1.833s ease infinite;
}
.dot-3 {
  background-color: var(--primary);
  z-index: 2;
  -webkit-animation: spinner-4-third-child 1.833s ease infinite;
  animation: spinner-4-third-child 1.833s ease infinite;
}
.dot-4 {
  background-color: var(--primary);
  z-index: 1;
  -webkit-animation: spinner-4-fourth-child 1.833s ease infinite;
  animation: spinner-4-fourth-child 1.833s ease infinite;
}
@keyframes spinner-4-fourth-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes spinner-4-fourth-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(0) translateY(-100%);
    transform: translateX(0) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes spinner-4 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  33.3% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  66.6% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes spinner-4 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  33.3% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  66.6% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-webkit-keyframes spinner-4-third-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-third-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 100%;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
  }
  66.6% {
    top: 100%;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes spinner-4-second-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0);
  }
  66.6% {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-second-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0);
  }
  66.6% {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes spinner-4-first-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  66.6% {
    top: 0;
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes spinner-4-first-child {
  0% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  33.3% {
    top: 0;
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  66.6% {
    top: 0;
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}

:root {
  --primary: #1E0046;
  --secondary:#FFC800;
  --tertiary:#FF3228;
  --startingloadercolor: 52, 100, 115;
  --whitecolor: #fff;
  --blackfontcolor: #131313;
  --greenbackgroundopacity: rgba(124, 180, 0, 0.5);
  --pinkbuttoncolor: #e72323;
  /*--AvenirNextBold: "Avenir Next Bold";
  --font-italian: "Avenir Next Medium";*/
  --font-italian: 'Italian Plate No2', sans-serif;
  --font-darby: "DarbySans";
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  /* --Yugothib :"Yugothib";*/
}

*.btn:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
button {
  outline: none !important;
  border: none;
}
input[type="text"]:focus,
textarea:focus,
select:focus {
  outline: none;
  background-color: #ebe1d4;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid var(--primary);
}
input[type="text"]:hover,
textarea:hover,
select:hover {
  background-color: #dcdcdc;
}
input[type="text"]:active,
textarea:active,
select:active {
  background-color: #ebe1d4;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid var(--primary);
}
/*!



 =========================================================
 * Now UI Dashboard - v1.5.0
 =========================================================

 * Product Page: https://www.creative-tim.com/product/now-ui-dashboard
 * Copyright 2019 Creative Tim (http://www.creative-tim.com)

 * Designed by www.invisionapp.com Coded by www.creative-tim.com

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 */
/*     brand Colors              */
/*      light colors         */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-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 fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-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 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;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
  z-index: 9;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.9;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 9px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.btn,
.navbar .navbar-nav > a.btn {
  border-width: 0px;
  font-weight: 400;
  font-size: 0.8571em;
  line-height: 1.35em;
  border: none;
  margin: 10px 1px;
  border-radius: 0.1875rem;
  padding: 11px 22px;
  cursor: pointer;
  background-color: #888;
  color: #ffffff;
  border: none;
}

.btn:hover,
.btn:focus,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:active:hover,
.btn.active:hover,
.show > .btn.dropdown-toggle,
.show > .btn.dropdown-toggle:focus,
.show > .btn.dropdown-toggle:hover,
.navbar .navbar-nav > a.btn:hover,
.navbar .navbar-nav > a.btn:focus,
.navbar .navbar-nav > a.btn:not(:disabled):not(.disabled):active,
.navbar .navbar-nav > a.btn:not(:disabled):not(.disabled).active,
.navbar .navbar-nav > a.btn:not(:disabled):not(.disabled):active:focus,
.navbar .navbar-nav > a.btn:not(:disabled):not(.disabled).active:focus,
.navbar .navbar-nav > a.btn:active:hover,
.navbar .navbar-nav > a.btn.active:hover,
.show > .navbar .navbar-nav > a.btn.dropdown-toggle,
.show > .navbar .navbar-nav > a.btn.dropdown-toggle:focus,
.show > .navbar .navbar-nav > a.btn.dropdown-toggle:hover {
  /*background-color: #979797;*/
  /*color: #FFFFFF;*/
  box-shadow: none;
  /*border-color: #979797;*/
}

.btn:not([data-action]):not([class*="btn-outline-"]):hover,
.navbar
  .navbar-nav
  > a.btn:not([data-action]):not([class*="btn-outline-"]):hover {
  /*box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);*/
}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled.active,
.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled.focus,
.btn:disabled:active,
.btn:disabled.active,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled].focus,
.btn[disabled]:active,
.btn[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active,
.navbar .navbar-nav > a.btn.disabled,
.navbar .navbar-nav > a.btn.disabled:hover,
.navbar .navbar-nav > a.btn.disabled:focus,
.navbar .navbar-nav > a.btn.disabled.focus,
.navbar .navbar-nav > a.btn.disabled:active,
.navbar .navbar-nav > a.btn.disabled.active,
.navbar .navbar-nav > a.btn:disabled,
.navbar .navbar-nav > a.btn:disabled:hover,
.navbar .navbar-nav > a.btn:disabled:focus,
.navbar .navbar-nav > a.btn:disabled.focus,
.navbar .navbar-nav > a.btn:disabled:active,
.navbar .navbar-nav > a.btn:disabled.active,
.navbar .navbar-nav > a.btn[disabled],
.navbar .navbar-nav > a.btn[disabled]:hover,
.navbar .navbar-nav > a.btn[disabled]:focus,
.navbar .navbar-nav > a.btn[disabled].focus,
.navbar .navbar-nav > a.btn[disabled]:active,
.navbar .navbar-nav > a.btn[disabled].active,
fieldset[disabled] .navbar .navbar-nav > a.btn,
fieldset[disabled] .navbar .navbar-nav > a.btn:hover,
fieldset[disabled] .navbar .navbar-nav > a.btn:focus,
fieldset[disabled] .navbar .navbar-nav > a.btn.focus,
fieldset[disabled] .navbar .navbar-nav > a.btn:active,
fieldset[disabled] .navbar .navbar-nav > a.btn.active {
  /*background-color: #888;*/
  /*border-color: #888;*/
}

.btn.btn-link,
.navbar .navbar-nav > a.btn.btn-link {
  color: #888;
}

.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:active,
.navbar .navbar-nav > a.btn.btn-link:hover,
.navbar .navbar-nav > a.btn.btn-link:focus,
.navbar .navbar-nav > a.btn.btn-link:active {
  /* background-color: transparent;
  color: #979797;
  text-decoration: none;
  box-shadow: none;*/
}

.btn:hover,
.btn:focus,
.navbar .navbar-nav > a.btn:hover,
.navbar .navbar-nav > a.btn:focus {
  /*  opacity: 1;
  filter: alpha(opacity=100);
  outline: 0 !important;*/
}

.btn:active,
.btn.active,
.open > .btn.dropdown-toggle,
.navbar .navbar-nav > a.btn:active,
.navbar .navbar-nav > a.btn.active,
.open > .navbar .navbar-nav > a.btn.dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}

.btn .badge,
.navbar .navbar-nav > a.btn .badge {
  margin: 0;
}

.btn.btn-icon,
.navbar .navbar-nav > a.btn.btn-icon {
  height: 2.375rem;
  min-width: 2.375rem;
  width: 2.375rem;
  padding: 0;
  font-size: 0.9375rem;
  overflow: hidden;
  position: relative;
  line-height: normal;
}

.btn.btn-icon[class*="btn-outline-"],
.navbar .navbar-nav > a.btn.btn-icon[class*="btn-outline-"] {
  padding: 0 !important;
}

.btn.btn-icon.btn-sm,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm {
  height: 1.875rem;
  min-width: 1.875rem;
  width: 1.875rem;
}

.btn.btn-icon.btn-sm .fa,
.btn.btn-icon.btn-sm .far,
.btn.btn-icon.btn-sm .fas,
.btn.btn-icon.btn-sm .now-ui-icons,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .fa,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .far,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .fas,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .now-ui-icons {
  font-size: 0.6875rem;
}

.btn.btn-icon.btn-lg,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg {
  height: 3.6rem;
  min-width: 3.6rem;
  width: 3.6rem;
}

.btn.btn-icon.btn-lg .fa,
.btn.btn-icon.btn-lg .far,
.btn.btn-icon.btn-lg .fas,
.btn.btn-icon.btn-lg .now-ui-icons,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fa,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .far,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fas,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .now-ui-icons {
  font-size: 1.325rem;
}

.btn.btn-icon:not(.btn-footer) .now-ui-icons,
.btn.btn-icon:not(.btn-footer) .fa,
.btn.btn-icon:not(.btn-footer) .far,
.btn.btn-icon:not(.btn-footer) .fas,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .now-ui-icons,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fa,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .far,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 1.5626rem;
  width: 24px;
}

.btn:not(.btn-icon) .now-ui-icons,
.navbar .navbar-nav > a.btn:not(.btn-icon) .now-ui-icons {
  position: relative;
  top: 1px;
}

.btn-primary {
  background-color: #f96332;
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle:hover {
  background-color: #fa7a50;
  color: #ffffff;
  box-shadow: none;
  border-color: #fa7a50;
}

.btn-primary:not([data-action]):not([class*="btn-outline-"]):hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:active,
.btn-primary:disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #f96332;
  border-color: #f96332;
}

.btn-primary.btn-link {
  color: #f96332;
}

.btn-primary.btn-link:hover,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:active {
  background-color: transparent;
  color: #fa7a50;
  text-decoration: none;
  box-shadow: none;
}

.btn-success {
  background-color: #18ce0f;
  color: #ffffff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.show > .btn-success.dropdown-toggle,
.show > .btn-success.dropdown-toggle:focus,
.show > .btn-success.dropdown-toggle:hover {
  background-color: #1beb11;
  color: #ffffff;
  box-shadow: none;
  border-color: #1beb11;
}

.btn-success:not([data-action]):not([class*="btn-outline-"]):hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success:disabled,
.btn-success:disabled:hover,
.btn-success:disabled:focus,
.btn-success:disabled.focus,
.btn-success:disabled:active,
.btn-success:disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #18ce0f;
  border-color: #18ce0f;
}

.btn-success.btn-link {
  color: #18ce0f;
}

.btn-success.btn-link:hover,
.btn-success.btn-link:focus,
.btn-success.btn-link:active {
  background-color: transparent;
  color: #1beb11;
  text-decoration: none;
  box-shadow: none;
}

.btn-info {
  background-color: #2ca8ff;
  color: #ffffff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.show > .btn-info.dropdown-toggle,
.show > .btn-info.dropdown-toggle:focus,
.show > .btn-info.dropdown-toggle:hover {
  background-color: #4bb5ff;
  color: #ffffff;
  box-shadow: none;
  border-color: #4bb5ff;
}

.btn-info:not([data-action]):not([class*="btn-outline-"]):hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info:disabled,
.btn-info:disabled:hover,
.btn-info:disabled:focus,
.btn-info:disabled.focus,
.btn-info:disabled:active,
.btn-info:disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #2ca8ff;
  border-color: #2ca8ff;
}

.btn-info.btn-link {
  color: #2ca8ff;
}

.btn-info.btn-link:hover,
.btn-info.btn-link:focus,
.btn-info.btn-link:active {
  background-color: transparent;
  color: #4bb5ff;
  text-decoration: none;
  box-shadow: none;
}

.btn-warning {
  background-color: #ffb236;
  color: #ffffff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.show > .btn-warning.dropdown-toggle,
.show > .btn-warning.dropdown-toggle:focus,
.show > .btn-warning.dropdown-toggle:hover {
  background-color: #ffbe55;
  color: #ffffff;
  box-shadow: none;
  border-color: #ffbe55;
}

.btn-warning:not([data-action]):not([class*="btn-outline-"]):hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning:disabled,
.btn-warning:disabled:hover,
.btn-warning:disabled:focus,
.btn-warning:disabled.focus,
.btn-warning:disabled:active,
.btn-warning:disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffb236;
  border-color: #ffb236;
}

.btn-warning.btn-link {
  color: #ffb236;
}

.btn-warning.btn-link:hover,
.btn-warning.btn-link:focus,
.btn-warning.btn-link:active {
  background-color: transparent;
  color: #ffbe55;
  text-decoration: none;
  box-shadow: none;
}

.btn-danger {
  background-color: #ff3636;
  color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.show > .btn-danger.dropdown-toggle,
.show > .btn-danger.dropdown-toggle:focus,
.show > .btn-danger.dropdown-toggle:hover {
  background-color: #ff5555;
  color: #ffffff;
  box-shadow: none;
  border-color: #ff5555;
}

.btn-danger:not([data-action]):not([class*="btn-outline-"]):hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger:disabled,
.btn-danger:disabled:hover,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus,
.btn-danger:disabled:active,
.btn-danger:disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff3636;
  border-color: #ff3636;
}

.btn-danger.btn-link {
  color: #ff3636;
}

.btn-danger.btn-link:hover,
.btn-danger.btn-link:focus,
.btn-danger.btn-link:active {
  background-color: transparent;
  color: #ff5555;
  text-decoration: none;
  box-shadow: none;
}

.btn-neutral {
  background-color: #ffffff;
  color: #f96332;
}

.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:active:hover,
.btn-neutral.active:hover,
.show > .btn-neutral.dropdown-toggle,
.show > .btn-neutral.dropdown-toggle:focus,
.show > .btn-neutral.dropdown-toggle:hover {
  background-color: #ffffff;
  color: #ffffff;
  box-shadow: none;
  border-color: #ffffff;
}

.btn-neutral:not([data-action]):not([class*="btn-outline-"]):hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.btn-neutral.disabled,
.btn-neutral.disabled:hover,
.btn-neutral.disabled:focus,
.btn-neutral.disabled.focus,
.btn-neutral.disabled:active,
.btn-neutral.disabled.active,
.btn-neutral:disabled,
.btn-neutral:disabled:hover,
.btn-neutral:disabled:focus,
.btn-neutral:disabled.focus,
.btn-neutral:disabled:active,
.btn-neutral:disabled.active,
.btn-neutral[disabled],
.btn-neutral[disabled]:hover,
.btn-neutral[disabled]:focus,
.btn-neutral[disabled].focus,
.btn-neutral[disabled]:active,
.btn-neutral[disabled].active,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral:hover,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral.active {
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-neutral.btn-danger {
  color: #ff3636;
}

.btn-neutral.btn-danger:hover,
.btn-neutral.btn-danger:focus,
.btn-neutral.btn-danger:active,
.btn-neutral.btn-danger:active:focus {
  color: #ff5555 !important;
}

.btn-neutral.btn-info {
  color: #2ca8ff;
}

.btn-neutral.btn-info:hover,
.btn-neutral.btn-info:focus,
.btn-neutral.btn-info:active,
.btn-neutral.btn-info:active:focus {
  color: #4bb5ff !important;
}

.btn-neutral.btn-warning {
  color: #ffb236;
}

.btn-neutral.btn-warning:hover,
.btn-neutral.btn-warning:focus,
.btn-neutral.btn-warning:active,
.btn-neutral.btn-warning:active:focus {
  color: #ffbe55 !important;
}

.btn-neutral.btn-success {
  color: #18ce0f;
}

.btn-neutral.btn-success:hover,
.btn-neutral.btn-success:focus,
.btn-neutral.btn-success:active,
.btn-neutral.btn-success:active:focus {
  color: #1beb11 !important;
}

.btn-neutral.btn-default {
  color: #888;
}

.btn-neutral.btn-default:hover,
.btn-neutral.btn-default:focus,
.btn-neutral.btn-default:active,
.btn-neutral.btn-default:active:focus {
  color: #979797 !important;
}

.btn-neutral.active,
.btn-neutral:active,
.btn-neutral:active:focus,
.btn-neutral:active:hover,
.btn-neutral.active:focus,
.btn-neutral.active:hover,
.show > .btn-neutral.dropdown-toggle,
.show > .btn-neutral.dropdown-toggle:focus,
.show > .btn-neutral.dropdown-toggle:hover {
  background-color: #ffffff;
  color: #fa7a50 !important;
  box-shadow: none;
}

.btn-neutral:hover,
.btn-neutral:focus {
  color: #fa7a50;
}

.btn-neutral:hover:not(.nav-link),
.btn-neutral:focus:not(.nav-link) {
  box-shadow: none !important;
}

.btn-neutral.btn-link {
  color: #ffffff;
}

.btn-neutral.btn-link:hover,
.btn-neutral.btn-link:focus,
.btn-neutral.btn-link:active {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
}

.btn-outline-primary {
  color: #f96332;
  border-color: #f96332;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:active:hover,
.btn-outline-primary.active:hover,
.show > .btn-outline-primary.dropdown-toggle,
.show > .btn-outline-primary.dropdown-toggle:focus,
.show > .btn-outline-primary.dropdown-toggle:hover {
  background-color: transparent;
  color: #fa7a50;
  border-color: #fa7a50;
  box-shadow: none;
}

.btn-outline-success {
  color: #18ce0f;
  border-color: #18ce0f;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:active:hover,
.btn-outline-success.active:hover,
.show > .btn-outline-success.dropdown-toggle,
.show > .btn-outline-success.dropdown-toggle:focus,
.show > .btn-outline-success.dropdown-toggle:hover {
  background-color: transparent;
  color: #1beb11;
  border-color: #1beb11;
  box-shadow: none;
}

.btn-outline-info {
  color: #2ca8ff;
  border-color: #2ca8ff;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:active:hover,
.btn-outline-info.active:hover,
.show > .btn-outline-info.dropdown-toggle,
.show > .btn-outline-info.dropdown-toggle:focus,
.show > .btn-outline-info.dropdown-toggle:hover {
  background-color: transparent;
  color: #4bb5ff;
  border-color: #4bb5ff;
  box-shadow: none;
}

.btn-outline-warning {
  color: #ffb236;
  border-color: #ffb236;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:active:hover,
.btn-outline-warning.active:hover,
.show > .btn-outline-warning.dropdown-toggle,
.show > .btn-outline-warning.dropdown-toggle:focus,
.show > .btn-outline-warning.dropdown-toggle:hover {
  background-color: transparent;
  color: #ffbe55;
  border-color: #ffbe55;
  box-shadow: none;
}

.btn-outline-danger {
  color: #ff3636;
  border-color: #ff3636;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:active:hover,
.btn-outline-danger.active:hover,
.show > .btn-outline-danger.dropdown-toggle,
.show > .btn-outline-danger.dropdown-toggle:focus,
.show > .btn-outline-danger.dropdown-toggle:hover {
  background-color: transparent;
  color: #ff5555;
  border-color: #ff5555;
  box-shadow: none;
}

.btn-outline-default {
  color: #888;
  border-color: #888;
}

.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.btn-outline-default:active:hover,
.btn-outline-default.active:hover,
.show > .btn-outline-default.dropdown-toggle,
.show > .btn-outline-default.dropdown-toggle:focus,
.show > .btn-outline-default.dropdown-toggle:hover {
  background-color: transparent;
  color: #979797;
  border-color: #979797;
  box-shadow: none;
}

.btn:disabled,
.btn[disabled],
.btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}

[class*="btn-outline-"] {
  border: 1px solid;
  padding: 10px 22px;
  background-color: transparent;
}

[class*="btn-outline-"].disabled,
[class*="btn-outline-"].disabled:hover,
[class*="btn-outline-"].disabled:focus,
[class*="btn-outline-"].disabled.focus,
[class*="btn-outline-"].disabled:active,
[class*="btn-outline-"].disabled.active,
[class*="btn-outline-"]:disabled,
[class*="btn-outline-"]:disabled:hover,
[class*="btn-outline-"]:disabled:focus,
[class*="btn-outline-"]:disabled.focus,
[class*="btn-outline-"]:disabled:active,
[class*="btn-outline-"]:disabled.active,
[class*="btn-outline-"][disabled],
[class*="btn-outline-"][disabled]:hover,
[class*="btn-outline-"][disabled]:focus,
[class*="btn-outline-"][disabled].focus,
[class*="btn-outline-"][disabled]:active,
[class*="btn-outline-"][disabled].active,
fieldset[disabled] [class*="btn-outline-"],
fieldset[disabled] [class*="btn-outline-"]:hover,
fieldset[disabled] [class*="btn-outline-"]:focus,
fieldset[disabled] [class*="btn-outline-"].focus,
fieldset[disabled] [class*="btn-outline-"]:active,
fieldset[disabled] [class*="btn-outline-"].active,
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled.focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link:disabled,
.btn-link:disabled:hover,
.btn-link:disabled:focus,
.btn-link:disabled.focus,
.btn-link:disabled:active,
.btn-link:disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled].focus,
.btn-link[disabled]:active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  background-color: transparent;
}

.btn-link {
  border: 0;
  padding: 0.5rem 0.7rem;
  background-color: transparent;
}

.btn-lg {
  font-size: 1em;
  border-radius: 0.25rem;
  padding: 15px 48px;
}

.btn-lg[class*="btn-outline-"] {
  padding: 14px 47px;
}

.btn-sm {
  font-size: 14px;
  border-radius: 0.1875rem;
  padding: 5px 15px;
}

.btn-sm[class*="btn-outline-"] {
  padding: 4px 14px;
}

.btn-wd {
  min-width: 140px;
}

.btn-group.select {
  width: 100%;
}

.btn-group.select .btn {
  text-align: left;
}

.btn-group.select .caret {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 8px;
}

.btn-round {
  border-width: 1px;
  border-radius: 30px;
  padding-right: 23px;
  padding-left: 23px;
}

.btn-round[class*="btn-outline-"]:not(.btn-sm):not(.btn-lg) {
  padding: 10px 22px;
}

.no-caret.dropdown-toggle::after {
  display: none;
}

.form-control::-moz-placeholder {
  color: #888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
  color: #888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #888;
  opacity: 1;
  filter: alpha(opacity=100);
}

/*.form-control {
      background-color: #F1F1F1;
    color: #131313;
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #BEBEBE;
    border-radius: 0px;
    font-size: 14px;
    line-height: 21px;
    padding: 16px 8px;
    height: 100%;
}

.form-control:focus {
  border: 1px solid #f96332;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
  color: #2c2c2c;
}*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 0px !important;
  background: #f1f1f1 !important;
  color: var(--blackfontcolor) !important;
  font-weight: normal;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 8px;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  font-family: var(--font-darby);
}
.form-content .ui-selectmenu-button.ui-button:focus {
  background-color: #ebe1d4;
  border-bottom-color: var(--primary);
}
.form-content .ui-selectmenu-button.ui-button:hover {
  background-color: #dcdcdc;
}
.form-content .ui-selectmenu-button.ui-button {
  background-color: #f1f1f1;
  color: #131313;
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #bebebe;
  border-radius: 0px;
  font-size: 14px;
  line-height: 21px;
  padding: 7px 16px;
  height: 36px;
}
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="url"] {
  background-color: #f1f1f1;
  color: #131313;
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #bebebe;
  border-radius: 0px;
  font-size: 14px;
  line-height: 21px;
  padding: 9px 16px;
  height: 36px;
}

.form-control:focus + .input-group-append .input-group-text,
.form-control:focus ~ .input-group-append .input-group-text,
.form-control:focus + .input-group-prepend .input-group-text,
.form-control:focus ~ .input-group-prepend .input-group-text {
  border: 1px solid #f96332;
  border-left: none;
  background-color: transparent;
}

.has-success .form-control,
.has-error .form-control,
.has-success .form-control:focus,
.has-error .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-danger .form-control.form-control-success,
.has-danger .form-control.form-control-danger,
.has-success .form-control.form-control-success,
.has-success .form-control.form-control-danger {
  background-image: none;
}

.form-control + .form-control-feedback {
  border-radius: 0.25rem;
  font-size: 14px;
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
  vertical-align: middle;
}

.open .form-control {
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom-color: transparent;
}

.form-control + .input-group-append .input-group-text,
.form-control + .input-group-prepend .input-group-text {
  background-color: #ffffff;
}

.has-success .input-group-append .input-group-text,
.has-success .input-group-prepend .input-group-text,
.has-success .form-control {
  border-color: #e3e3e3;
}

.has-success .form-control:focus,
.has-success.input-group-focus .input-group-append .input-group-text,
.has-success.input-group-focus .input-group-prepend .input-group-text {
  border-color: #1be611;
}

.has-danger .form-control,
.has-danger .input-group-append .input-group-text,
.has-danger .input-group-prepend .input-group-text,
.has-danger.input-group-focus .input-group-prepend .input-group-text,
.has-danger.input-group-focus .input-group-append .input-group-text {
  border-color: #ffcfcf;
  color: #ff3636;
  background-color: rgba(222, 222, 222, 0.1);
}

.has-danger .form-control:focus,
.has-danger .input-group-append .input-group-text:focus,
.has-danger .input-group-prepend .input-group-text:focus,
.has-danger.input-group-focus .input-group-prepend .input-group-text:focus,
.has-danger.input-group-focus .input-group-append .input-group-text:focus {
  background-color: #ffffff;
}

.has-success:after,
.has-danger:after {
  font-family: "Nucleo Outline";
  content: "\ea22";
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: #18ce0f;
  font-size: 11px;
}

.has-success.form-control-lg:after,
.has-danger.form-control-lg:after {
  font-size: 13px;
  top: 24px;
}

.has-success.has-label:after,
.has-danger.has-label:after {
  top: 35px;
}

.has-success .form-control + label,
.has-success.form-check .form-check-label label,
.has-success.form-check:after,
.has-danger .form-control + label,
.has-danger.form-check .form-check-label label,
.has-danger.form-check:after {
  display: none !important;
}

.has-success.form-check .form-check-label,
.has-danger.form-check .form-check-label {
  color: #18ce0f;
}

.has-danger:after {
  content: "\ea53";
  color: #ff3636;
}

.has-danger.form-check .form-check-label {
  color: #ff3636;
}

.form-group.no-border.form-control-lg .input-group-append .input-group-text,
.input-group.no-border.form-control-lg .input-group-append .input-group-text {
  padding: 15px 0 15px 19px;
}

.form-group.no-border.form-control-lg .form-control,
.input-group.no-border.form-control-lg .form-control {
  padding: 15px 19px;
}

.form-group.no-border.form-control-lg
  .form-control
  + .input-group-prepend
  .input-group-text,
.form-group.no-border.form-control-lg
  .form-control
  + .input-group-append
  .input-group-text,
.input-group.no-border.form-control-lg
  .form-control
  + .input-group-prepend
  .input-group-text,
.input-group.no-border.form-control-lg
  .form-control
  + .input-group-append
  .input-group-text {
  padding: 15px 19px 15px 0;
}

.form-group.form-control-lg .form-control,
.input-group.form-control-lg .form-control {
  padding: 14px 18px;
}

.form-group.form-control-lg
  .form-control
  + .input-group-prepend
  .input-group-text,
.form-group.form-control-lg
  .form-control
  + .input-group-append
  .input-group-text,
.input-group.form-control-lg
  .form-control
  + .input-group-prepend
  .input-group-text,
.input-group.form-control-lg
  .form-control
  + .input-group-append
  .input-group-text {
  padding: 14px 18px 14px 0;
}

.form-group.form-control-lg .input-group-prepend .input-group-text,
.form-group.form-control-lg .input-group-append .input-group-text,
.input-group.form-control-lg .input-group-prepend .input-group-text,
.input-group.form-control-lg .input-group-append .input-group-text {
  padding: 14px 0 15px 18px;
}

.form-group.form-control-lg
  .input-group-prepend
  .input-group-text
  + .form-control,
.form-group.form-control-lg
  .input-group-append
  .input-group-text
  + .form-control,
.input-group.form-control-lg
  .input-group-prepend
  .input-group-text
  + .form-control,
.input-group.form-control-lg
  .input-group-append
  .input-group-text
  + .form-control {
  padding: 15px 18px 15px 16px;
}

.form-group.no-border .form-control,
.input-group.no-border .form-control {
  padding: 11px 19px;
}

.form-group.no-border .form-control + .input-group-prepend .input-group-text,
.form-group.no-border .form-control + .input-group-append .input-group-text,
.input-group.no-border .form-control + .input-group-prepend .input-group-text,
.input-group.no-border .form-control + .input-group-append .input-group-text {
  padding: 11px 19px 11px 0;
}

.form-group.no-border .input-group-prepend .input-group-text,
.form-group.no-border .input-group-append .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-append .input-group-text {
  padding: 11px 0 11px 19px;
}

.form-group .form-control,
.input-group .form-control {
  padding: 8px 16px 8px 16px;
}

.form-group .form-control + .input-group-prepend .input-group-text,
.form-group .form-control + .input-group-append .input-group-text,
.input-group .form-control + .input-group-prepend .input-group-text,
.input-group .form-control + .input-group-append .input-group-text {
  padding: 10px 18px 10px 0;
}

.form-group .input-group-prepend .input-group-text,
.form-group .input-group-append .input-group-text,
.input-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text {
  padding: 10px 0 10px 18px;
}

.form-group .input-group-prepend .input-group-text + .form-control,
.form-group .input-group-prepend .input-group-text ~ .form-control,
.form-group .input-group-append .input-group-text + .form-control,
.form-group .input-group-append .input-group-text ~ .form-control,
.input-group .input-group-prepend .input-group-text + .form-control,
.input-group .input-group-prepend .input-group-text ~ .form-control,
.input-group .input-group-append .input-group-text + .form-control,
.input-group .input-group-append .input-group-text ~ .form-control {
  padding: 10px 19px 11px 16px;
}

.form-group.no-border .form-control,
.form-group.no-border .form-control + .input-group-prepend .input-group-text,
.form-group.no-border .form-control + .input-group-append .input-group-text,
.input-group.no-border .form-control,
.input-group.no-border .form-control + .input-group-prepend .input-group-text,
.input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.3);
  border: medium none;
}

.form-group.no-border .form-control:focus,
.form-group.no-border .form-control:active,
.form-group.no-border .form-control:active,
.form-group.no-border
  .form-control
  + .input-group-prepend
  .input-group-text:focus,
.form-group.no-border
  .form-control
  + .input-group-prepend
  .input-group-text:active,
.form-group.no-border
  .form-control
  + .input-group-prepend
  .input-group-text:active,
.form-group.no-border
  .form-control
  + .input-group-append
  .input-group-text:focus,
.form-group.no-border
  .form-control
  + .input-group-append
  .input-group-text:active,
.form-group.no-border
  .form-control
  + .input-group-append
  .input-group-text:active,
.input-group.no-border .form-control:focus,
.input-group.no-border .form-control:active,
.input-group.no-border .form-control:active,
.input-group.no-border
  .form-control
  + .input-group-prepend
  .input-group-text:focus,
.input-group.no-border
  .form-control
  + .input-group-prepend
  .input-group-text:active,
.input-group.no-border
  .form-control
  + .input-group-prepend
  .input-group-text:active,
.input-group.no-border
  .form-control
  + .input-group-append
  .input-group-text:focus,
.input-group.no-border
  .form-control
  + .input-group-append
  .input-group-text:active,
.input-group.no-border
  .form-control
  + .input-group-append
  .input-group-text:active {
  border: medium none;
  background-color: rgba(222, 222, 222, 0.5);
}

.form-group.no-border
  .form-control:focus
  + .input-group-prepend
  .input-group-text,
.form-group.no-border
  .form-control:focus
  + .input-group-append
  .input-group-text,
.input-group.no-border
  .form-control:focus
  + .input-group-prepend
  .input-group-text,
.input-group.no-border
  .form-control:focus
  + .input-group-append
  .input-group-text {
  background-color: rgba(222, 222, 222, 0.5);
}

.form-group.no-border .input-group-prepend .input-group-text,
.form-group.no-border .input-group-append .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.3);
  border: none;
}

.has-error .form-control-feedback,
.has-error .control-label {
  color: #ff3636;
}

.has-success .form-control-feedback,
.has-success .control-label {
  color: #18ce0f;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
  background-color: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 30px;
  color: #888;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

.input-group-append .input-group-text i,
.input-group-prepend .input-group-text i {
  opacity: 0.5;
}

.has-danger.input-group-focus .input-group-append .input-group-text,
.has-danger.input-group-focus .input-group-prepend .input-group-text {
  background-color: #ffffff;
}

.has-success .input-group-append .input-group-text,
.has-success .input-group-prepend .input-group-text {
  background-color: #ffffff;
}

.has-danger .form-control:focus + .input-group-append .input-group-text,
.has-danger .form-control:focus + .input-group-prepend .input-group-text {
  color: #ff3636;
}

.has-success .form-control:focus + .input-group-append .input-group-text,
.has-success .form-control:focus + .input-group-prepend .input-group-text {
  color: #18ce0f;
}

.input-group-append .input-group-text + .form-control,
.input-group-append .input-group-text ~ .form-control,
.input-group-prepend .input-group-text + .form-control,
.input-group-prepend .input-group-text ~ .form-control {
  padding: -0.5rem 0.7rem;
  padding-left: 18px;
}

.input-group-append .input-group-text i,
.input-group-prepend .input-group-text i {
  width: 17px;
}

.input-group-append,
.input-group-prepend {
  margin: 0;
}

.input-group-append .input-group-text {
  border-left: none;
}

.input-group-prepend .input-group-text {
  border-right: none;
}

.input-group-focus .input-group-prepend .input-group-text,
.input-group-focus .input-group-append .input-group-text {
  background-color: #ffffff;
  border-color: #f96332;
}

.input-group-focus.no-border .input-group-prepend .input-group-text,
.input-group-focus.no-border .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.5);
}

.input-group,
.form-group {
  margin-bottom: 0px;
  position: relative;
}

.input-group .form-control-static,
.form-group .form-control-static {
  margin-top: 9px;
}

.input-group[disabled] .input-group-prepend .input-group-text,
.input-group[disabled] .input-group-append .input-group-text {
  background-color: #e3e3e3;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}

.input-group .form-control:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-right: 0 none;
}

.input-group .form-control:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-left: 0 none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #e3e3e3;
  color: #888;
  cursor: not-allowed;
}

.input-group-btn .btn {
  border-width: 1px;
  padding: 11px 0.7rem;
}

.input-group-btn .btn-default:not(.btn-fill) {
  border-color: #dddddd;
}

.input-group-btn:last-child > .btn {
  margin-left: 0;
}

textarea.form-control {
  max-width: 100%;
  max-height: 120px;
  padding: 10px 10px;
  resize: none;
  border: none;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  line-height: 2;
}

textarea.form-control:focus,
textarea.form-control:active {
  box-shadow: none;
  border-color: transparent;
  border: 1px solid var(--primary);
}

.has-success.form-group .form-control,
.has-success.form-group.no-border .form-control,
.has-danger.form-group .form-control,
.has-danger.form-group.no-border .form-control {
  padding-right: 40px;
}

.form.form-newsletter .form-group {
  float: left;
  width: 78%;
  margin-right: 2%;
  margin-top: 9px;
}

.input-group .input-group-btn {
  padding: 0 12px;
}

.form-group input[type="file"] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#selectBannerImage {
  opacity: 0;
  display: none;
}
#selectProLogo {
  opacity: 0;
  display: none;
}
#selectProWaterMark {
  opacity: 0;
  display: none;
}

.form-text {
  font-size: 0.8571em;
}

.form-control-lg {
  padding: 0;
  font-size: inherit;
  line-height: 0;
  border-radius: 0;
}

.form-horizontal .col-form-label,
.form-horizontal .label-on-right {
  padding: 10px 5px 0 15px;
  text-align: right;
  max-width: 180px;
}

.form-horizontal .checkbox-radios {
  margin-bottom: 15px;
}

.form-horizontal .checkbox-radios .form-check:first-child {
  margin-top: 8px;
}

.form-horizontal .label-on-right {
  text-align: left;
  padding: 10px 15px 0 5px;
}

.form-horizontal .form-check-inline {
  margin-top: 6px;
}

button,
input,
optgroup,
select,
textarea {
  /*font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;*/
}

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

h1,
.h1 {
  font-size: 3.5em;
  line-height: 1.15;
  margin-bottom: 30px;
}

h1 small,
.h1 small {
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.8;
}

h2,
.h2 {
  font-size: 2.5em;
  margin-bottom: 30px;
}

h3,
.h3 {
  font-size: 2em;
  margin-bottom: 30px;
  line-height: 1.4em;
}

h4,
.h4 {
  font-size: 1.714em;
  line-height: 1.45em;
  margin-top: 30px;
  margin-bottom: 15px;
}

h4 + .category,
h4.title + .category,
.h4 + .category,
.h4.title + .category {
  margin-top: -10px;
}

h5,
.h5 {
  font-size: 1.57em;
  line-height: 1.4em;
  margin-bottom: 15px;
}

h6,
.h6 {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

p.description {
  font-size: 1.14em;
}

.title {
  font-weight: 700;
}

.title.title-up {
  text-transform: uppercase;
}

.title.title-up a {
  color: #2c2c2c;
  text-decoration: none;
}

.title + .category {
  margin-top: -10px;
}

.description,
.card-description,
.footer-big p,
.card .footer .stats {
  color: #9a9a9a;
  font-weight: 300;
}

.category,
.card-category {
  text-transform: capitalize;
  font-weight: 400;
  color: #9a9a9a;
  font-size: 0.7142em;
}

.card-category {
  font-size: 1em;
}

.text-primary,
a.text-primary:focus,
a.text-primary:hover {
  color: #f96332 !important;
}

.text-info,
a.text-info:focus,
a.text-info:hover {
  color: #2ca8ff !important;
}

.text-success,
a.text-success:focus,
a.text-success:hover {
  color: #18ce0f !important;
}

.text-warning,
a.text-warning:focus,
a.text-warning:hover {
  color: #ffb236 !important;
}

.text-danger,
a.text-danger:focus,
a.text-danger:hover {
  color: #ff3636 !important;
}

.text-gray,
a.text-gray:focus,
a.text-gray:hover {
  color: #e3e3e3 !important;
}

.blockquote {
  border-left: none;
  border: 1px solid #888;
  padding: 20px;
  font-size: 1.1em;
  line-height: 1.8;
}

.blockquote small {
  color: #888;
  font-size: 0.8571em;
  text-transform: uppercase;
}

.blockquote.blockquote-primary {
  border-color: #f96332;
  color: #f96332;
}

.blockquote.blockquote-primary small {
  color: #f96332;
}

.blockquote.blockquote-danger {
  border-color: #ff3636;
  color: #ff3636;
}

.blockquote.blockquote-danger small {
  color: #ff3636;
}

.blockquote.blockquote-white {
  border-color: rgba(255, 255, 255, 0.8);
  color: #ffffff;
}

.blockquote.blockquote-white small {
  color: rgba(255, 255, 255, 0.8);
}

body {
  color: #131313;
  font-size: 14px;
  font-family: var(--font-darby);
  font-weight: var(--font-regular);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
}

.main {
  position: relative;
  background: #ffffff;
}

/* Animations */
.nav-pills .nav-link,
.navbar,
.nav-tabs .nav-link,
.sidebar .nav a,
.sidebar .nav a i,
.navbar-collapse .navbar-nav .nav-link,
.animation-transition-general,
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize,
.sidebar .nav p,
.off-canvas-sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-normal,
.tag,
.tag [data-role="remove"],
.animation-transition-general,
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize,
.sidebar .nav p,
.off-canvas-sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-normal {
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}

.dropdown-toggle:after,
.bootstrap-switch-label:before,
.caret {
  -webkit-transition: all 150ms ease 0s;
  -moz-transition: all 150ms ease 0s;
  -o-transition: all 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

.dropdown-toggle[aria-expanded="true"]:after,
a[data-toggle="collapse"][aria-expanded="true"] .caret,
.card-collapse .card a[data-toggle="collapse"][aria-expanded="true"] i,
.card-collapse .card a[data-toggle="collapse"].expanded i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button-bar {
  display: block;
  position: relative;
  width: 22px;
  height: 1px;
  border-radius: 1px;
  background: #ffffff;
}

.button-bar + .button-bar {
  margin-top: 7px;
}

.button-bar:nth-child(2) {
  width: 17px;
}
.fa-trash-can {
  cursor: pointer;
}
.fa-pencil {
  cursor: pointer;
}
/*css by sahil start*/
/*.create-btn button{
  background: var(--primary);
}*/
/*.create-btn a{
  background: var(--primary);
  padding: 13px 20px;
    border-radius: 4px;
    border-width: 0px;
    font-weight: 400;
    font-size: 0.8571em;
    border: none;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;

}*/
/*.create-btn a:hover{
  background: var(--primary);
  padding: 13px 20px;
    border-radius: 4px;
    color: #fff;
}*/

.fa-trash-can {
  font-size: 22px;
}
.fa-pencil {
  font-size: 22px;
}
.announcment-table-image img {
  /* max-width: 110px; */
  max-height: 100px;
  object-fit: cover;
}
.iti--allow-dropdown {
  width: 100% !important;
}
.iti {
  width: 100% !important;
}
.list-box-inner {
}
.fit-image {
  background: #fff;
  /*width: 200px;*/
  height: 200px;
  object-fit: cover;
}
.student-name {
  background: #000000ab;
  color: #fff;
  padding: 7px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 200px;*/
  text-align: center;
}
.list-box-inner {
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.make-me-full-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.category-title {
  color: #fff;
  background: #000;
  text-align: center;
  padding: 5px 0;
}
.category-image {
  border-radius: 4px 4px 0 0;
  height: 140px;
  width: 100%;
  display: block;
  object-fit: cover;
}
.category-title {
  border-radius: 0px 0px 4px 4px;
}
.category-list {
  height: 500px;
  overflow-x: scroll;
}
.select-btn .create-btn {
  display: flex;
  justify-content: flex-end;
}
.see-details-btn {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.student-activity {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.unverified-text {
  padding: 4px 8px;
  background: red;
  border-radius: 50px;
  margin: 8px 73px 8px 8px;
  color: #fff;
  font-size: 10px;
}
.delete-student {
  margin: 9px 15px;
  padding: 0 5px;
  background: red;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
.student-details-form-one {
  width: 50%;
  float: left;
}
.student-detail-form-image {
  max-width: 238px;
  /*float: right;*/
  /*padding-left: 50px;*/
}
.student-detail-form-two {
  width: 50%;
}
.radio-custom {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  display: none;
}
.radio-custom-label + .radio-custom:before {
  border-radius: 100%;
}
input[type="radio"]:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #fff;
  border-radius: 50%;
  background: var(--primary);
  width: 30px;
  height: 30px;
  position: absolute;
  font-size: 16px;
  padding-left: 8px;
  padding-top: 4px;
}
input[type="radio"]:checked {
  display: block;
}
.remove-video,.remove-logo,.remove-watermark {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 9px;
  padding-top: 1px;
}
.grey-box-outer {
  background: #d6d8db;
  border-radius: 8px;
}
.grey-box-inner {
  height: 200px;
}
.class-info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
}
.on-click-border {
  border: 1px solid var(--primary);
}
.class-name {
  text-transform: uppercase;
}
.number-of-student {
  color: var(--primary);
}
.see-all {
  color: var(--primary);
}
.image img {
  /*max-width: 110px;*/
  max-height: 100px;
}
.toggle-disabled-addstudent-button:disabled {
  background: black;
  color: #fff;
}
.subscription-card-one button {
  border-color: var(--primary);
  color: var(--primary);
}
.subscription-card-one button:focus,
.subscription-card-one button:active,
.subscription-card-one button:hover {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.subscription-card-two button {
  background: var(--primary);
}
.subscription-card-two button:focus,
.subscription-card-two button:active,
.subscription-card-two button:hover {
  background: var(--primary);
}
/* {
    background:var(--primary);
} */
#imageadd {
  position: relative;
}
.nav-pills .custom-nav-link .nav-link {
  background: transparent;
  color: #000;
}
.list-box-outer {
  padding-top: 12px;
}
.profiledetailstab .profiledetailstabvalue {
  margin-left: 2%;
}
.login-left-section {
  overflow-y: scroll;
  background: var(--primary);
}
.register-section{
    padding: 26px 0px;
   }

.social-login,
.registeration-form {
  height: 100vh;
  display: block;
  padding-top: 16%;
  padding-bottom: 20px;
  width: 320px;
  max-width: 320px;
  float: none;
  margin: 0px auto;
  /*overflow-y: auto;*/
}
.success-New-password-set-section,
.forgot-password-section,
.reset-password-link-section {
  height: 100vh;
  display: block;
  padding-top: 50%;
  padding-bottom: 20px;
  width: 320px;
  max-width: 320px;
  float: none;
  margin: 0px auto;
  /*overflow-y: auto;*/
}
.New-password-set-section {
  width: 320px;
  max-width: 320px;
  align-items: center;
  float: none;
  justify-content: center;
  margin: 0px auto;
  flex-direction: column;
  /*position: absolute;*/
  top: 12%;
  left: 0;
  right: 0;
  padding-top: 18%;
  height: 100vh;
}
.close-login-register-popup {
  position: absolute;
  /*top: 56px;*/
  right: -40px;
  width: 30px;
  height: 30px;
  background: #303334;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 2px 3px #00000087;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.forget-pass-text {
  cursor: pointer;
}
.login-register-popup-right {
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/bg-image.jpg) no-repeat;
  height: 100vh;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-position: center;
}
.phone-layout {
  width: 100%;
  position: absolute;
  bottom: -10px;
  right: -10px;
}
.ball-layout {
  position: absolute;
  bottom: 10%;
  right: 27%;
  width: 50%;
}

.left-logo {
  /*margin-bottom: 40px;*/
  display: flex;
  justify-content: center;
  /*  margin-top: 20px; */
}
.reward-detail {
  margin-bottom: 20px;
}
.text-1 {
  font-size: 36px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
.text-2 {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #eaf0ff;
  margin-bottom: 20px;
}
.cutsom-new-button-fill-new {
  min-width: 170px;
  width: auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 16.8px;
  text-align: center;
  padding: 12px 10px;
  /* background: linear-gradient(90deg, #FFDC00 0%, #FFF34C 100%); */
  background: linear-gradient(to right, #303334 50%, var(--primary) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.8s ease;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  display: inline-block;
}
.primary-color {
  color: var(--primary);
}
.cutsom-new-button-fill-new:disabled {
  color: #303234;
  background: #4e5154;
  cursor: not-allowed;
}
.mobile-instead {
  cursor: pointer;
}
.google,
.facebook {
  width: 100%;
  float: left;
}
.google {
  border: 2px solid #e04c40;
  color: #ffffff;
  background-color: #e04c40;
}
.facebook {
  border: 2px solid #2e4da7;
  color: #ffffff;
  background-color: #2e4da7;
}
.google:focus,
.google:hover,
.google:active {
  background-color: #ea3728;
  color: #fff;
  border-color: #ea3728;
  box-shadow: none;
}
.facebook:focus,
.facebook:hover,
.facebook:active {
  background-color: #1e439b;
  color: #fff;
  border-color: #1e439b;
  box-shadow: none;
}

/*css by sahil end*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.form-check {
  margin-top: 0.5rem;
}

.form-check .form-check-label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  line-height: 26px;
  margin-bottom: 0;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.radio .form-check-sign {
  padding-left: 28px;
}

.form-check .form-check-sign::before,
.form-check .form-check-sign::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  cursor: pointer;
  border-radius: 3px;
  top: 0;
  background-color: transparent;
  border: 1px solid #e3e3e3;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.form-check .form-check-sign::after {
  font-family: "Nucleo Outline";
  content: "\ea22";
  top: 0px;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  color: #555555;
  border: 0;
  background-color: inherit;
}

.form-check.disabled .form-check-label,
.form-check.disabled .form-check-label {
  color: #9a9a9a;
  opacity: 0.5;
  cursor: not-allowed;
}

.form-check input[type="checkbox"],
.radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.form-check input[type="checkbox"]:checked + .form-check-sign::after {
  opacity: 1;
}

.form-control input[type="checkbox"]:disabled + .form-check-sign::before,
.checkbox input[type="checkbox"]:disabled + .form-check-sign::after {
  cursor: not-allowed;
}

.form-check input[type="checkbox"]:disabled + .form-check-sign,
.form-check input[type="radio"]:disabled + .form-check-sign {
  pointer-events: none;
}

.form-check-radio .form-check-sign::before,
.form-check-radio .form-check-sign::after {
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e3e3e3;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
  padding: 1px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.form-check-radio input[type="radio"] + .form-check-sign:after,
.form-check-radio input[type="radio"] {
  opacity: 0;
}

.form-check-radio input[type="radio"]:checked + .form-check-sign::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-color: #555555;
  top: 11px;
  left: 11px;
  opacity: 1;
}

.form-check-radio input[type="radio"]:checked + .form-check-sign::after {
  opacity: 1;
}

.form-check-radio input[type="radio"]:disabled + .form-check-sign {
  color: #9a9a9a;
}

.form-check-radio input[type="radio"]:disabled + .form-check-sign::before,
.form-check-radio input[type="radio"]:disabled + .form-check-sign::after {
  color: #9a9a9a;
}

.navbar {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  min-height: 53px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.navbar a {
  vertical-align: middle;
}

.navbar a:not(.btn):not(.dropdown-item) {
  color: var(--blackfontcolor);
}

.navbar a.dropdown-item {
  color: #888;
}

.navbar.bg-white .input-group .form-control,
.navbar.bg-white .input-group.no-border .form-control {
  color: #888;
}

.navbar.bg-white .input-group .form-control::-moz-placeholder,
.navbar.bg-white .input-group.no-border .form-control::-moz-placeholder {
  color: #888;
}

.navbar.bg-white .input-group .form-control:-ms-input-placeholder,
.navbar.bg-white .input-group.no-border .form-control:-ms-input-placeholder {
  color: #888;
}

.navbar.bg-white .input-group .form-control::-webkit-input-placeholder,
.navbar.bg-white
  .input-group.no-border
  .form-control::-webkit-input-placeholder {
  color: #888;
}

.navbar.bg-white .input-group-prepend .input-group-text i,
.navbar.bg-white .input-group-append .input-group-text i {
  color: #888;
  opacity: 0.5;
}

.navbar .form-group,
.navbar .input-group {
  margin: 0;
  margin-left: -3px;
  margin-right: 5px;
}

.navbar .form-group .form-group-addon,
.navbar .form-group .input-group-prepend .input-group-text,
.navbar .form-group .input-group-append .input-group-text,
.navbar .input-group .form-group-addon,
.navbar .input-group .input-group-prepend .input-group-text,
.navbar .input-group .input-group-append .input-group-text {
  color: #ffffff;
}

.navbar .form-group .form-group-addon i,
.navbar .form-group .input-group-prepend .input-group-text i,
.navbar .form-group .input-group-append .input-group-text i,
.navbar .input-group .form-group-addon i,
.navbar .input-group .input-group-prepend .input-group-text i,
.navbar .input-group .input-group-append .input-group-text i {
  opacity: 1;
}

.navbar .form-group.no-border .form-control,
.navbar .input-group.no-border .form-control {
  color: #ffffff;
}

.navbar .form-group.no-border .form-control::-moz-placeholder,
.navbar .input-group.no-border .form-control::-moz-placeholder {
  color: #ffffff;
}

.navbar .form-group.no-border .form-control:-ms-input-placeholder,
.navbar .input-group.no-border .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.navbar .form-group.no-border .form-control::-webkit-input-placeholder,
.navbar .input-group.no-border .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.navbar p {
  display: inline-block;
  margin: 0;
  line-height: 1.8em;
  font-size: 1em;
  font-weight: 400;
}

.navbar.navbar-absolute {
  /*position: absolute;*/
  width: 100%;
  padding-top: 10px;
  z-index: 1029;
}

.documentation .navbar.fixed-top {
  left: 0;
  width: initial;
}

.navbar .navbar-wrapper {
  display: inline-flex;
  align-items: center;
}

.navbar .navbar-wrapper .navbar-minimize {
  padding-right: 10px;
}

.navbar .navbar-wrapper .navbar-minimize .btn {
  margin: 0;
}

.navbar .navbar-wrapper .navbar-toggle .navbar-toggler {
  padding-left: 0;
}

.navbar .navbar-wrapper .navbar-toggle:hover .navbar-toggler-bar.bar2 {
  width: 22px;
}

.navbar .navbar-nav.navbar-logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 49px;
  top: -4px;
}

.navbar .navbar-nav .nav-link.btn {
  padding: 11px 22px;
}

.navbar .navbar-nav .nav-link.btn.btn-lg {
  padding: 15px 48px;
}

.navbar .navbar-nav .nav-link.btn.btn-sm {
  padding: 5px 15px;
}

.navbar .navbar-nav .nav-link {
  text-transform: uppercase;
  font-size: 0.7142em;
  padding: 0.5rem 0.7rem;
  line-height: 1.625rem;
  margin-right: 3px;
}

.navbar .navbar-nav .nav-link i.fa + p,
.navbar .navbar-nav .nav-link i.now-ui-icons + p {
  margin-left: 3px;
}

.navbar .navbar-nav .nav-link i.fa,
.navbar .navbar-nav .nav-link i.now-ui-icons {
  font-size: 18px;
  position: relative;
  top: 3px;
  text-align: center;
  width: 21px;
}

.navbar .navbar-nav .nav-link i.now-ui-icons {
  top: 4px;
  font-size: 16px;
}

.navbar .navbar-nav .nav-link.profile-photo .profile-photo-small {
  width: 27px;
  height: 27px;
}

.navbar .navbar-nav .nav-link.disabled {
  opacity: 0.5;
  color: #ffffff;
}

.navbar .navbar-nav .nav-item.active .nav-link:not(.btn),
.navbar .navbar-nav .nav-item .nav-link:not(.btn):focus,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar .navbar-nav .nav-item .nav-link:not(.btn):active {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.1875rem;
  color: #ffffff;
}

.navbar .logo-container {
  width: 27px;
  height: 27px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid transparent;
}

.navbar .navbar-brand {
  text-transform: uppercase;
  font-size: 0.8571em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.625rem;
}

.navbar .navbar-toggler {
  width: 37px;
  height: 27px;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}

.navbar .navbar-toggler .navbar-toggler-bar.navbar-kebab {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: 0 auto;
}

.navbar .button-dropdown .navbar-toggler-bar:nth-child(2) {
  width: 17px;
}

.navbar.navbar-transparent {
  background-color: var(--primary)!important;
  box-shadow: none;
  color: var(--blackfontcolor);
}

.navbar.bg-white:not(.navbar-transparent) a:not(.dropdown-item):not(.btn) {
  color: #888;
}

.navbar.bg-white:not(.navbar-transparent)
  a:not(.dropdown-item):not(.btn).disabled {
  opacity: 0.5;
  color: #888;
}

.navbar.bg-white:not(.navbar-transparent) .button-bar {
  background: #888;
}

.navbar.bg-white:not(.navbar-transparent) .nav-item.active .nav-link:not(.btn),
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):focus,
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):hover,
.navbar.bg-white:not(.navbar-transparent) .nav-item .nav-link:not(.btn):active {
  background-color: rgba(222, 222, 222, 0.8);
  color: #888;
}

.navbar.bg-white:not(.navbar-transparent) .logo-container {
  border: 1px solid #888;
}

.bg-default {
  background-color: #888 !important;
}

.bg-primary {
  background-color: #f96332 !important;
}

.bg-info {
  background-color: #2ca8ff !important;
}

.bg-success {
  background-color: #18ce0f !important;
}

.bg-danger {
  background-color: #ff3636 !important;
}

.bg-warning {
  background-color: #ffb236 !important;
}

.bg-white {
  background-color: #ffffff !important;
}
.side-header {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 -5px;
}
.page-header {
  min-height: 100vh;
  max-height: 999px;
  padding: 0;
  color: #ffffff;
  position: relative;
}

.page-header .page-header-image {
  position: absolute;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.page-header .content-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  padding: 0 15px;
  width: 100%;
  max-width: 880px;
}

.page-header footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.page-header .container {
  height: 100%;
  z-index: 1;
}

.page-header .category,
.page-header .description {
  color: rgba(255, 255, 255, 0.8);
}

.page-header.page-header-small {
  min-height: 60vh;
  max-height: 440px;
}

.page-header.page-header-mini {
  min-height: 40vh;
  max-height: 340px;
}

.page-header .title {
  margin-bottom: 15px;
}

.page-header .title + h4 {
  margin-top: 10px;
}

.page-header:after,
.page-header:before {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
}

.page-header:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.page-header[filter-color="orange"] {
  background: rgba(44, 44, 44, 0.2);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    90deg,
    rgba(44, 44, 44, 0.2),
    rgba(224, 23, 3, 0.6)
  );
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    90deg,
    rgba(44, 44, 44, 0.2),
    rgba(224, 23, 3, 0.6)
  );
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    90deg,
    rgba(44, 44, 44, 0.2),
    rgba(224, 23, 3, 0.6)
  );
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(
    0deg,
    rgba(44, 44, 44, 0.2),
    rgba(224, 23, 3, 0.6)
  );
  /* Standard syntax */
}

.dropdown-menu {
  border: 0;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.125rem;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
  font-size: 14px;
}

.dropdown-menu.dropdown-menu-right:before {
  left: auto;
  right: 10px;
}

.dropdown-menu i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.dropdown-menu .now-ui-icons {
  margin-right: 10px;
  position: relative;
  top: 4px;
  font-size: 18px;
  margin-top: -5px;
  opacity: 0.5;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  color: inherit;
}

.dropup .dropdown-menu:before {
  display: none;
}

.dropup .dropdown-menu:after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: auto;
  bottom: -5px;
  right: auto;
  left: 10px;
  color: #ffffff;
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}

.dropup .dropdown-menu.dropdown-menu-right:after {
  right: 10px;
  left: auto;
}

.dropdown-menu:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: -5px;
  left: 10px;
  right: auto;
  color: #ffffff;
  border-bottom: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}

.dropdown-menu.dropdown-menu-right {
  right: 0 !important;
  left: auto !important;
}

.dropdown-menu .dropdown-item,
.bootstrap-select .dropdown-menu.inner li a {
  font-size: 0.8571em;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  margin-top: 5px;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.bootstrap-select .dropdown-menu.inner li a:hover,
.bootstrap-select .dropdown-menu.inner li a:focus {
  background-color: rgba(222, 222, 222, 0.3);
  outline: 0;
}

.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .dropdown-item:disabled,
.bootstrap-select .dropdown-menu.inner li a.disabled,
.bootstrap-select .dropdown-menu.inner li a:disabled {
  color: rgba(182, 182, 182, 0.6);
}

.dropdown-menu .dropdown-item.disabled:hover,
.dropdown-menu .dropdown-item.disabled:focus,
.dropdown-menu .dropdown-item:disabled:hover,
.dropdown-menu .dropdown-item:disabled:focus,
.bootstrap-select .dropdown-menu.inner li a.disabled:hover,
.bootstrap-select .dropdown-menu.inner li a.disabled:focus,
.bootstrap-select .dropdown-menu.inner li a:disabled:hover,
.bootstrap-select .dropdown-menu.inner li a:disabled:focus {
  background-color: transparent;
}

.dropdown-menu .dropdown-divider {
  background-color: rgba(222, 222, 222, 0.5);
}

.dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(182, 182, 182, 0.6);
  font-size: 0.7142em;
  text-transform: uppercase;
  font-weight: 700;
}

.dropdown-menu.dropdown-primary {
  background-color: #f95823;
}

.dropdown-menu.dropdown-primary:before {
  color: #f95823;
}

.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-primary .dropdown-item {
  color: #ffffff;
}

.dropdown-menu.dropdown-primary .dropdown-item:hover,
.dropdown-menu.dropdown-primary .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-primary .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-info {
  background-color: #1da2ff;
}

.dropdown-menu.dropdown-info:before {
  color: #1da2ff;
}

.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-info .dropdown-item {
  color: #ffffff;
}

.dropdown-menu.dropdown-info .dropdown-item:hover,
.dropdown-menu.dropdown-info .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-info .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-danger {
  background-color: #ff2727;
}

.dropdown-menu.dropdown-danger:before {
  color: #ff2727;
}

.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-danger .dropdown-item {
  color: #ffffff;
}

.dropdown-menu.dropdown-danger .dropdown-item:hover,
.dropdown-menu.dropdown-danger .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-danger .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-success {
  background-color: #16c00e;
}

.dropdown-menu.dropdown-success:before {
  color: #16c00e;
}

.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-success .dropdown-item {
  color: #ffffff;
}

.dropdown-menu.dropdown-success .dropdown-item:hover,
.dropdown-menu.dropdown-success .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-success .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-warning {
  background-color: #ffac27;
}

.dropdown-menu.dropdown-warning:before {
  color: #ffac27;
}

.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu.dropdown-warning .dropdown-item {
  color: #ffffff;
}

.dropdown-menu.dropdown-warning .dropdown-item:hover,
.dropdown-menu.dropdown-warning .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown-menu.dropdown-warning .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}

.dropdown .dropdown-menu:not(.inner),
.dropup:not(.bootstrap-select) .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.top,
.dropdown-menu.bootstrap-datetimepicker-widget.bottom {
  visibility: hidden;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 100% !important;
}

.dropdown .dropdown-menu:not(.inner),
.dropdown-menu.bootstrap-datetimepicker-widget.bottom {
  -webkit-transform: translate3d(0, -20px, 0) !important;
  -moz-transform: translate3d(0, -20px, 0) !important;
  -o-transform: translate3d(0, -20px, 0) !important;
  -ms-transform: translate3d(0, -20px, 0) !important;
  transform: translate3d(0, -20px, 0) !important;
}

.bootstrap-select.dropup .dropdown-menu:not(.inner) {
  -webkit-transform: translate3d(0, 25px, 0) !important;
  -moz-transform: translate3d(0, 25px, 0) !important;
  -o-transform: translate3d(0, 25px, 0) !important;
  -ms-transform: translate3d(0, 25px, 0) !important;
  transform: translate3d(0, 25px, 0) !important;
}

.dropup:not(.bootstrap-select) .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.top {
  -webkit-transform: translate3d(0, 20px, 0) !important;
  -moz-transform: translate3d(0, 20px, 0) !important;
  -o-transform: translate3d(0, 20px, 0) !important;
  -ms-transform: translate3d(0, 20px, 0) !important;
  transform: translate3d(0, 20px, 0) !important;
  top: auto !important;
  bottom: 100%;
}

.dropdown.show .dropdown-menu:not(.inner),
.dropdown-menu.bootstrap-datetimepicker-widget.top.open,
.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,
.dropup.show:not(.bootstrap-select) .dropdown-menu,
.navbar .dropdown.show .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.dropdown.show .dropdown-menu:not(.inner),
.dropdown-menu.bootstrap-datetimepicker-widget.bottom.open,
.navbar .dropdown.show .dropdown-menu {
  -webkit-transform: translate3d(0, 1px, 0) !important;
  -moz-transform: translate3d(0, 1px, 0) !important;
  -o-transform: translate3d(0, 1px, 0) !important;
  -ms-transform: translate3d(0, 1px, 0) !important;
  transform: translate3d(0, 1px, 0) !important;
}

.dropup.show:not(.bootstrap-select) .dropdown-menu,
.dropdown-menu.bootstrap-datetimepicker-widget.top.open {
  -webkit-transform: translate3d(0, -2px, 0) !important;
  -moz-transform: translate3d(0, -2px, 0) !important;
  -o-transform: translate3d(0, -2px, 0) !important;
  -ms-transform: translate3d(0, -2px, 0) !important;
  transform: translate3d(0, -2px, 0) !important;
}

.button-dropdown {
  padding-right: 0.7rem;
  cursor: pointer;
}

.button-dropdown .dropdown-toggle {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: block;
}

.button-dropdown .dropdown-toggle:after {
  display: none;
}

.alert {
  border: 0;
  border-radius: 0.1875rem;
  color: #ffffff;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  position: relative;
  z-index: 999999999 !important;
  display: none !important;
}

.alert.alert-success {
  background-color: #1be611;
}

.alert.alert-danger {
  background-color: #ff5050;
}

.alert.alert-warning {
  background-color: #ffbc50;
}

.alert.alert-info {
  background-color: #46b3ff;
}

.alert.alert-primary {
  background-color: #fa764b;
}

.alert i.fa,
.alert i.now-ui-icons {
  font-size: 20px;
}

.alert .close {
  color: #ffffff !important;
  opacity: 0.9;
  text-shadow: none;
  line-height: 0;
  outline: 0;
}

.alert span[data-notify="icon"] {
  font-size: 22px;
  display: block;
  left: 19px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
}

.alert button.close {
  position: absolute;
  right: 10px;
  top: 42%!important;
  margin-top: -13px;
  width: 32px;
  height: 32px;
  padding: 3px;
  background-color: black;
  border-radius: 50%;
}
.alert:hover [data-notify="message"] {
  color: #5c5cc8 !important;
}
.alert [data-notify="message"] {
  transition: all 0.5s;
  text-decoration: underline;
}

.alert .close ~ span {
  display: block;
  max-width: 89%;
}

.alert.alert-with-icon {
  padding-left: 65px;
}

img {
  max-width: 100%;
  /*  border-radius: 0.1875rem;*/
}

.img-raised {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

/* --------------------------------

Nucleo Outline Web Font - nucleoapp.com/
License - nucleoapp.com/license/
Created using IcoMoon - icomoon.io

-------------------------------- */

/*------------------------
  base class definition
-------------------------*/
.now-ui-icons {
  display: inline-block;
  font: normal normal normal 14px/1 "Nucleo Outline";
  font-size: inherit;
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------
  change icon size
-------------------------*/
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.now-ui-icons.circle {
  padding: 0.33333333em;
  vertical-align: -16%;
  background-color: #eee;
}

.now-ui-icons.circle {
  border-radius: 50%;
}

/*------------------------
  list icons
-------------------------*/
.nc-icon-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.nc-icon-ul > li {
  position: relative;
}

.nc-icon-ul > li > .now-ui-icons {
  position: absolute;
  left: -1.57142857em;
  top: 0.14285714em;
  text-align: center;
}

.nc-icon-ul > li > .now-ui-icons.circle {
  top: -0.19047619em;
  left: -1.9047619em;
}

/*------------------------
  spinning icons
-------------------------*/
.now-ui-icons.spin {
  -webkit-animation: nc-icon-spin 2s infinite linear;
  -moz-animation: nc-icon-spin 2s infinite linear;
  animation: nc-icon-spin 2s infinite linear;
}

@-webkit-keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes nc-icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes nc-icon-spin {
  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);
  }
}

/*------------------------
  rotated/flipped icons
-------------------------*/
/*------------------------
  font icons
-------------------------*/
.now-ui-icons.ui-1_check:before {
  content: "\ea22";
}

.now-ui-icons.ui-1_email-85:before {
  content: "\ea2a";
}

.now-ui-icons.arrows-1_cloud-download-93:before {
  content: "\ea21";
}

.now-ui-icons.arrows-1_cloud-upload-94:before {
  content: "\ea24";
}

.now-ui-icons.arrows-1_minimal-down:before {
  content: "\ea39";
}

.now-ui-icons.arrows-1_minimal-left:before {
  content: "\ea3a";
}

.now-ui-icons.arrows-1_minimal-right:before {
  content: "\ea3b";
}

.now-ui-icons.arrows-1_minimal-up:before {
  content: "\ea3c";
}

.now-ui-icons.arrows-1_refresh-69:before {
  content: "\ea44";
}

.now-ui-icons.arrows-1_share-66:before {
  content: "\ea4c";
}

.now-ui-icons.business_badge:before {
  content: "\ea09";
}

.now-ui-icons.business_bank:before {
  content: "\ea0a";
}

.now-ui-icons.business_briefcase-24:before {
  content: "\ea13";
}

.now-ui-icons.business_bulb-63:before {
  content: "\ea15";
}

.now-ui-icons.business_chart-bar-32:before {
  content: "\ea1e";
}

.now-ui-icons.business_chart-pie-36:before {
  content: "\ea1f";
}

.now-ui-icons.business_globe:before {
  content: "\ea2f";
}

.now-ui-icons.business_money-coins:before {
  content: "\ea40";
}

.now-ui-icons.clothes_tie-bow:before {
  content: "\ea5b";
}

.now-ui-icons.design_vector:before {
  content: "\ea61";
}

.now-ui-icons.design_app:before {
  content: "\ea08";
}

.now-ui-icons.design_bullet-list-67:before {
  content: "\ea14";
}

.now-ui-icons.design_image:before {
  content: "\ea33";
}

.now-ui-icons.design_palette:before {
  content: "\ea41";
}

.now-ui-icons.design_scissors:before {
  content: "\ea4a";
}

.now-ui-icons.design-2_html5:before {
  content: "\ea32";
}

.now-ui-icons.design-2_ruler-pencil:before {
  content: "\ea48";
}

.now-ui-icons.emoticons_satisfied:before {
  content: "\ea49";
}

.now-ui-icons.files_box:before {
  content: "\ea12";
}

.now-ui-icons.files_paper:before {
  content: "\ea43";
}

.now-ui-icons.files_single-copy-04:before {
  content: "\ea52";
}

.now-ui-icons.health_ambulance:before {
  content: "\ea07";
}

.now-ui-icons.loader_gear:before {
  content: "\ea4e";
}

.now-ui-icons.loader_refresh:before {
  content: "\ea44";
}

.now-ui-icons.location_bookmark:before {
  content: "\ea10";
}

.now-ui-icons.location_compass-05:before {
  content: "\ea25";
}

.now-ui-icons.location_map-big:before {
  content: "\ea3d";
}

.now-ui-icons.location_pin:before {
  content: "\ea47";
}

.now-ui-icons.location_world:before {
  content: "\ea63";
}

.now-ui-icons.media-1_album:before {
  content: "\ea02";
}

.now-ui-icons.media-1_button-pause:before {
  content: "\ea16";
}

.now-ui-icons.media-1_button-play:before {
  content: "\ea18";
}

.now-ui-icons.media-1_button-power:before {
  content: "\ea19";
}

.now-ui-icons.media-1_camera-compact:before {
  content: "\ea1c";
}

.now-ui-icons.media-2_note-03:before {
  content: "\ea3f";
}

.now-ui-icons.media-2_sound-wave:before {
  content: "\ea57";
}

.now-ui-icons.objects_diamond:before {
  content: "\ea29";
}

.now-ui-icons.objects_globe:before {
  content: "\ea2f";
}

.now-ui-icons.objects_key-25:before {
  content: "\ea38";
}

.now-ui-icons.objects_planet:before {
  content: "\ea46";
}

.now-ui-icons.objects_spaceship:before {
  content: "\ea55";
}

.now-ui-icons.objects_support-17:before {
  content: "\ea56";
}

.now-ui-icons.objects_umbrella-13:before {
  content: "\ea5f";
}

.now-ui-icons.education_agenda-bookmark:before {
  content: "\ea01";
}

.now-ui-icons.education_atom:before {
  content: "\ea0c";
}

.now-ui-icons.education_glasses:before {
  content: "\ea2d";
}

.now-ui-icons.education_hat:before {
  content: "\ea30";
}

.now-ui-icons.education_paper:before {
  content: "\ea42";
}

.now-ui-icons.shopping_bag-16:before {
  content: "\ea0d";
}

.now-ui-icons.shopping_basket:before {
  content: "\ea0b";
}

.now-ui-icons.shopping_box:before {
  content: "\ea11";
}

.now-ui-icons.shopping_cart-simple:before {
  content: "\ea1d";
}

.now-ui-icons.shopping_credit-card:before {
  content: "\ea28";
}

.now-ui-icons.shopping_delivery-fast:before {
  content: "\ea27";
}

.now-ui-icons.shopping_shop:before {
  content: "\ea50";
}

.now-ui-icons.shopping_tag-content:before {
  content: "\ea59";
}

.now-ui-icons.sport_trophy:before {
  content: "\ea5d";
}

.now-ui-icons.sport_user-run:before {
  content: "\ea60";
}

.now-ui-icons.tech_controller-modern:before {
  content: "\ea26";
}

.now-ui-icons.tech_headphones:before {
  content: "\ea31";
}

.now-ui-icons.tech_laptop:before {
  content: "\ea36";
}

.now-ui-icons.tech_mobile:before {
  content: "\ea3e";
}

.now-ui-icons.tech_tablet:before {
  content: "\ea58";
}

.now-ui-icons.tech_tv:before {
  content: "\ea5e";
}

.now-ui-icons.tech_watch-time:before {
  content: "\ea62";
}

.now-ui-icons.text_align-center:before {
  content: "\ea05";
}

.now-ui-icons.text_align-left:before {
  content: "\ea06";
}

.now-ui-icons.text_bold:before {
  content: "\ea0e";
}

.now-ui-icons.text_caps-small:before {
  content: "\ea1b";
}

.now-ui-icons.gestures_tap-01:before {
  content: "\ea5a";
}

.now-ui-icons.transportation_air-baloon:before {
  content: "\ea03";
}

.now-ui-icons.transportation_bus-front-12:before {
  content: "\ea17";
}

.now-ui-icons.travel_info:before {
  content: "\ea04";
}

.now-ui-icons.travel_istanbul:before {
  content: "\ea34";
}

.now-ui-icons.ui-1_bell-53:before {
  content: "\ea0f";
}

.now-ui-icons.ui-1_calendar-60:before {
  content: "\ea1a";
}

.now-ui-icons.ui-1_lock-circle-open:before {
  content: "\ea35";
}

.now-ui-icons.ui-1_send:before {
  content: "\ea4d";
}

.now-ui-icons.ui-1_settings-gear-63:before {
  content: "\ea4e";
}

.now-ui-icons.ui-1_simple-add:before {
  content: "\ea4f";
}

.now-ui-icons.ui-1_simple-delete:before {
  content: "\ea54";
}

.now-ui-icons.ui-1_simple-remove:before {
  content: "\ea53";
}

.now-ui-icons.ui-1_zoom-bold:before {
  content: "\ea64";
}

.now-ui-icons.ui-2_chat-round:before {
  content: "\ea20";
}

.now-ui-icons.ui-2_favourite-28:before {
  content: "\ea2b";
}

.now-ui-icons.ui-2_like:before {
  content: "\ea37";
}

.now-ui-icons.ui-2_settings-90:before {
  content: "\ea4b";
}

.now-ui-icons.ui-2_time-alarm:before {
  content: "\ea5c";
}

.now-ui-icons.users_circle-08:before {
  content: "\ea23";
}

.now-ui-icons.users_single-02:before {
  content: "\ea51";
}

.all-icons .font-icon-detail {
  text-align: center;
  padding: 45px 0px 30px;
  border: 1px solid #e5e5e5;
  border-radius: 0.1875rem;
  margin: 15px 0;
  min-height: 168px;
}

.all-icons [class*="now-ui-icons"] {
  font-size: 32px;
}

.all-icons .font-icon-detail p {
  margin: 25px auto 0;
  width: 100%;
  text-align: center;
  display: block;
  color: #b8b8b8;
  padding: 0 10px;
  font-size: 0.7142em;
}

.table .img-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.table .img-row {
  max-width: 60px;
  width: 60px;
}

.table .form-check {
  margin: 0;
}

.table .form-check label .form-check-sign::before,
.table .form-check label .form-check-sign::after {
  top: -17px;
  left: 4px;
}

.table .btn {
  margin: 0;
}

.table small,
.table .small {
  font-weight: 300;
}

.card-tasks .card-body .table {
  margin-bottom: 0;
}

.card-tasks .card-body .table > thead > tr > th,
.card-tasks .card-body .table > tbody > tr > th,
.card-tasks .card-body .table > tfoot > tr > th,
.card-tasks .card-body .table > thead > tr > td,
.card-tasks .card-body .table > tbody > tr > td,
.card-tasks .card-body .table > tfoot > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}

.table > thead > tr > th {
  border-bottom-width: 1px;
  font-size: 1em;
  font-weight: 300;
  border: 0;
}

.table .radio,
.table .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  width: 15px;
}

.table .radio .icons,
.table .checkbox .icons {
  position: relative;
}

.table .radio label:after,
.table .radio label:before,
.table .checkbox label:after,
.table .checkbox label:before {
  top: -17px;
  left: -3px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 24px 7px;
  vertical-align: middle;
}

.table .th-description {
  max-width: 150px;
}

.table .td-price {
  font-size: 26px;
  font-weight: 300;
  margin-top: 5px;
  position: relative;
  top: 4px;
  text-align: right;
}

.table .td-total {
  font-weight: 700;
  font-size: 1.57em;
  padding-top: 20px;
  text-align: right;
}

.table .td-actions .btn {
  margin: 0px;
}

.table > tbody > tr {
  position: relative;
}

.table-shopping > thead > tr > th {
  font-size: 1em;
  text-transform: uppercase;
}

.table-shopping > tbody > tr > td {
  font-size: 1em;
}

.table-shopping > tbody > tr > td b {
  display: block;
  margin-bottom: 5px;
}

.table-shopping .td-name {
  font-weight: 400;
  font-size: 1.5em;
}

.table-shopping .td-name small {
  color: #9a9a9a;
  font-size: 0.75em;
  font-weight: 300;
}

.table-shopping .td-number {
  font-weight: 300;
  font-size: 1.714em;
}

.table-shopping .td-name {
  min-width: 200px;
}

.table-shopping .td-number {
  text-align: right;
  min-width: 170px;
}

.table-shopping .td-number small {
  margin-right: 3px;
}

.table-shopping .img-container {
  width: 120px;
  max-height: 160px;
  overflow: hidden;
  display: block;
}

.table-shopping .img-container img {
  width: 100%;
}

.table-responsive {
  overflow: auto;
  padding-bottom: 10px;
  width: 94%;
  margin: 0 auto;
}

#tables .table-responsive {
  margin-bottom: 30px;
}

.wrapper {
  position: relative;
  top: 0;
  height: 100%;
}

.wrapper.wrapper-full-page {
  min-height: 100vh;
  height: auto;
}

.sidebar,
.off-canvas-sidebar {
  position: fixed;
  top: 0;
  height: 100%;
  bottom: 0;
  width: 240px;
  left: 0;
  z-index: 1030;
}

.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {
  position: relative;
  height: calc(100vh - 180px);
  overflow: auto;
  width: 240px;
  z-index: 4;
  background: white;
  padding-bottom: 95px;
}

.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
  display: none !important;
}

.sidebar .sidebar-wrapper .navbar-form,
.off-canvas-sidebar .sidebar-wrapper .navbar-form {
  border: none;
}

.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize {
  position: absolute;
  right: 20px;
  top: 2px;
  opacity: 1;
}

.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}

.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}

.sidebar .nav,
.off-canvas-sidebar .nav {
  margin-top: 0px;
  display: block;
}

.sidebar .nav .caret,
.off-canvas-sidebar .nav .caret {
  top: 14px;
  position: absolute;
  right: 10px;
}

.sidebar .nav li > a + div .nav li > a,
.off-canvas-sidebar .nav li > a + div .nav li > a {
  margin-top: 0px;
}
.sidebar .nav li > a + div .nav li > a {
  margin-top: 0px;
  padding: 14px 0 14px 64px;
}
.collapse .nav {
  background: #f1f1f1;
}

.sidebar .nav li > a,
.off-canvas-sidebar .nav li > a {
  /*margin: 10px 15px 0;*/
  /*border-radius: 30px;*/
  color: var(--blackfontcolor);
  display: block;
  text-decoration: none;
  position: relative;
  /*text-transform: uppercase;*/
  cursor: pointer;
  /*font-size: 0.7142em;*/
  padding: 10px 8px;
  background: linear-gradient(to right, var(--primary) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 300ms ease;
  /*line-height: 1.625rem;*/
  letter-spacing: 1px;
}

.sidebar .nav li:first-child > a,
.off-canvas-sidebar .nav li:first-child > a {
  /*margin: 0 15px;*/
}

.sidebar .nav li > a img {
  width: 15px;
  float: left;
  margin: 5px 15px 0px 25px;
}
.sidebar .nav li > a p {
}
.sidebar .nav li > a:hover {
  background-position: left bottom;
  color: white;
}
.sidebar .nav li > a:hover img {
  filter: brightness(0) invert(1);
}

.sidebar .nav li:hover:not(.active) > a,
.sidebar .nav li:focus:not(.active) > a,
.off-canvas-sidebar .nav li:hover:not(.active) > a,
.off-canvas-sidebar .nav li:focus:not(.active) > a {
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .nav li:hover:not(.active) > a i,
.sidebar .nav li:focus:not(.active) > a i,
.off-canvas-sidebar .nav li:hover:not(.active) > a i,
.off-canvas-sidebar .nav li:focus:not(.active) > a i {
  color: #ffffff;
}

.sidebar .nav li.active > a,
.off-canvas-sidebar .nav li.active > a {
  /*background-color: #FFFFFF;*/
  /*box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);*/
}

.sidebar .nav li.active > a:before {
  content: "";
  background: var(--primary);
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sidebar .nav p,
.off-canvas-sidebar .nav p {
  margin: 0;
  line-height: 30px;
  position: relative;
  display: block;
  height: auto;
  white-space: nowrap;
}

.sidebar .nav i,
.off-canvas-sidebar .nav i {
  font-size: 20px;
  float: left;
  margin-right: 12px;
  line-height: 30px;
  width: 34px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}

.sidebar .sidebar-background,
.off-canvas-sidebar .sidebar-background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}

.sidebar .sidebar-background:after,
.off-canvas-sidebar .sidebar-background:after {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: #ffffff;
  opacity: 1;
}

.sidebar .logo,
.off-canvas-sidebar .logo {
  position: relative;
  padding: 0.5rem 0.7rem;
  z-index: 4;
}

.sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-mini {
  opacity: 1;
  float: left;
  width: 34px;
  text-align: center;
  margin-left: 10px;
  margin-right: 12px;
}

.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-normal {
  display: block;
  opacity: 1;
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.sidebar .logo:after,
.off-canvas-sidebar .logo:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 1px;
  width: calc(100% - 30px);
  /*background-color: rgba(255, 255, 255, 0.5);*/
}

.sidebar .logo p,
.off-canvas-sidebar .logo p {
  float: left;
  font-size: 20px;
  margin: 10px 10px;
  color: #ffffff;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
  text-transform: uppercase;
  padding: 0.5rem 0;
  display: block;
  white-space: nowrap;
  font-size: 1em;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
}

.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}

.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}

.sidebar:before,
.sidebar:after,
.off-canvas-sidebar:before,
.off-canvas-sidebar:after {
  display: block;
  content: "";
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sidebar:after,
.off-canvas-sidebar:after {
  background: #888;
  background: -webkit-linear-gradient(#888 0%, #000 80%);
  background: -o-linear-gradient(#888 0%, #000 80%);
  background: -moz-linear-gradient(#888 0%, #000 80%);
  background: linear-gradient(#888 0%, #000 80%);
  z-index: 3;
}

.sidebar[data-color="blue"]:after,
.off-canvas-sidebar[data-color="blue"]:after {
  background: #2ca8ff;
}

.sidebar[data-color="blue"] .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="blue"]
  .nav
  li.active
  > a:not([data-toggle="collapse"]) {
  color: #2ca8ff;
}

.sidebar[data-color="blue"] .nav li.active > a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="blue"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i {
  color: #2ca8ff;
}

.sidebar[data-color="green"]:after,
.off-canvas-sidebar[data-color="green"]:after {
  background: #18ce0f;
}

.sidebar[data-color="green"] .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="green"]
  .nav
  li.active
  > a:not([data-toggle="collapse"]) {
  color: #18ce0f;
}

.sidebar[data-color="green"] .nav li.active > a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="green"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i {
  color: #18ce0f;
}

.sidebar[data-color="orange"]:after,
.off-canvas-sidebar[data-color="orange"]:after {
  background: #f96332;
}

.sidebar[data-color="orange"] .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="orange"]
  .nav
  li.active
  > a:not([data-toggle="collapse"]) {
  color: #f96332;
}

.sidebar[data-color="orange"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i,
.off-canvas-sidebar[data-color="orange"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i {
  color: #f96332;
}

.sidebar[data-color="red"]:after,
.off-canvas-sidebar[data-color="red"]:after {
  background: #ff3636;
}

.sidebar[data-color="red"] .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="red"]
  .nav
  li.active
  > a:not([data-toggle="collapse"]) {
  color: #ff3636;
}

.sidebar[data-color="red"] .nav li.active > a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="red"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i {
  color: #ff3636;
}

.sidebar[data-color="yellow"]:after,
.off-canvas-sidebar[data-color="yellow"]:after {
  background: #ffb236;
}

.sidebar[data-color="yellow"] .nav li.active > a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="yellow"]
  .nav
  li.active
  > a:not([data-toggle="collapse"]) {
  color: #ffb236;
}

.sidebar[data-color="yellow"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i,
.off-canvas-sidebar[data-color="yellow"]
  .nav
  li.active
  > a:not([data-toggle="collapse"])
  i {
  color: #ffb236;
}

.visible-on-sidebar-regular {
  display: inline-block !important;
}

.visible-on-sidebar-mini {
  display: none !important;
}

.off-canvas-sidebar .nav > li > a,
.off-canvas-sidebar .nav > li > a:hover {
  color: #ffffff;
}

.off-canvas-sidebar .nav > li > a:focus {
  background: rgba(200, 200, 200, 0.2);
}

.main-panel {
  position: relative;
  float: right;
  width: calc(100% - 240px);
  background-color: #f1f1f1;
  /*background-color: #ebecf1;*/
  -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}

.main-panel > .content {
  padding: 0 30px 30px;
  min-height: calc(100vh - 123px);
  margin-top: -30px;
}

.main-panel > .navbar {
  margin-bottom: 0;
}

.main-panel .header {
  margin-bottom: 50px;
}

.perfect-scrollbar-on .sidebar,
.perfect-scrollbar-on .main-panel {
  height: 100%;
  max-height: 100%;
}

@media (min-width: 991px) {
  .sidebar {
    display: block;
    box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2),
      0px 2px 30px 0 rgba(0, 0, 0, 0.35);
  }
}

.panel-header {
  height: 260px;
  padding-top: 80px;
  padding-bottom: 45px;
  background: #141e30;
  /* fallback for old browsers */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0c2646),
    color-stop(60%, #204065),
    to(#2a5788)
  );
  background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
  position: relative;
  overflow: hidden;
}

.panel-header .header .title {
  color: #ffffff;
}

.panel-header .header .category {
  max-width: 600px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  font-size: 13px;
}

.panel-header .header .category a {
  color: #ffffff;
}

.panel-header-sm {
  height: 135px;
}

.panel-header-lg {
  height: 380px;
}

.footer {
  padding: 24px 0;
}

.footer.footer-default {
  background-color: #f2f2f2;
}

.footer nav {
  display: inline-block;
  float: left;
  padding-left: 7px;
}

.footer ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.footer ul li {
  display: inline-block;
}

.footer ul li a {
  color: inherit;
  padding: 0.5rem;
  font-size: 0.8571em;
  text-transform: uppercase;
  text-decoration: none;
}

.footer ul li a:hover {
  text-decoration: none;
}

.footer.fixed-bottom {
  width: calc(100% - 80px);
  margin-left: auto;
}

.footer .copyright {
  font-size: 0.8571em;
  line-height: 1.8;
}

.footer:after {
  display: table;
  clear: both;
  content: " ";
}

.fixed-plugin {
  position: fixed;
  right: 0;
  width: 64px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1031;
  border-radius: 8px 0 0 8px;
  text-align: center;
  top: 120px;
}

.fixed-plugin li > a,
.fixed-plugin .badge {
  transition: all 0.34s;
  -webkit-transition: all 0.34s;
  -moz-transition: all 0.34s;
}

.fixed-plugin .fa-cog {
  color: #ffffff;
  padding: 10px;
  border-radius: 0 0 6px 6px;
  width: auto;
}

.fixed-plugin .dropdown .dropdown-menu {
  right: 80px;
  left: auto !important;
  top: -52px !important;
  width: 290px;
  border-radius: 0.1875rem;
  padding: 0 10px;
}

.fixed-plugin .dropdown .dropdown-menu .now-ui-icons {
  top: 5px;
}

.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
  right: 10px;
  margin-left: auto;
  left: auto;
}

.fixed-plugin .fa-circle-thin {
  color: #ffffff;
}

.fixed-plugin .active .fa-circle-thin {
  color: #00bbff;
}

.fixed-plugin .dropdown-menu > .active > a,
.fixed-plugin .dropdown-menu > .active > a:hover,
.fixed-plugin .dropdown-menu > .active > a:focus {
  color: #777777;
  text-align: center;
}

.fixed-plugin img {
  border-radius: 0;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}

.fixed-plugin .dropdown-menu li > a:hover,
.fixed-plugin .dropdown-menu li > a:focus {
  box-shadow: none;
}

.fixed-plugin .badge {
  border: 3px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  margin-right: 5px;
  position: relative;
  width: 23px;
}

.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
  border-color: #00bbff;
}

.fixed-plugin .badge-blue {
  background-color: #2ca8ff;
}

.fixed-plugin .badge-green {
  background-color: #18ce0f;
}

.fixed-plugin .badge-orange {
  background-color: #f96332;
}

.fixed-plugin .badge-yellow {
  background-color: #ffb236;
}

.fixed-plugin .badge-red {
  background-color: #ff3636;
}

.fixed-plugin h5 {
  font-size: 14px;
  margin: 10px;
}

.fixed-plugin .dropdown-menu li {
  display: block;
  padding: 18px 2px;
  width: 25%;
  float: left;
}

.fixed-plugin li.adjustments-line,
.fixed-plugin li.header-title,
.fixed-plugin li.button-container {
  width: 100%;
  height: 50px;
  min-height: inherit;
}

.fixed-plugin li.button-container {
  height: auto;
}

.fixed-plugin li.button-container div {
  margin-bottom: 5px;
}

.fixed-plugin #sharrreTitle {
  text-align: center;
  padding: 10px 0;
  height: 50px;
}

.fixed-plugin li.header-title {
  height: 30px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.fixed-plugin .adjustments-line p {
  float: left;
  display: inline-block;
  margin-bottom: 0;
  font-size: 1em;
  color: #3c4858;
}

.fixed-plugin .adjustments-line a {
  color: transparent;
}

.fixed-plugin .adjustments-line a .badge-colors {
  position: relative;
  top: -2px;
}

.fixed-plugin .adjustments-line a a:hover,
.fixed-plugin .adjustments-line a a:focus {
  color: transparent;
}

.fixed-plugin .adjustments-line .togglebutton {
  text-align: center;
}

.fixed-plugin .adjustments-line .togglebutton .label-switch {
  position: relative;
  left: -10px;
  font-size: 0.7142em;
  color: #888;
}

.fixed-plugin .adjustments-line .togglebutton .label-switch.label-right {
  left: 10px;
}

.fixed-plugin .adjustments-line .togglebutton .toggle {
  margin-right: 0;
}

.fixed-plugin .adjustments-line .dropdown-menu > li.adjustments-line > a {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  margin: 0;
}

.fixed-plugin .dropdown-menu > li > a.img-holder {
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  border: 3px solid #fff;
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
  cursor: pointer;
  display: block;
  max-height: 100px;
  overflow: hidden;
  padding: 0;
}

.element-item {
  width: 100%;
}

.link {
  cursor: pointer !important;
}

.fixed-plugin .dropdown-menu > li > a.img-holder img {
  margin-top: auto;
}

.fixed-plugin .dropdown-menu > li a.switch-trigger:hover,
.fixed-plugin .dropdown-menu > li > a.switch-trigger:focus {
  background-color: transparent;
}

.fixed-plugin .dropdown-menu > li:hover > a.img-holder,
.fixed-plugin .dropdown-menu > li:focus > a.img-holder {
  border-color: rgba(0, 187, 255, 0.53);
}

.fixed-plugin .dropdown-menu > .active > a.img-holder,
.fixed-plugin .dropdown-menu > .active > a.img-holder {
  border-color: #00bbff;
  background-color: #ffffff;
}

.fixed-plugin .btn-social {
  width: 50%;
  display: block;
  width: 48%;
  float: left;
  font-weight: 600;
}

.fixed-plugin .btn-social i {
  margin-right: 5px;
}

.fixed-plugin .btn-social:first-child {
  margin-right: 2%;
}

.fixed-plugin .dropdown .dropdown-menu {
  -webkit-transform: translateY(-15%);
  -moz-transform: translateY(-15%);
  -o-transform: translateY(-15%);
  -ms-transform: translateY(-15%);
  transform: translateY(-15%);
  top: 27px;
  opacity: 0;
  transform-origin: 0 0;
}

.fixed-plugin .dropdown .dropdown-menu:before {
  border-bottom: 0.4em solid rgba(0, 0, 0, 0);
  border-left: 0.4em solid rgba(0, 0, 0, 0.2);
  border-top: 0.4em solid rgba(0, 0, 0, 0);
  right: -16px;
  top: 46px;
}

.fixed-plugin .dropdown .dropdown-menu:after {
  border-bottom: 0.4em solid rgba(0, 0, 0, 0);
  border-left: 0.4em solid #ffffff;
  border-top: 0.4em solid rgba(0, 0, 0, 0);
  right: -16px;
}

.fixed-plugin .dropdown .dropdown-menu:before,
.fixed-plugin .dropdown .dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 74px;
  width: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.fixed-plugin .dropdown.show .dropdown-menu {
  opacity: 1;
  -webkit-transform: translateY(-13%);
  -moz-transform: translateY(-13%);
  -o-transform: translateY(-13%);
  -ms-transform: translateY(-13%);
  transform: translateY(-13%);
  transform-origin: 0 0;
}

.fixed-plugin .bootstrap-switch {
  margin: 0;
}

.card {
  border: 0;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

.card [data-notify="container"].alert {
  min-width: auto;
  left: unset !important;
  right: unset !important;
}

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

.card .card-body.table-full-width {
  padding-left: 0;
  padding-right: 0;
}

.card .card-header {
  padding: 15px 15px 0;
  border: 0;
}

.card .card-header:not([data-background-color]) {
  background-color: transparent;
}

.card .card-header .card-title {
  margin-top: 10px;
}

.card .map {
  border-radius: 0.1875rem;
}

.card .map.map-big {
  height: 400px;
}

.card[data-background-color="orange"] {
  background-color: #f96332;
}

.card[data-background-color="orange"] .card-header {
  background-color: #f96332;
}

.card[data-background-color="orange"] .card-footer .stats {
  color: #ffffff;
}

.card[data-background-color="red"] {
  background-color: #ff3636;
}

.card[data-background-color="yellow"] {
  background-color: #ffb236;
}

.card[data-background-color="blue"] {
  background-color: #2ca8ff;
}

.card[data-background-color="green"] {
  background-color: #18ce0f;
}

.card .image {
  overflow: hidden;
  height: 200px;
  position: relative;
}

.card .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 15px;
}

.card label {
  font-size: 0.8571em;
  margin-bottom: 5px;
  color: #9a9a9a;
}

.card .card-footer {
  background-color: transparent;
  border: 0;
}

.card .card-footer .stats i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.card .card-footer .btn {
  margin: 0;
}

.card-plain {
  background: transparent;
  box-shadow: none;
}

.card-plain .card-header,
.card-plain .card-footer {
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
}

.card-plain:not(.card-subcategories).card-body {
  padding-left: 0;
  padding-right: 0;
}

.card-chart .card-header .card-title {
  margin-top: 10px;
  margin-bottom: 0;
}

.card-chart .card-header .card-category {
  margin-bottom: 5px;
}

.card-chart .table {
  margin-bottom: 0;
}

.card-chart .table td {
  border-top: none;
  border-bottom: 1px solid #e9ecef;
}

.card-chart .card-progress {
  margin-top: 30px;
}

.card-chart .chart-area {
  height: 190px;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

.card-chart .card-footer {
  margin-top: 15px;
}

.card-chart .card-footer .stats {
  color: #9a9a9a;
}

.card-chart .dropdown {
  position: absolute;
  right: 20px;
  top: 20px;
}

.card-chart .dropdown .btn {
  margin: 0;
}

.card-user .image {
  height: 120px;
}

.card-user .author {
  text-align: center;
  text-transform: none;
  margin-top: -77px;
}

.card-user .author a + p.description {
  margin-top: -7px;
}

.card-user .avatar {
  width: 124px;
  height: 124px;
  border: 1px solid #ffffff;
  position: relative;
}

.card-user .card-body {
  min-height: 240px;
}

.card-user hr {
  margin: 5px 15px;
}

.card-user .button-container {
  margin-bottom: 6px;
  text-align: center;
}

.map {
  height: 500px;
}

@media screen and (max-width: 991px) {
  .profile-photo .profile-photo-small {
    margin-left: -2px;
  }

  .button-dropdown {
    display: none;
  }

  [data-notify="container"].alert {
    max-width: 400px;
    top: 50px!important;
  }

  #minimizeSidebar {
    display: none;
  }

  .timeline > li > .timeline-panel {
    width: 86% !important;
    float: right !important;
  }

  .timeline:before,
  .timeline > li > .timeline-badge {
    left: 5% !important;
  }

  .timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto !important;
  }

  .timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto !important;
  }

  .timeline > li:not(.timeline-inverted) > .timeline-panel:after,
  .timeline > li:not(.timeline-inverted) > .timeline-panel:before {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .navbar .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }

  .navbar .navbar-collapse .input-group {
    margin: 0;
    margin-top: 5px;
  }

  .navbar .navbar-nav .nav-item:first-child {
    margin-top: 10px;
  }

  .navbar .navbar-nav .nav-item:not(:last-child) {
    margin-bottom: 10px;
  }

  .navbar .dropdown.show .dropdown-menu {
    display: block;
  }

  .navbar .dropdown .dropdown-menu {
    display: none;
  }

  .navbar .dropdown.show .dropdown-menu,
  .navbar .dropdown .dropdown-menu {
    background-color: white;
    border: 0;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    margin: 0px 1rem;
    margin-top: 0px;
  }

  .navbar .dropdown.show .dropdown-menu:before,
  .navbar .dropdown .dropdown-menu:before {
    display: none;
  }

  .navbar .dropdown-menu .dropdown-item:focus,
  .navbar .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
  }

  .navbar.bg-white .dropdown-menu .dropdown-item:focus,
  .navbar.bg-white .dropdown-menu .dropdown-item:hover {
    color: #888;
  }

  .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
    background-color: #888;
  }

  .wrapper {
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }

  .sidebar {
    box-shadow: none;
  }

  #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 1;
    top: 0;
    right: 0;
    left: 260px;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }

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

  .section-nucleo-icons .icons-container {
    margin-top: 65px;
  }

  .navbar-nav .nav-link i.fa,
  .navbar-nav .nav-link i.now-ui-icons {
    opacity: 0.5;
  }

  .sidebar,
  .bootstrap-navbar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 240px;
    right: auto;
    left: 0;
    z-index: 1032;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-transform: translate3d(-240px, 0, 0);
    -moz-transform: translate3d(-240px, 0, 0);
    -o-transform: translate3d(-240px, 0, 0);
    -ms-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }

  /* .bar1,
  .bar2,
  .bar3 {
    outline: 1px solid transparent;
  } */

  .bar1 {
    top: 0px;
    -webkit-animation: topbar-back 500ms linear 0s;
    -moz-animation: topbar-back 500ms linear 0s;
    animation: topbar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .bar2 {
    opacity: 1;
  }

  .bar3 {
    bottom: 0px;
    -webkit-animation: bottombar-back 500ms linear 0s;
    -moz-animation: bottombar-back 500ms linear 0s;
    animation: bottombar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .toggled .bar1 {
    top: 6px;
    -webkit-animation: topbar-x 500ms linear 0s;
    -moz-animation: topbar-x 500ms linear 0s;
    animation: topbar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .toggled .bar2 {
    opacity: 0;
  }

  .toggled .bar3 {
    bottom: 6px;
    -webkit-animation: bottombar-x 500ms linear 0s;
    -moz-animation: bottombar-x 500ms linear 0s;
    animation: bottombar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }

    45% {
      top: 6px;
      transform: rotate(145deg);
    }

    75% {
      transform: rotate(130deg);
    }

    100% {
      transform: rotate(135deg);
    }
  }

  @-webkit-keyframes topbar-x {
    0% {
      top: 0px;
      -webkit-transform: rotate(0deg);
    }

    45% {
      top: 6px;
      -webkit-transform: rotate(145deg);
    }

    75% {
      -webkit-transform: rotate(130deg);
    }

    100% {
      -webkit-transform: rotate(135deg);
    }
  }

  @-moz-keyframes topbar-x {
    0% {
      top: 0px;
      -moz-transform: rotate(0deg);
    }

    45% {
      top: 6px;
      -moz-transform: rotate(145deg);
    }

    75% {
      -moz-transform: rotate(130deg);
    }

    100% {
      -moz-transform: rotate(135deg);
    }
  }

  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }

    45% {
      transform: rotate(-10deg);
    }

    75% {
      transform: rotate(5deg);
    }

    100% {
      top: 0px;
      transform: rotate(0);
    }
  }

  @-webkit-keyframes topbar-back {
    0% {
      top: 6px;
      -webkit-transform: rotate(135deg);
    }

    45% {
      -webkit-transform: rotate(-10deg);
    }

    75% {
      -webkit-transform: rotate(5deg);
    }

    100% {
      top: 0px;
      -webkit-transform: rotate(0);
    }
  }

  @-moz-keyframes topbar-back {
    0% {
      top: 6px;
      -moz-transform: rotate(135deg);
    }

    45% {
      -moz-transform: rotate(-10deg);
    }

    75% {
      -moz-transform: rotate(5deg);
    }

    100% {
      top: 0px;
      -moz-transform: rotate(0);
    }
  }

  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }

    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }

    75% {
      transform: rotate(-130deg);
    }

    100% {
      transform: rotate(-135deg);
    }
  }

  @-webkit-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -webkit-transform: rotate(0deg);
    }

    45% {
      bottom: 6px;
      -webkit-transform: rotate(-145deg);
    }

    75% {
      -webkit-transform: rotate(-130deg);
    }

    100% {
      -webkit-transform: rotate(-135deg);
    }
  }

  @-moz-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -moz-transform: rotate(0deg);
    }

    45% {
      bottom: 6px;
      -moz-transform: rotate(-145deg);
    }

    75% {
      -moz-transform: rotate(-130deg);
    }

    100% {
      -moz-transform: rotate(-135deg);
    }
  }

  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }

    45% {
      transform: rotate(10deg);
    }

    75% {
      transform: rotate(-5deg);
    }

    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }

  @-webkit-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -webkit-transform: rotate(-135deg);
    }

    45% {
      -webkit-transform: rotate(10deg);
    }

    75% {
      -webkit-transform: rotate(-5deg);
    }

    100% {
      bottom: 0px;
      -webkit-transform: rotate(0);
    }
  }

  @-moz-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -moz-transform: rotate(-135deg);
    }

    45% {
      -moz-transform: rotate(10deg);
    }

    75% {
      -moz-transform: rotate(-5deg);
    }

    100% {
      bottom: 0px;
      -moz-transform: rotate(0);
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

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

    100% {
      opacity: 1;
    }
  }

  .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background: #fff;
  }

  .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 7px;
  }

  .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab {
    margin-top: 3px !important;
  }

  .navbar-toggler-bar.bar2 {
    width: 17px;
    transition: width 0.2s linear;
  }

  .main-panel {
    width: 100%;
  }

  .navbar-toggle .navbar-toggler,
  .navbar-toggle {
    display: block !important;
  }

  .navbar .toggled .navbar-toggler-bar {
    width: 24px;
  }

  .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 5px;
  }

  /* New Css for menu */

  .nav-open .close-button-menu img {
    width: 16px;
    height: 16px;
  }
  .sidebar .close-button-menu {
    display: block;
    background-color: white !important;
    width: 100%;
    padding: 17px 21px;
    border-bottom: 1px solid #dcdcdc;
    z-index: 11;
    position: relative;
    border-radius: 0px;
  }
  .nav-open .main-panel:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: var(--blackfontcolor);
    opacity: 0.4;
    z-index: 9999;
    top: -40px;
  }
  .main-panel > .navbar {
    padding: 5px 16px;
    background: var(--primary)!important;
  }
  .sidebar .logo {
    display: none;
  }
  .nav-open .main-panel {
    right: 0;
    /* -webkit-transform: translate3d(240px, 0, 0);
    -moz-transform: translate3d(240px, 0, 0);
    -o-transform: translate3d(240px, 0, 0);
    -ms-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);*/
  }

  .nav-open .sidebar {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2),
      0px 2px 30px 0 rgba(0, 0, 0, 0.35);
    z-index: 99999;
  }
  .main-panel {
    padding-top: 60px;
  }
  /*New Css for menu*/

  .nav-open body {
    position: relative;
    overflow-x: hidden;
  }

  .nav-open .menu-on-right .main-panel {
    -webkit-transform: translate3d(-240px, 0, 0);
    -moz-transform: translate3d(-240px, 0, 0);
    -o-transform: translate3d(-240px, 0, 0);
    -ms-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }

  .nav-open .menu-on-right .navbar-collapse,
  .nav-open .menu-on-right .sidebar {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

  .nav-open .menu-on-right .navbar-translate {
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  .nav-open .menu-on-right #bodyClick {
    right: 240px;
    left: auto;
  }

  .menu-on-right .sidebar {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(240px, 0, 0);
    -moz-transform: translate3d(240px, 0, 0);
    -o-transform: translate3d(240px, 0, 0);
    -ms-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
  }
}

@media screen and (min-width: 992px) {
  .navbar-collapse {
    background: none !important;
  }

  .navbar .navbar-toggle {
    display: none;
  }

  .navbar-nav .nav-link.profile-photo {
    padding: 0;
    margin: 7px 0.7rem;
  }

  .section-nucleo-icons .icons-container {
    margin: 0 0 0 auto;
  }

  .dropdown-menu .dropdown-item {
    color: inherit;
  }

  .footer .copyright {
    float: right;
    padding-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .hide-on-phone {
    display: none;
  }
  .iti__country-list {
    width: 300px;
    height: 400px;
    margin: 0 auto;
  }
  .padding-x-40 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .nav-tabs {
    display: inline-block;
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
  }

  .nav-tabs .nav-item > .nav-link {
    margin-bottom: 5px;
  }

  .user-profile [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .card-stats [class*="col-"] .statistics::after {
    display: none;
  }

  .main-panel .content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer nav {
    display: block;
    margin-bottom: 5px;
    float: none;
  }

  .landing-page .section-story-overview .image-container:nth-child(2) {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .email_btn {
    position: relative !important;
  }
  .table_alignto_amail_btn {
    padding-top: 0 !important;
  }
  #totalconsultation .dataTables_wrapper .dataTables_filter label {
    width: 100% !important;
  }
  .coach_btn_display {
    display: flex;
    justify-content: center;
    margin-bottom: 10px !important;
  }
  .button-reverse-for-mob {  
    display: flex;
    flex-direction: column-reverse;
  }
  .show-on-phone{
    display: block!important;
  }
  .card_data_section_mob_margintop {
/*    margin-top: 15px !important;*/
  }
  .total_consultation_count_bar_mob {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }
  .asc_dsc_btn_mob {
    float: none !important;
    display: flex;
    justify-content: center;
    margin-top: 15px !important;
  }
  .name_diaplay_width {
    width: 55% !important;
  }
  .displaying_name_section_oncard {
    display: flex;
    align-items: normal !important;
  }
  #totalconsultation #consultListtable_wrapper {
    margin-top: 20px !important;
  }
  .add_transaction {
    display: none;
  }
  .add_transaction_mob {
    display: block !important;
  }
  .member .pic img {
    height: 160px !important;
  }
}

@media screen and (max-width: 576px) {
  .navbar[class*="navbar-toggleable-"] .container {
    margin-left: 0;
    margin-right: 0;
  }

  [data-notify="container"].alert {
    left: 10px !important;
    right: 10px !important;
    width: auto;
  }

  .card-contributions .card-stats {
    flex-direction: column;
  }

  .card-contributions .card-stats .bootstrap-switch {
    margin-bottom: 15px;
  }

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

  .section-nucleo-icons .icons-container i {
    font-size: 30px;
  }

  .section-nucleo-icons .icons-container i:nth-child(6) {
    font-size: 48px;
  }

  .page-header .container h6.category-absolute {
    width: 90%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .navbar.navbar-absolute {
    display: block !important;
  }
  .section-without-padding {
    /*padding: 32px 20px !important;*/
  }
  .navbar-toggle.toggled {
    display: none !important;
  }
  .main-panel {
    padding-top: 60px;
  }
  .nav-open .main-panel:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: var(--blackfontcolor);
    opacity: 0.4;
    z-index: 9999;
  }
  .sidebar .close-button-menu {
    display: block;
    background-color: white !important;
    width: 100%;
    padding: 17px 21px;
    border-bottom: 1px solid #dcdcdc;
    z-index: 11;
    position: relative;
    border-radius: 0px;
  }
  .sidebar .logo {
    display: none;
  }
  .sidebar .sidebar-wrapper,
  .off-canvas-sidebar .sidebar-wrapper {
    height: calc(100vh - 125px) !important;
  }
  .sidebar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 240px;
    right: auto;
    left: 0;
    z-index: 1032;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-transform: translate3d(-240px, 0, 0);
    -moz-transform: translate3d(-240px, 0, 0);
    -o-transform: translate3d(-240px, 0, 0);
    -ms-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }

  .sidebar,
  .bootstrap-navbar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    /*width: 260px;*/
    right: auto;
    left: 0;
    z-index: 1032;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }

  /* .bar1,
  .bar2,
  .bar3 {
    outline: 1px solid transparent;
  } */

  .bar1 {
    top: 0px;
    -webkit-animation: topbar-back 500ms linear 0s;
    -moz-animation: topbar-back 500ms linear 0s;
    animation: topbar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .bar2 {
    opacity: 1;
  }

  .bar3 {
    bottom: 0px;
    -webkit-animation: bottombar-back 500ms linear 0s;
    -moz-animation: bottombar-back 500ms linear 0s;
    animation: bottombar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .toggled .bar1 {
    top: 6px;
    -webkit-animation: topbar-x 500ms linear 0s;
    -moz-animation: topbar-x 500ms linear 0s;
    animation: topbar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .toggled .bar2 {
    opacity: 0;
  }

  .toggled .bar3 {
    bottom: 6px;
    -webkit-animation: bottombar-x 500ms linear 0s;
    -moz-animation: bottombar-x 500ms linear 0s;
    animation: bottombar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }

    45% {
      top: 6px;
      transform: rotate(145deg);
    }

    75% {
      transform: rotate(130deg);
    }

    100% {
      transform: rotate(135deg);
    }
  }

  @-webkit-keyframes topbar-x {
    0% {
      top: 0px;
      -webkit-transform: rotate(0deg);
    }

    45% {
      top: 6px;
      -webkit-transform: rotate(145deg);
    }

    75% {
      -webkit-transform: rotate(130deg);
    }

    100% {
      -webkit-transform: rotate(135deg);
    }
  }

  @-moz-keyframes topbar-x {
    0% {
      top: 0px;
      -moz-transform: rotate(0deg);
    }

    45% {
      top: 6px;
      -moz-transform: rotate(145deg);
    }

    75% {
      -moz-transform: rotate(130deg);
    }

    100% {
      -moz-transform: rotate(135deg);
    }
  }

  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }

    45% {
      transform: rotate(-10deg);
    }

    75% {
      transform: rotate(5deg);
    }

    100% {
      top: 0px;
      transform: rotate(0);
    }
  }

  @-webkit-keyframes topbar-back {
    0% {
      top: 6px;
      -webkit-transform: rotate(135deg);
    }

    45% {
      -webkit-transform: rotate(-10deg);
    }

    75% {
      -webkit-transform: rotate(5deg);
    }

    100% {
      top: 0px;
      -webkit-transform: rotate(0);
    }
  }

  @-moz-keyframes topbar-back {
    0% {
      top: 6px;
      -moz-transform: rotate(135deg);
    }

    45% {
      -moz-transform: rotate(-10deg);
    }

    75% {
      -moz-transform: rotate(5deg);
    }

    100% {
      top: 0px;
      -moz-transform: rotate(0);
    }
  }

  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }

    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }

    75% {
      transform: rotate(-130deg);
    }

    100% {
      transform: rotate(-135deg);
    }
  }

  @-webkit-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -webkit-transform: rotate(0deg);
    }

    45% {
      bottom: 6px;
      -webkit-transform: rotate(-145deg);
    }

    75% {
      -webkit-transform: rotate(-130deg);
    }

    100% {
      -webkit-transform: rotate(-135deg);
    }
  }

  @-moz-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -moz-transform: rotate(0deg);
    }

    45% {
      bottom: 6px;
      -moz-transform: rotate(-145deg);
    }

    75% {
      -moz-transform: rotate(-130deg);
    }

    100% {
      -moz-transform: rotate(-135deg);
    }
  }

  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }

    45% {
      transform: rotate(10deg);
    }

    75% {
      transform: rotate(-5deg);
    }

    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }

  @-webkit-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -webkit-transform: rotate(-135deg);
    }

    45% {
      -webkit-transform: rotate(10deg);
    }

    75% {
      -webkit-transform: rotate(-5deg);
    }

    100% {
      bottom: 0px;
      -webkit-transform: rotate(0);
    }
  }

  @-moz-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -moz-transform: rotate(-135deg);
    }

    45% {
      -moz-transform: rotate(10deg);
    }

    75% {
      -moz-transform: rotate(-5deg);
    }

    100% {
      bottom: 0px;
      -moz-transform: rotate(0);
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

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

    100% {
      opacity: 1;
    }
  }

  .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #fff;
  }

  .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 7px;
  }

  .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab {
    margin-top: 3px !important;
  }

  .navbar-toggler-bar.bar2 {
    width: 17px;
    transition: width 0.2s linear;
  }

  .main-panel {
    width: 100%;
  }

  .navbar-toggle .navbar-toggler,
  .navbar-toggle {
    display: block !important;
  }

  .navbar .toggled .navbar-toggler-bar {
    width: 24px;
  }

  .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 5px;
  }

  .nav-open .main-panel {
    right: 0;
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
  }

  .nav-open .sidebar {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2),
      0px 2px 30px 0 rgba(0, 0, 0, 0.35);
  }

  .nav-open body {
    position: relative;
    overflow-x: hidden;
  }

  .nav-open .menu-on-right .main-panel {
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }

  .nav-open .menu-on-right .navbar-collapse,
  .nav-open .menu-on-right .sidebar {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

  .nav-open .menu-on-right .navbar-translate {
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  .nav-open .menu-on-right #bodyClick {
    right: 260px;
    left: auto;
  }

  .menu-on-right .sidebar {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
  }

  .navbar-minimize {
    display: none;
  }

  .sidebar {
    box-shadow: none;
  }

  .nav-open .sidebar {
    box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2),
      0px 2px 30px 0 rgba(0, 0, 0, 0.35);
  }

  .sidebar,
  .main-panel,
  .sidebar-wrapper {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition-timing-function: cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-overflow-scrolling: touch;
  }
}

/*# sourceMappingURL=dashboard-free.css.map */

body {
  white-space: break-sapces;
}
.heading1 {
  font-size: 64px;
  font-weight: bold;
  line-height: 76.8px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading2 {
  font-size: 48px;
  font-weight: bold;
  line-height: 57.6px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading3 {
  font-size: 40px;
  font-weight: bold;
  line-height: 48px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading4 {
  font-size: 32px;
  font-weight: bold;
  line-height: 38.4px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 28.8px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading7 {
  font-size: 16px;
  font-weight: bold;
  line-height: 19.2px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading7-new {
  font-size: 16px;
  font-weight: bold;
  line-height: 19.2px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading8 {
  font-size: 14px;
  font-weight: bold;
  line-height: 16.8px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.heading9 {
  font-size: 13px;
  font-weight: bold;
  line-height: 14.4px;
  font-family: var(--font-italian);
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.boadytext1 {
  font-size: 32px;
  font-weight: var(--font-regular);
  line-height: 38.4px;
  font-family: var(--font-darby);
}
.boadytext2 {
  font-size: 24px;
  font-weight: var(--font-regular);
  line-height: 28.8px;
  font-family: var(--font-darby);
}
.boadytext3 {
  font-size: 20px;
  font-weight: var(--font-regular);
  line-height: 24px;
  font-family: var(--font-darby);
}
.boadytext4 {
  font-size: 16px;
  font-weight: var(--font-regular);
  line-height: 19.2px;
  font-family: var(--font-darby);
}
.boadytext5 {
  font-size: 14px;
  font-weight: var(--font-regular);
  line-height: 20px;
  font-family: var(--font-darby);
}
.boadytext6 {
  font-size: 12px;
  font-weight: var(--font-regular);
  line-height: 18px;
  font-family: var(--font-darby);
}
.boadytext7 {
  font-size: 10px;
  font-weight: var(--font-regular);
  line-height: 15px;
  font-family: var(--font-darby);
}

.dot-animation {
  width: 15px;
  height: 15px;
  float: left;
  margin: 0 8px;
  background: white;
  border-radius: 50%;
}

.mandatory {
  color: #ce3131;
  font-size: 12px;
  margin: 0 0px 0 8px;
}
.mandatory img {
}
.error-messages img {
  margin-right: 8px;
}
.error-messages {
  color: #ce3131 !important;
}

.centerdiv {
  margin: 0 auto;
}
.close-button-menu {
  display: none;
}
.k-loader-spinner-4 .k-loader-segment {
  background: #76bebc;
  border-radius: 50%;
}

#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  z-index: 99;
}

#loading-image {
  position: absolute;
  top: 40%;
  left: 45%;
  z-index: 100;
}

.vertically-center {
  margin: auto 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.cursor-pointer {
  cursor: pointer;
}
.mt-32 {
  margin-top: 32px;
}
.mb-32 {
  margin-bottom: 32px;
}
.padding-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.topofthepage {
  position: absolute;
  top: 30px;
  right: 35px;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: auto;
  margin: 50px auto;
  padding: 0;
  max-width: 1000px;
  background: white;
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  /*height: 100vh;*/
  border-radius: 0;
  border: none;
  max-width: 960px;
  margin: 0px auto;
  padding: 60px 0;
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-popup-close {
  position: absolute;
  right: -7px;
  top: 30px;
}
.poup-detail {
  width: 100%;
  margin: 0px;
}
.popup-details-content {
  width: 100%;
}
.popup-detail-image {
  width: 100%;
  margin-bottom: 40px;
}

.custom-new-button {
  width: 200px;
  font-size: 18px;
  font-weight: bold;
  line-height: 19.2px;
  text-align: center;
  padding: 18px 0 15px;
/*  border: 1px solid #131313;*/
  background:var(--secondary);
  /*background: linear-gradient(to right, transparent 50%,  50%);*/
  background-size: 200% 100%;
  background-position: right bottom;
  /*margin-left:10px;*/
  transition: all 300ms ease;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--primary);
  font-family: var(--font-italian);
  letter-spacing: 1px;
}

.custom-new-button.white-border {
/*  border: 1px solid #ffffff;*/
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 1s ease;
  text-transform: uppercase;
  cursor: pointer;
}
.custom-new-button.white-border:hover {
  background-position: left bottom;
  color: #2c2c2c;
  border: 1px solid #ffffff;
}

.custom-new-button:active {
  background-position: left bottom;
  color: var(--primary);
/*  border: 1px solid #4b4b4b;*/
  opacity: 0.5;
}
.custom-new-button:hover {
  background-position: left bottom;
  color: var(--primary);
  background:#e6b400!important;
/*  border: 1px solid #4b4b4b;*/
}
.white-bg-btn {
    background:var(--secondary);
    background-size: 200% 100%;
    background-position: right bottom;
    color: var(--primary);
/*    border: 1px solid #fff !important;*/
    border-radius: 0px !important;
}
.login-page-button.custom-new-button {
    width: 200px;
    font-size: 18px;
    font-weight: bold;
    line-height: 19.2px;
    text-align: center;
    padding: 18px 0 15px;
/*    border: 1px solid #131313;*/
    background: var(--secondary);
    background-size: 200% 100%;
    background-position: right bottom;
    /* margin-left: 10px; */
    transition: all 300ms ease;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--primary);
/*    color: #fff;*/
    border-radius: 5px;
}
.custom-new-button.disabled {
  /*opacity: .6;*/
  background: #dcdcdc;
/*  border: 1px solid #dcdcdc;*/
  pointer-events: none;
      color: #959595;
}

.disable-home-box.disabled {
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  pointer-events: none;
  border-radius: 10px;
}
.disable-home-box.disabled .dashboard-inner {
  background: #dcdcdc !important;
  color: #000 !important;
}
.box-bg-primary {
  background: var(--primary) !important;
  color: white !important;
}
li.disabled {
  /*opacity: .6;*/
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  pointer-events: none;
}

.cutsom-new-button-fill {
  width: 200px;
  font-size: 18px;
  font-weight: bold;
  line-height: 19.2px;
  text-align: center;
  padding: 18px 0 15px;
  border: 1px solid #4b4b4b;
  background: #4b4b4b;
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.1s ease;
  text-transform: uppercase;
  cursor: pointer;
  color: white !important;
  font-family: var(--font-italian);
}

.cutsom-new-button-fill.disabled {
  /*opacity: .6;*/
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  pointer-events: none;
  cursor: not-allowed;
}
.coach-inner:hover,
.classes-outer:hover {
  transform: scale(1.1);
  transition: all 300ms ease;
}

.red-dot {
  width: 16px;
  height: 16px;
  color: #ce3131;
  background: #ce3131;
  display: block;
  float: left;
  border-radius: 50%;
}
/*Sidebar and nav bar design starts*/
.sidebar .logo {
    padding: 32px 10px !important;
    background: var(--primary);
    border-bottom: 1px solid #DCDCDC;
}

.menulogo {
    background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/logo.png);
    background-repeat: no-repeat;
    width: 180px;
    height: 110px;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
    background-position: 100%;
    position: relative;
    display: block;
}
.sidebar {
  background: white !important;
  box-shadow: none !important;
}
.profile-details-outer {
  border-bottom: 1px solid #dcdcdc;
  background: white;
  position: relative;
  z-index: 4;
  padding: 12px 10px;
}
.profile-details-inner {
  width: 160px;
  margin: auto 15px auto 25px;
  z-index: 4;
  background: white;
  position: relative;
  display: flex;
}
.profile-detail-photo {
  /*width: 20px;
  height: 20px;*/
  border-radius: 50%;
  float: left;
  margin-right: 8px;
  z-index: 4;
  background: white;
}
.profile-detail-photo img {
/*  width: 100%;*/
/*  border-radius: 50%;*/
      width: 35px;
    border-radius: 50%;
    height: 32px;
}

.flex-container {
  display: flex;
  align-content: center;
  align-items: baseline;
}

.profile-dashboard-inner {
  width: 160px;
  margin: auto 15px auto 25px;
  z-index: 4;
  background: white;
  position: relative;
  display: flex;
}
.profile-dashboard-photo {
  width: 50px;
  height: 45px;
  border-radius: 50%;
  margin-right: 8px;
  z-index: 4;
  background: white;
}

.profile-dashbard-photo .dashboard-img {
  width: 100%;
  border-radius: 50%;
  margin-left: 10px;
}

.sidebar-wrapper .nav li img.bottom-privacy-icon {
  float: right;
  margin: 6px 0px 0px 5px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 12px;
}
.profile-detail-name {
  width: 130px;
  float: right;
  margin-right: 0px;
  z-index: 4;
  background: white;
}
.profile-detail-name .otherheader:hover {
  text-decoration: underline;
}
.detailnameheader {
  margin-left: 8px;
}
.otherheader {
  color: var(--primary);
  margin-top: 12px;
  margin-left: 8px;
  cursor: pointer;
}

.customdropdownlanugage {
  border-bottom: 1px solid var(--blackfontcolor);
  background: transparent;
  color: var(--blackfontcolor);
  border-radius: 0px;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  border-top: 0;
  padding: 5px;
}
.customdropdownlanugage i {
  margin-right: 5px;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:hover,
.show
  .customdropdownlanugage.btn.btn-secondary.dropdown-toggle:not(:disabled):not(
    .disabled
  ):active,
.show .customdropdownlanugage.btn.btn-secondary.dropdown-toggle:active,
.show .customdropdownlanugage.btn.btn-secondary.dropdown-toggle:hover,
.show .customdropdownlanugage.btn.btn-secondary.dropdown-toggle:focus,
.show .customdropdownlanugage.btn.btn-secondary.dropdown-toggle {
  border-bottom: 1px solid var(--primary);
  background: transparent;
  color: var(--blackfontcolor);
}

/*Sidebar and nav bar design ends*/

/*Home page css starts  */
.section-home-one {
  padding: 32px 6.5% 3% 6.5%;
  /* background: url(../img/web/slider-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
   */
  margin-bottom: 24px;
  color: var(--blackfontcolor);
}
.slider-outter {
}
#owl-announcement.owl-carousel .owl-stage,
#owl-classes.owl-carousel .owl-stage,
#owl-featured-learninghub.owl-carousel .owl-stage {
  left: -80px;
}
/* #owl-classes.owl-carousel .owl-item{width: 17%!important;min-width: 280px;}
 #owl-featured-learninghub.owl-carousel .owl-item{width:14%!important;min-width: 280px;}*/
.slider-title {
  margin-bottom: 7px;
  position: relative;
  text-transform: uppercase;
}
.slider-subtitle {
  margin-bottom: 8px;
  line-height: 26px;
  position: relative;
}
.slider-content {
  position: absolute;
  bottom: 0;
  background: url(https://cdn-reeble.b-cdn.net/image/overlay.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-main {
  position: relative;
  height: auto;
}
.slider-main:before {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/Frame-1.png) no-repeat;
  width: 210px;
  height: 20px;
  position: absolute;
  top: 5.6%;
  z-index: 9;
  left: 25px;
}
.slider-main:after {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/Frame-2.png) no-repeat;
  width: 210px;
  height: 20px;
  position: absolute;
  bottom: -11px;
  z-index: 9;
  right: 25px;
}
.slider-image-content {
  width: 99.8%;
  height: 93vh;
  min-height: 500px;
  max-height: 624px;
}
.owl-carousel .owl-item .content-title img {
  width: 32px;
  margin-bottom: 8px;
  margin-left: 10px;
  display: inline;
}
.content-title {
  color: white;
  padding-top: 35px;
  width: 320px;
  float: right;
  clear: both;
  display: block;
  margin-right: 24px;
}
.content-description {
  color: white;
  white-space: break-spaces;
  width: 320px;
  float: right;
  clear: both;
  display: block;
  margin-right: 24px;
  padding-bottom: 35px;
}
.banner-feedback-section {
  width: 300px;
  display: block;
  padding: 10px;
  float: right;
  background: #0000008c;
  border: 1px solid white;
  margin-right: 40px;
}
.banner-feedback-image {
  width: 80px;
  float: left;
  margin-right: 16px;
}
.banner-feedback-image img {
  border-radius: 0px;
}
.banner-feedback-content {
  float: left;
  color: white;
  width: 150px;
  margin-top: 6px;
}
.banner-feedback-content {
  margin-top: 5px;
}
.banner-feedback-content .red-dots {
  width: 12px;
  height: 12px;
  background: #ce3131;
  display: block;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}
.banner-feedback-arrow {
  width: 10px;
  float: right;
  margin: 15px 0px;
}
.banner-feedback-arrow img {
  filter: invert(1);
}
.owl-carousel.owl-theme .owl-nav button.owl-next:focus-visited,
.owl-carousel.owl-theme .owl-nav button.owl-prev:focus-visited,
.owl-carousel.owl-theme .owl-nav button.owl-next:visited,
.owl-carousel.owl-theme .owl-nav button.owl-prev:visited,
.owl-carousel.owl-theme .owl-nav button.owl-next:focus,
.owl-carousel.owl-theme .owl-nav button.owl-prev:focus,
.owl-carousel.owl-theme .owl-nav button.owl-next:active,
.owl-carousel.owl-theme .owl-nav button.owl-prev:active {
  background-color: #dcdcdc;
  border: 0px;
  outline: 0px;
}

.owl-carousel.owl-theme .owl-nav button.owl-next:hover,
.owl-carousel.owl-theme .owl-nav button.owl-prev:hover {
  background-color: #bebebe;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  width: 32px;
  height: 32px;
  background: transparent;
  bottom: 53%;
  text-indent: -9999px;
  border-radius: 50%;
}

.section-home-one .owl-carousel .owl-nav button.owl-next.disabled,
.section-home-one .owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled {
  display: none;
}
.owl-carousel.owl-theme .owl-nav button.owl-prev {
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/carousel-prev-primary.png) no-repeat;
  background-position: center;
  left: -4%;
  background-size: 11px;
}
.owl-carousel.owl-theme .owl-nav button.owl-next {
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/carousel-next-primary.png) no-repeat;
  background-position: center;
  right: -4%;
  background-size: 11px;
}
.owl-theme .owl-dots {
  bottom: 0px;
}
.section-home-one .owl-carousel .owl-nav button.owl-prev {
  left: -5%;
}

.section-home-one .owl-carousel .owl-nav button.owl-next {
  right: -5%;
}
.section-home-one .owl-carousel .owl-nav button.owl-next,
.section-home-one .owl-carousel .owl-nav button.owl-prev {
  bottom: 45%;
}
.section-home-one .owl-theme .owl-dots .owl-dot.active span {
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/home-section-one-pagination-active.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.section-home-one .owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
}
.section-home-one .owl-theme .owl-dots .owl-dot span:hover {
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/home-section-one-pagination-active.png);
}
.section-home-one .owl-theme .owl-dots .owl-dot span {
  width: 24px;
  height: 24px;
  margin: 5px 0px;
  background: url(https://cdn-reeble.b-cdn.net/image/home-section-one-pagination.png);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.classes-section {
  /*background: url(../img/web/classes-bg.png) no-repeat;*/
  /* background-size: 21%;*/
}

.announcementss:before {
  /*content: "";
  width: 80px;
  height: 106px;
  background-color: var(--primary);
  position: absolute;
  display: inline-block;
  border-radius: 0 4px 4px 0;
  top: 0px;*/
}
.classes-section .slider-title:before {
  /*content: "";
  width: 30px;
  height: 45px;
  background-color: #18A0F0;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  top: 2px;*/
}
.classes-outer {
  padding: 20px 0px 10px 0;
  position: relative;
  border: 0px;
  transition: transform 0.2s;
}
.classes-row {
  width: 100%;
  display: flex;
  position: relative;
}
.classes-left-section {
  width: 40%;
  float: left;
  background: #4b4b4b;
  height: 100%;
  position: absolute;
}
.classes-right-section {
  width: 100%;
  float: right;
  height: 100%;
}
.classes-title-section {
  color: white;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.classes-title-section2 {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  padding: 16px 8px;
}
.section-inner {
  padding: 24px 3% 15px 3%;
  width: 100%;
  margin: 0 auto;
}

.greysection {
  padding: 24px 40px 0 40px;
}
/*.coach-section{background: url(../img/web/coaches-bg.png) no-repeat;}*/
.coach-section .slider-title:before {
 /* content: "";
  width: 30px;
  height: 45px;
  background-color: #086AA3;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  top: 2px;*/
}
.coach-descibtion {
  text-align: center;
}
.coach-title {
  padding: 16px 5px;
  text-align: center;
}
.coach-inner {
  margin-top: 20px;
  margin-bottom: 10px;
}
.coach-image-content {
  position: relative;
}
.coach-image-content img {
  width: 100%;
}
.coach-image-overlay {
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.coach-image-overlay .boadytext6 {
}
.coach-image-overlay .heading5 {
}
.showonhover {
  display: none;
}
.coach-inner:hover .showonhover {
  display: block;
}
.coach-inner:hover .hideonhover {
  display: none;
}

/*.learninghub-section{background: url(../img/web/learninghub-bg.png) no-repeat;}*/
.learninghub-section .slider-title:before {
 /* content: "";
  width: 30px;
  height: 45px;
  background-color: #EF0107;
  position: relative;
  display: inline-block;
  border-radius: 4px;
  top: 2px;*/
}

.blackboxplayicon {
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 25px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/play-icon.png) no-repeat;
  background-size: contain;
  background-position: center;
/*  margin-top: 75px;*/
}

.blackboxplayicon .ion-play {
  color: white !important;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 16px;
  display: block !important;
  margin: 10px 13px;
  top: 0;
  left: 0;
}

.blackboxplayicon .ion-play:before {
  display: block !important;
  position: absolute;
  font-size: 30px;
  color: white !important;
  padding: 0px !important;
  margin-left: 4px !important;
  margin-top: 0px;
}

.blackboxplayiconinprogress {
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 25px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/play-icon.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.blackboxplayiconinprogress .ion-play {
  color: white !important;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 16px;
  display: block !important;
  margin: 10px 13px;
  top: 0;
  left: 0;
}

.blackboxplayiconinprogress .ion-play:before {
  display: block !important;
  position: absolute;
  font-size: 30px;
  color: white !important;
  padding: 0px !important;
  margin-left: 4px !important;
  margin-top: 0px;
}

.learninghubsection {
  float: left;
  padding: 0px 0 0 0;
  width: 100%;
  position: relative;
  border-radius: 0px;
  /*box-shadow: 1px 2px 3px rgb(0 0 0 / 46%);*/
}
.learninghub-title {
  text-align: center;
  text-align: center;
  color: var(--blackfontcolor);
  width: 100%;
  border-radius: 5px;
  padding: 16px 5px;
  position: relative;
  background: transparent;
  display: grid;
}
.learninghub-image {
  height: 150px;
}
.live-times {
  background: url(https://cdn-reeble.b-cdn.net/image/live-text-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
  text-align: center;
  z-index: 999;
  color: white;
  padding: 52px 0 10px;
}
.live-button {
  height: 27px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ce3131;
  color: white;
  padding: 6px 8px 6px 0;
  text-align: left;
}

/*Home page css ends  */

/*Learning hub page css starts*/
/* {    z-index: 999;
    position: relative;} */
.bottom-title-lh {
}
.bottom-buttons-tabs {
  width: 200px;
  display: flex;
  float: left;
  margin: 10px 8px;
}
.bottom-buttons-tabs a {
  display: block;
}
.bottom-button-links {
  display: inline-block;
  margin: 32px auto 64px auto;
  width: 100%;
  padding: 0 40px;
  text-align: center;
}
.nav-pills.owl-carousel {
  display: flex;
}
.learning-hub-bg {
/*  background: url(../img/web/learninghub-bg.png) no-repeat;*/
}
.slider-title.mb-32 {
  margin-bottom: 32px;
}
.learninghub-video-section {
  position: relative;
  padding: 20px 30px;
  background: white;
}
.learninghub-video-section .col-md-4 {
  padding: 20px 12px;
}
.inprogress-video-section {
  position: relative;
  padding: 20px 30px;
  background: white;
}
.inprogress-video-section .col-md-4 {
  padding: 20px 12px;
}
.learninghub-video-image {
/*  min-height: 190px;*/
/*  max-height: 190px;*/
}
.learninghub-banner-section {
  position: relative;
  padding: 30px 32px 58px 32px;
  color: white;
  min-height: 240px;
  max-height: 240px;
}
.learninghub-banner-section:before {
  content: "";
/*  background: url(../img/web/learning-hub-banner-vector.png) no-repeat;*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.learninghub-banner-section .col-4 {
  max-width: 420px;
}
#video-modal .modal-body {
  padding: 0;
  background: white;
}
#video-modal-inprogress .modal-body {
  padding: 0;
  background: white;
}
#video-modal-consultation .modal-body {
  padding: 0;
}
.freevideoclass {
  height: 27px;
  position: absolute;
  top: 30px;
  right: 30px;
  background: #ce3131;
  color: white;
  padding: 6px 8px 6px 8px;
  text-align: center;
  z-index: 1;
  font-size: 14px;
  font-weight: bold;
  line-height: 16.8px;
  font-family: var(--font-italian);
}
.nofreevideo {
  display: none;
}

/*Learning hub page css ends*/

/*Subscriptions page css starts*/
.section-without-padding {
  padding: 25px 40px 40px 0px;
}
.consultation:before {
  content: "";
  width: 80px;
  height: 106px;
  background-color: #086AA3;
  position: absolute;
  display: inline-block;
  border-radius: 0 4px 4px 0;
  top: 0px;
  /* padding: 50px 40px; */
}

.direct-submit-button {
  height: 21px;
  background: var(--primary);
  color: white;
  font-size: 13px;
  text-align: center;
  padding: 2px 0;
  cursor: pointer;
}
.direct-submit-button a {
  color: white;
  font-size: 13px;
}

/*.subscriptions {
    background: url(../img/web/subscribtion-bg.png) no-repeat;
}*/
.section-listing {
  /*padding: 15px 24px 15px 15px;
    background: white;*/
}
.inner-listing {
  padding: 16px 24px 16px 16px;
  background: white;
  -webkit-transition: background 2s, border 2s; /* For Safari 3.0 to 6.0 */
  transition: background 2s, border 2s;
  border: 2px solid white;
}
.subscriptions-custom-colors .inner-listing:hover {
  background: white;
  border-color: white;
}
.subscriptions-custom-colors .custom-new-button {
  background: linear-gradient(to right, #4b4b4b 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  font-size: 16px;
  line-height: 19.2px;
}
.subscriptions-custom-colors .custom-new-button:hover {
  background-position: left bottom;
}
/*.inner-listing:hover{
  background: #EBF8F7;
   border: 2px solid var(--primary)

;
}  */
.inner-section-right-subscribtion {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.image-section img {
  width: 100%;
  max-width: 357px;
  max-height: 196px;
  margin: 0 auto;
  float: none;
  display: block;
  border-radius: 0px;
}
.card-box {
  padding: 24px;
  border: 1px solid #dcdcdc;
}

.card-images {
  width: 26px;
  height: 24px;
  margin: 0px 10px 15px 1px;
  float: left;
}
/*.Visa {
  background: url(/assets/img/web/payment-card/VISA.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.Master {
  background: url(/assets/img/web/payment-card/Master.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.Rakuten {
  background: url(/assets/img/web/payment-card/Rakuten.png);
  background-size: contain;
  background-repeat: no-repeat;
}*/
/*Subscriptions page css Ends*/

/*Classes page css starts*/
.live-class-dot {
  width: 14px;
  height: 14px;
  float: left;
  display: block;
  background: #ff5c5c;
  border-radius: 50%;
  margin-right: 4px;
}
.live-class-text-dot {
  color: #ff5c5c;
  line-height: 17px;
}
.live-vidoe-width-classes {
  max-width: 320px;
  padding: 0;
  float: left;
  margin-right: 32px;
  position: relative;
}
.live-class-dot {
  width: 14px;
  height: 14px;
  float: left;
  display: block;
  background: #ff5c5c;
  border-radius: 50%;
  margin-right: 8px;
}
.classes-bg {
  /*background: url(../img/web/classes-bg.png) no-repeat;*/
}
.subscription-gb-section:before {
  content: "";
  width: 80px;
  height: 106px;
  background-color: #18A0F0;
  position: absolute;
  display: inline-block;
  border-radius: 0 4px 4px 0;
  top: 0px;
  /* padding: 50px 40px; */
}
.learninghub-gb-section:before {
  content: "";
  width: 80px;
  height: 106px;
  background-color: #EF0107;
  position: absolute;
  display: inline-block;
  border-radius: 0 4px 4px 0;
  top: 0px;
  /* padding: 50px 40px; */
}
.classes-bg:before {
  content: "";
  width: 80px;
  height: 106px;
  background-color: #18A0F0;
  position: absolute;
  display: inline-block;
  border-radius: 0 4px 4px 0;
  top: 0px;
  /* padding: 50px 40px; */
}
.classes-banner-section {
  position: relative;
  padding: 40px 10px 40px 10px;
  color: white;
  margin: 0 40px 33px 40px;
  min-height: 240px;
}
.overlaping-text-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0000009e;
  color: white;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 21% 0;
}
.overlaping-text-overlay .date-box {
}
.overlaping-text-overlay .classes-title {
}
.overlaping-text-overlay-live {
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  border: 4px solid #ff5c5c;
}
.live-button-classes {
  width: 120px;
  height: 25px;
  background: #fe5c5c;
  position: relative;
}
.dot-effect {
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 25px;
  position: absolute;
  top: 4px;
  left: 10px;
}
.live-button-text {
  text-align: right;
  padding-right: 9px;
  padding-top: 4px;
}
/*Classes page css ends*/

/*Helpandcontact page css starts*/
.helpandcontact-bg {
/*  background: url(../img/web/helpandcontact.png) no-repeat;*/
}
.whitebox-section {
  background: white;
  /*margin-left: 90px;*/
  margin: auto;
  padding-top: 20px;
  width: 90%;
}
.whitebox-center {
  margin: 0 auto;
  max-width: 500px;
  padding: 0;
}
.helpandcontact-page-title {
  padding-bottom: 38px;
}
.color-primary {
  color: var(--primary);
}
.outer-upload-file {
  border: 1px solid #dcdcdc;
}
.inner-upload-file {
  margin: 16px;
  background: #f1f1f1;
  display: flow-root;
}
.inner-upload-file img {
  margin: 20px auto 0px auto;
  width: 30px;
  float: none;
  display: block;
}
.image-uploadeded {
  margin-left: 20px;
}
.image-uploadeded img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #dcdcdc;
  padding: 16px;
}
.button-help-contact-margin {
  margin: 64px 0;
}
.list-after-filled-images {
  width: 100%;
  margin: 0;
  display: flex;
}
.list-after-filled-images img {
  float: left;
  width: 160px;
}
.list-after-filled-images .boadytext5 {
  margin: auto 0;
}
/*Helpandcontact page css ends*/

/*Manage profile read page css starts*/
.manage-read-bg {
/*  background: url(../img/web/helpandcontact.png) no-repeat;*/
}
.manage-edit-bg {
/*  background: url(../img/web/helpandcontact.png) no-repeat;*/
}
.dropdown i.location_world {
  position: absolute;
  z-index: 99;
  top: 11px;
  left: 13px;
}
.form-content .dropdown .ui-selectmenu-button.ui-button {
  padding-left: 28px;
}
.ui-selectmenu-text {
  display: block;
  overflow: visible;
  margin-right: 0px;
  font-family: var(--font-darby);
}
.label-input-form {
  color: #717171;
}
.delete-child {
  text-align: center;
  width: auto;
  margin: 0 auto !important;
  display: block;
  float: none;
}
.delete-child img {
  width: 14px;
  margin-right: 8px;
}
.parent-profile-name {
  margin-left: 10px;
  float: left;
  position: relative;
}
.parent-profile-pic {
  width: 65px;
  height: 65px;
  float: left;
}
.children-accordiance-header {
  padding: 20px;
  display: flex;
}
.collapsed .children-accordiance-header:before {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/drop-down-icon.png) no-repeat;
  background-position: center right;
  position: absolute;
  width: 10px;
  height: 5px;
  right: 20px;
  top: 30px;
  -ms-transform: rotate(0deg); /* IE 9 */
  transform: rotate(0deg);
}
.children-accordiance-header:before {
  content: "";
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
  background: url(https://cdn-reeble.b-cdn.net/image/drop-down-icon.png) no-repeat;
  background-position: center right;
  position: absolute;
  width: 10px;
  height: 5px;
  right: 20px;
  top: 30px;
}
.children-profile-pic {
  width: 33px;
  height: 33px;
  float: left;
}
.children-profile-pic img {
}
.children-profile-name {
  line-height: 33px;
  margin-left: 11px;
  float: left;
  width: 220px;
}
.panel a {
  color: var(--blackfontcolor);
}
.panel-heading {
  border-top: 1px solid #dcdcdc;
  /*border-bottom: 1px solid #DCDCDC;  */
  position: relative;
}
.panel.panel-default .panel-heading:last-child {
  border-bottom: 1px solid #dcdcdc;
}
.children-accordiance-header-edit {
  padding: 20px;
  display: inline-block;
  width: 100%;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.children-accordiance-header-edit input {
  min-width: 240px;
  margin-left: 10px;
}
.add-children-button {
  color: var(--primary);
}
.add-children-button img {
  margin-top: -3px;
}
.remove-this-child {
  cursor: pointer;
}

.children-profile-pic .add-image-progile {
  width: 33px;
  height: 33px;
  background-color: #00000070;
  background-image: url(https://cdn-reeble.b-cdn.net/image/add-image.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  position: absolute;
  top: 0;
  border-radius: 50%;
  display: none;
}
.add-image-progile {
  width: 65px;
  height: 65px;
  background-color: #00000070;
  background-image: url(https://cdn-reeble.b-cdn.net/image/add-image.png);
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: center center;
  position: absolute;
  top: 0;
  border-radius: 50%;
  display: none;
}
.children-profile-pic:hover .add-image-progile,
.parent-profile-pic:hover .add-image-progile {
  display: block;
}

/*Manage profile read page css ends*/

/*Consultation page starts */
.notice-unorder-list {
  color: #ce3131 !important;
}

.filename {
  margin-top: -20px;
  width: fit-content;
}

/*.consultation {
    background: url(../img/web/consultation-title-bg.png) no-repeat;
}*/
.nolist {
  display: block;
  font-size: 18px;
  margin: 20px 0;
  position: relative;
  top: -30px;
}
.coach-checkbox {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 4%;
  background: white;
  border-radius: 50%;
  top: 27%;
  border: 2px solid #375ccf;
}
.coachselected .coach-checkbox:before {
  content: "";
  width: 30px;
  height: 30px;
  background: #375ccf;
  position: absolute;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}

.coach-image-content.onholiday {
  filter: grayscale(1);
}

.inside-grey-box {
  position: absolute;
  right: 0;
  top: 6px;
}
.inner-inside-grey-box {
}
.inner-inside-grey-box-section {
  margin: 8px 16px;
  display: flex;
}
.inside-grey-box-section-left {
  width: 76px;
  height: 37px;
  background: #dcdcdc;
  text-align: center;
  padding: 9px 0;
  float: left;
}
.inside-grey-box-section-right {
  width: 230px;
  float: left;
  height: 37px;
  padding: 9px 16px;
  background: white;
}
.coach-inner-section-new {
  padding: 0;
}
.coach-inner-section-new:nth-child(2) {
  padding-left: 40px;
  padding-right: 40px;
}
.nav-pills .nav-link {
  border-bottom: 1px solid #dcdcdc;
  border-radius: 0px;
  color: var(--blackfontcolor);
}
.social-share-icons {
  width: 48px;
  float: left;
  margin: 0 16px;
  cursor: pointer;
}
.shareable-link {
  background: #f1f1f1;
  padding: 16px;
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}
.shareable-link-url {
  width: 50%;
  float: left;
}
.copy-link-button {
  float: right;
  text-align: right;
  cursor: pointer;
}
.video-selected-inner .video-counter,
.video-selected-inner .col-md-3 {
  min-height: 120px;
  height: 120px;
}
.nav-pills .nav-link.active {
  background: transparent;
  color: var(--primary);
  border-bottom: 5px solid var(--primary);
  padding: 0.4rem 1rem;
}
.steps-inner {
  margin: 40px auto;
  width: 370px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.steps-inner:before {
  content: "";
  height: 8px;
  width: 99%;
  position: absolute;
  background: #bebebe;
  top: 8px;
}
.circle-icon {
  width: 83%;
  height: 24px;
  background: url(https://cdn-reeble.b-cdn.net/image/right-tick.png);
  /*margin-right: 92px;*/
  background-repeat: no-repeat;
  position: relative;
  z-index: 99;
  background-position: left center;
}
.circle-icon.active {
  background: url(https://cdn-reeble.b-cdn.net/image/right-tick-active.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.circle-icon.active:before {
  content: "";
  background: #4b4b4b;
  position: absolute;
  left: 20px;
  top: 8px;
  height: 8px;
  width: 84%;
  z-index: 9;
}
.circle-icon:last-child {
  margin-right: 0px;
  width: 54px;
}
.discipline-icons-img {
  vertical-align: middle;
  margin: auto;
  float: none;
  position: relative;
  display: block;
}
.consultation-steps-inner {
  padding: 24px 32px 40px 32px;
/*  background: #fff url(../img/web/consultation-steps-bg.png) no-repeat;*/
  background-position: top left;
}
.discipline-icons-section {
  width: 160px;
  margin: 0 auto !important;
}
.radio-check input {
  margin: 0 auto;
  float: none;
  position: relative;
  display: block;
}
.notice-inner-section {
  border: 1px solid #66ccff;
  width: 100%;
  padding: 39px 34px;
}
.notice-inner-section img {
  float: none;
  width: 25px;
  margin: 0 auto;
  display: block;
}

.customhr {
  height: 1px;
  margin: 0 auto;
  background: #dcdcdc;
}
.profilepic-details-coach {
  margin: 0 auto;
  float: none;
  display: block;
}
.coach-name-steps {
  padding: 32px 0;
}
.grey-box-video-upload {
  width: 100%;
  padding: 50px 24px;
  background: #f1f1f1;
}
.grey-box-videoicon {
  width: 44px;
  margin: 0 auto 24px auto;
}
.video-selected-section {
  counter-reset: serial-number; /* Set the serial number counter to 0 */
}
/*.video-selected-inner:first-child{border-bottom: 0px}*/
/*.video-selected-inner:last-child{border-top: 0px}*/
.video-selected-inner {
  border: 1px solid #dcdcdc;
  padding: 16px !important;
  background: white;
}
.serial-no-section {
  padding: 46px 0;
  width: 25px;
  text-align: center;
  position: relative;
}
.video-selected-section .video-selected-inner .serial-no-section:before {
  counter-increment: serial-number; /* Increment the serial number counter */
  content: counter(serial-number); /* Display the counter */
}
.video-selected-section.sortable
  .video-selected-inner
  .serial-no-section:before {
  position: absolute;
  top: 0px;
  left: 0;
  width: 25px;
  height: 100%;
  background: url(https://cdn-reeble.b-cdn.net/image/sorting.png) no-repeat;
  background-position: center;
}
.video-selected-section.sortable
  .video-selected-inner
  .serial-no-section:after {
  content: "Sort";
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 62%;
}
.video-thumbnails {
  max-width: 200px;
  margin: 0 auto;
  float: none;
  display: block;
}
.timer {
  width: 120px;
  float: left;
  margin-right: 20px;
  padding: 47px 0;
}
.timer img {
  width: 24px;
}
.timer span {
  vertical-align: bottom;
  margin-left: 10px;
}
.filesize {
  float: left;
  padding: 47px 0;
}
.filesize img {
  width: 24px;
}
.filesize span {
  vertical-align: bottom;
  margin-left: 10px;
}
.proper-true {
  background: url(https://cdn-reeble.b-cdn.net/image/green-tick.png) no-repeat;
  width: 18px;
  height: 14px;
  float: left;
  margin-right: 16px;
  margin-top: 5px;
  background-size: contain;
}
.video-selected-section .remove-video {
  width: 45px;
  height: 60px;
  border-radius: 50%;
  background: transparent;
}
.video-selected-section .remove-video img {
  margin: 0px auto;
  float: none;
  display: block;
  padding: 0;
}
.bin-icon-delete-video {
  font-size: 12px;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 5px;
}
.remove-video,.remove-logo,.remove-watermark {
 width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.remove-video img {
  margin: 0px auto;
  float: none;
  display: block;
  padding: 2px 0;
}
.remove-button-section {
  padding: 30px 0;
}
.video-total-time-size-check {
  margin: 35px 0 66px 0;
}
.filesize-check {
  width: 280px;
  margin: 0 10px;
}

.timer-check {
  width: 250px;
  margin: 0 10px;
}
.filesize-check img,
.timer-check img {
  width: 27px;
  margin-right: 10px;
}
.timer-check span,
.filesize-check span {
  vertical-align: bottom;
}

.proper-check-time.error-check,
.proper-check-size.error-check {
  background: url(https://cdn-reeble.b-cdn.net/image/warning-icon.png) no-repeat;
  background-size: contain;
}

.proper-check-time.success-check,
.proper-check-size.success-check {
  background: url(https://cdn-reeble.b-cdn.net/image/green-tick.png) no-repeat;
  background-size: contain;
  margin-top: 5px;
}
.proper-check-time,
.proper-check-size {
  width: 30px;
  height: 26px;
  float: left;
  margin-right: 16px;
  margin-top: 0px;
}
.remove-video-popup {
}
#remove-video-popup .modal-body {
/*  padding: 64px 10px 40px 10px;*/
}
#remove-video-popup .modal-dialog {
/*  max-width: 584px;*/
}
.video-selection-more {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 0 52px;
  width: 100%;
}
.discipline-each-box {
  margin-top: 30px;
}
.discipline-check-box {
  width: 70px;
  text-align: center;
  margin-right: 10px;
  float: left;
}
.discipline-check-box img {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  margin-bottom: 14px;
  border: 2px solid white;
}
.discipline-check-box span {
  width: 100%;
  display: block;
}
.discipline-check-box input {
  margin-top: 13px;
}
.discipline-image-box {
  width: 64px;
  height: 64px;
  border: 1px solid #dcdcdc;
  padding: 15px 0;
  margin-bottom: 10px;
}
.discipline-image-box img {
  width: 35px;
  height: 35px;
  border-radius: 0px;
  margin: 0;
}
.video-selection-inner {
  padding-top: 40px;
}
.language-check-box {
  width: 130px;
  float: left;
  font-size: 16px;
  line-height: 24px;
}
.language-check-box .form-check {
  padding-left: 0px;
}
.language-check-box input {
}
.progess-section {
  margin: 130px 0 44px 0px;
}
.progress-section-stop-uploading {
  margin-top: 90px;
}
.progress {
  width: 240px;
  height: 8px;
  margin: 0 auto;
  background: #dcdcdc;
}
.progress-bar {
  background: var(--primary);
}
.success-upoad-section {
  margin: 80px 0;
}
.error-upoad-section img,
.success-upoad-section img {
  margin: 0 auto;
  float: none;
  display: block;
}
.error-upoad-section {
  margin: 80px 0 40px 0;
}
.profile-selected-cosnultation {
  display: block;
  margin-top: 60px !important;
}
.profile-selected-cosnultation .disc-image {
  width: 32px;
  height: 32px;
  float: left;
}
.profile-selected-cosnultation img {
  width: 32px;
}
.profile-selected-cosnultation span {
}
.profil-col {
  width: auto;
  float: left;
/*  margin: 0px 10px 10px 0;*/
}
.profil-col span {
  padding: 8px 0;
  display: inline-block;
}
.custom-new-button.with-drop-down-icon:before {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/drop-down-icon.png) no-repeat;
  width: 10px;
  height: 5px;
  position: absolute;
  right: 15px;
  top: 47%;
}
.collapsed-section-details {
  background: white;
}
.details-collapsed {
  padding: 40px 40px 0 40px;
  background: #dcdcdc;
}
.collapsed-section-details.classes-section,
.collapsed-section-details.details-collapsed {
  background: WHITE;
  border-top: 1px solid #f1f1f1;
}
.video-detail-player:before {
  content: "";
  background: #00000073;
  width: 100%;
  height: 100%;
  position: absolute;
}
.video-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 65px;
  height: 65px;
}
#video-modal-inprogress .modal-content,
#video-modal-consultation .modal-content,
#video-modal .modal-content {
  background: transparent;
  border: 0px;
}
#video-modal-inprogress .video-content-on-hover,
#video-modal-consultation .video-content-on-hover,
#video-modal .video-content-on-hover {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  position: absolute;
  z-index: 999;
  top: 24px;
  left: 24px;
  color: white;
}
#video-modal-inprogress .modal-content:hover .video-content-on-hover,
#video-modal-consultation .modal-content:hover .video-content-on-hover,
#video-modal .modal-content:hover .video-content-on-hover {
  visibility: visible;
  opacity: 1;
}
#video-modal-inprogress .modal-popup-close-inprogress,
#video-modal-consultation .modal-popup-close-learningub,
#video-modal .modal-popup-close-learningub {
  position: absolute;
  right: 10px;
  top: -40px;
}
#video-modal-inprogress .modal-popup-close-inprogress img,
#video-modal-consultation .modal-popup-close-learningub img,
#video-modal .modal-popup-close-learningub img {
  filter: brightness(0) invert(1);
}
.video-play-icon img {
  width: 100%;
}
.video-detail-player {
  margin-bottom: 20px;
  position: relative;
}
.modal {
  overflow-y: auto;
}
.custom-new-button.with-download-icon:before {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/download-icon.png) no-repeat;
  width: 14px;
  height: 17px;
  position: absolute;
  right: 15px;
  top: 34%;
}
.custom-new-button.with-play-icon:before {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/play-icon.png) no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 25px;
  top: 17px;
}
.custom-new-button.with-share-icon:before {
  content: "";
  background: url(https://cdn-reeble.b-cdn.net/image/share-icon.png) no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
  top: 35%;
}
.goback-one-step {
  position: absolute;
  top: -35px;
}
.coach-selected-image {
  width: 80px;
  height: 81px;
}
.coach-selected-image img {
  height: 81px;
}
.form-check-label.selected img {
  border: 2px solid var(--primary);
}
.card-consultation {
  background: white;
}
.your-consultation-delete {
  top: 15px;
  right: 24px;
  z-index: 999;
  cursor: pointer;
}
.max-thumbnail-images-uploaded-video {
  max-width: 160px;
}
.max-thumbnail-images-selectec-coach {
}
.section-blue-color {
  background: #66ccff;
  color: white;
  padding: 20px;
}
.section-blue-color .custom-new-button {
  border: 1px solid #ffffff;
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 1s ease;
  text-transform: uppercase;
  cursor: pointer;
}
.section-blue-color .custom-new-button:hover {
  background-position: left bottom;
  color: #66ccff;
  border: 1px solid #ffffff;
}
.custom-new-button.with-share-icon:hover:before,
.custom-new-button.with-download-icon:hover:before {
  content: "";
  color: white;
  filter: brightness(0) invert(1);
}
.details-collapsed-grey {
  padding: 40px;
  background: #f1f1f1;
}
.dot-live-step {
  background: url(https://cdn-reeble.b-cdn.net/image/on-step.png) no-repeat;
  background-position: left center;
}
.your-conultation-collapsed[aria-expanded="true"] {
}
/* .your-conultation-collapsed[aria-expanded="true"]:after{
  content: "閉じる";
 }  */
.your-consultation-coach-selected-image {
  width: 80px;
  height: 81px;
  margin-right: 16px;
}
/*Consultation page ends */
/*Footer for every page starts*/
.footer-new-design {
  background: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/footer-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  color: white;
}
.footer-new-design a {
  color: white;
}
.footer-new-design a:hover {
  color: white;
}
a {
  color: #131313;
}
a:hover {
  color: #131313;
  text-decoration: none;
}

.footer-logo img {
  /*  -webkit-filter: invert(100%);
    filter: invert(100%); */
  /* width: 160px; */
      width: 200px;
    padding-bottom: 20px;
}
/*Footer for every page ends*/

/*media query for title and description align in one line starts */

/*@media only screen and (min-width: 1266px) and (max-width: 1366px) {
  .heading2,
  .heading1 {
    font-size: 46px;
  }
}

@media only screen and (min-width: 1230px) and (max-width: 1265px) {
  .heading2,
  .heading1 {
    font-size: 42px;
  }
}

@media only screen and (min-width: 1180px) and (max-width: 1229px) {
  .heading2,
  .heading1 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1179px) {
  .heading2,
  .heading1 {
    font-size: 26px;
  }
  .heading6,
  .heading7 {
    font-size: 14px;
  }
  .heading7-new {
    font-size: 14px;
  }
}*/

/*media query for title and description align in one line  ends */

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .slider-image-content {
    width: 99.8%;
    height: 65vh;
    min-height: 600px;
  }
  /*.slider-title span{display: block;
    margin: 0!important;} */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .topofthepage {
    display: none;
  }
  .coach-descibtion {
    display: none;
  }
  .slider-title span {
    display: block;
    margin: 0 !important;
  }
  .slider-image-content {
    width: 100%;
    height: 65vh;
    min-height: 600px;
  }
  .slider-outter .slider-main:before {
    content: "";
    background: url(https://cdn-reeble.b-cdn.net/image/Frame-1.png) no-repeat;
    width: 210px;
    height: 20px;
    position: absolute;
    top: 5%;
    z-index: 9;
    left: 25px;
  }
  .section-home-one {
/*    background: url(../img/web/slider-bg.png) !important;*/
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
  }
  .greysection {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  /*For all the pages */
  .sidebar .sidebar-wrapper,
  .off-canvas-sidebar .sidebar-wrapper {
    height: calc(100vh - 125px) !important;
  }
  .modal.modal-fullscreen {
    margin: 0;
    width: 100%;
  }
  .modal.modal-fullscreen .modal-content {
    position: relative;
    width: 100%;
    padding: 10px 16px;
  }
  .modal.modal-fullscreen .poup-detail {
    margin: 0;
  }
  .modal.modal-fullscreen .modal-body {
    padding: 0px;
  }
  .modal.modal-fullscreen .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .modal.modal-fullscreen .modal-popup-close {
    position: relative;
    right: 0;
    float: right;
    text-align: right;
    padding: 17px 5px;
    width: auto;
    top: 0px;
  }
  .modal.modal-fullscreen .mb-5.customhr {
    margin-bottom: 20px !important;
  }
  .modal.modal-fullscreen .cutsom-new-button-fill.centerdiv.my-5,
  .modal.modal-fullscreen .custom-new-button.centerdiv.my-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .modal-body .popup-details-content {
    padding: 0 !important;
  }
  .modal-body .popup-detail-image {
    margin-bottom: 20px;
    height: intrinsic;
  }
  /*For all the pages */

  .topofthepage {
    display: none;
  }
  .coach-section .col {
    padding: 0 !important;
  }
  .footerlinks {
    display: inline-block !important;
    margin: 20px auto !important;
  }
  .footerlinks .col {
    margin: 13px 0;
    display: inline-block;
  }

  .greysection {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .heading1 {
    font-size: 48px;
    font-weight: bold;
    line-height: 48px;
  }
  .heading2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 43.71px;
  }
  .slider-title span {
    display: block;
    margin: 0 !important;
  }
  .coach-descibtion {
    display: none;
  }
  .section-home-one .owl-carousel .owl-nav button.owl-prev {
    left: 2%;
    color: white;
    bottom: 42%;
    display: block !important;
    filter: brightness(0) invert(1);
    background: url(https://cdn-reeble.b-cdn.net/image/carousel-prev.png) no-repeat;
    background-position: center;
  }
  .section-home-one .owl-carousel .owl-nav button.owl-next {
    right: 2%;
    color: white;
    bottom: 42%;
    display: block !important;
    filter: brightness(0) invert(1);
    background: url(https://cdn-reeble.b-cdn.net/image/carousel-next.png) no-repeat;
    background-position: center;
  }
  .section-home-one .owl-carousel.owl-theme .owl-nav button.owl-next:hover,
  .section-home-one .owl-carousel.owl-theme .owl-nav button.owl-prev:hover {
    background: transparent;
  }

  .coach-section .row {
    display: block !important;
  }
  .slider-image-content {
    /*width: 100%;*/
    height: 45vh;
    min-height: 400px;
  }
  .slider-outter .slider-main:before {
    content: "";
    background: url(https://cdn-reeble.b-cdn.net/image/Frame-1.png) no-repeat;
    background-size: contain;
    width: 110px;
    height: 20px;
    position: absolute;
    top: 19px;
    z-index: 9;
    left: 12px;
  }
  .slider-content .content-description,
  .slider-content .content-title {
    margin-right: 0px;
    margin-left: 20px;
    float: left;
  }

  .slider-outter .slider-main:after {
    content: "";
    background: url(https://cdn-reeble.b-cdn.net/image/Frame-2.png) no-repeat;
    background-size: contain;
    width: 110px;
    height: 20px;
    position: absolute;
    bottom: -14px;
    z-index: 9;
    right: 10px;
  }
  .section-home-one {
/*    background: url(../img/web/slider-bg.png) !important;*/
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
  }

  /*Subscriptions mobile design  starts */
  .boadytext3.pull-right.price {
  }
  .subscriptions {
    background-size: 160px;
    padding: 32px 16px 16px 16px;
  }
  .subscriptions .slider-subtitle {
  }
  .subscriptions .inner-listing {
    padding: 16px 16px 22px 16px;
  }
  .subscriptions .inner-listing .px-4 {
    padding: 0 !important;
  }
  .subscriptions .inner-listing .inner-section-right-subscribtion {
    position: relative;
    bottom: 0;
    margin: 24px 0 0 0;
  }
  #checkoutpageFragment .table > tbody > tr > td {
    display: block;
    width: 99.9%;
    clear: both;
    padding: 15px 7px 0px 7px;
  }
  #checkoutpageFragment .table > tbody > tr > td:nth-child(2) {
    border-top: 0px;
    padding-bottom: 16px;
  }
  #checkoutpageFragment .custom-new-button-fill.my-5,
  #checkoutpageFragment .custom-new-button.my-5 {
    margin: 0px auto !important;
  }
  #checkoutpageFragment .table > tbody > tr > td .heading5 {
    font-size: 20px;
  }
  #checkoutpageFragment .padding-x-40 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #checkoutpageFragment .table > tbody > tr > td img {
    margin-right: 10px;
    margin-bottom: 40px;
  }
  /*Subscriptions mobile design ends */
  /* Consultation mobile design starts  */
  #consutltaion-step1 .coach-inner-section-new {
    padding: 0 16px;
  }
  #consutltaion-step1 .coach-inner-section-new:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .tab-pane.padding-x-40 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .croppie-container button {
    /*width: 200px;
    font-size: 16px;
    font-weight: bold;
    line-height: 16.8px;
    text-align: center;
    padding: 18px 0;
    border: 1px solid #4b4b4b;
    background: #4b4b4b;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    text-transform: uppercase;
    cursor: pointer;
    color: white !important;
    border-radius: 0px;
    opacity: 1;*/
  }
  .inside-grey-box {
    position: relative;
  }
  .pro-img.coach-selected-image {
    margin: 0 !important;
    float: left;
  }
  #consutltaion-step1 .col-md-33 {
    flex-basis: auto;
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #d6d6d6;
  }
  .notice-unorder-list {
    color: #ce3131 !important;
  }
  .tab-pane .steps-inner {
    width: 310px;
  }
  .consultation-steps-inner .col-md-33 {
    padding: 0px;
  }
  .tab-pane .consultation-steps-inner {
    padding: 24px 16px 32px 16px;
  }
  .notice-inner-section .col-md-1 {
    margin-bottom: 18px;
  }
  .notice-inner-section {
    padding: 20px 16px 16px 16px;
  }
  .notice-inner-section .custom-new-button {
    margin: 24px auto 0 auto;
    float: none;
    display: block;
    position: relative;
  }
  .notice-inner-section .custom-new-button:before {
    content: "";
    right: 7px;
  }
  .video-selected-section .video-selected-inner {
    position: relative;
    padding: 10px !important;
  }
  .video-selected-section .video-selected-inner .col-md-3 {
    padding: 0px !important;
    width: 80%;
  }
  .video-selected-section .video-selected-inner .col-md-8 {
    padding: 0px !important;
    width: 100%;
  }
  .video-selected-section .video-selected-inner .video-counter {
    padding: 0;
  }
  .video-selected-section .video-selected-inner .remove-button-section {
    position: absolute;
    right: 6px;
    padding: 0;
  }
  .video-selected-section .video-selected-inner .timer,
  .video-selected-section .video-selected-inner .filesize {
    padding: 15px 0;
    width: 50%;
    margin: 0;
  }
  .video-total-time-size-check .col-md-7 .timer-check,
  .video-total-time-size-check .col-md-7 .filesize-check {
  }
  .video-selected-inner .timer span,
  .video-selected-inner .filesize span {
    font-size: 14px;
  }
  .video-selection-more {
    padding: 0 13px;
  }
  .video-selection-inner {
    padding-top: 23px;
  }
  .video-selection-inner .col-md-4 {
    max-width: 100%;
    min-width: 100%;
    width: 100% !important;
    margin-bottom: 25px;
  }
  .mobile-make-float {
    float: none !important;
    margin: 15px auto !important;
    /*pointer-events: none;*/
  }
  .mobile-make-float .cutsom-new-button-fill.mt-5 {
/*    margin-top: 24px !important;*/
  }

  .card-consultation .inner-listing {
    padding: 16px;
  }
  .card-consultation .remove-video {
    top: 25px;
    right: 25px;
  }
  .card-consultation .image-section img {
    max-width: 100%;
  }
  .mobile-padding-zero {
    padding: 0 !important;
  }
  .card-consultation .profile-selected-cosnultation {
    display: inline-block;
    margin-top: 20px !important;
  }
  .card-consultation .profile-selected-cosnultation .profil-col {
    width: 100%;
    margin-bottom: 20px;
  }
  .card-consultation
    .profile-selected-cosnultation
    .discipline-icons-img
    .profil-col {
    width: auto;
    margin-bottom: 20px;
  }
  .discipline-icons-img {
    width: auto;
  }
  #class-list .col-md-8.col-sm-12.px-4 {
    padding: 0 !important;
  }
  .nav-pills .owl-item .nav-link,
  .nav-pills .owl-item .nav-link.active {
    padding: 0.4rem 0.4rem;
  }
  .card-consultation .inner-section-right-subscribtion {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 20px 0 10px 0;
  }
  .card-consultation .inner-section-right-subscribtion .custom-new-button {
    position: relative;
  }
  .collapse.show .details-collapsed {
    padding: 16px 16px 24px 16px;
  }
  .collapse.show .details-collapsed .coach-details-name-photo {
    width: 100%;
    margin: 16px 0;
  }
  .details-collapsed .details-collapsed-grey {
    padding: 16px 16px 24px 16px;
  }
  .details-collapsed .details-collapsed-grey .row .boadytext6 {
    margin: 8px 0 0 0 !important;
  }
  .details-collapsed .details-collapsed-grey .padding-x-40 {
    padding: 24px 0px 10px 0px !important;
  }
  .details-collapsed
    .details-collapsed-grey
    .custom-new-button.with-share-icon {
    margin-top: 24px;
  }
  .section-blue-color .heading7 {
    padding-top: 0px;
    text-align: center;
    width: 100%;
    margin: 0 0 16px 0 !important;
    position: relative;
    display: contents;
  }
  .collapse.show .details-collapsed .section-blue-color .custom-new-button {
    margin: 16px auto;
    float: none !important;
    display: block;
  }
  .coach-details-name-photo .your-consultation-coach-selected-image {
    float: left;
  }
  .collapse.show .details-collapsed .py-5 {
    padding: 24px 0 !important;
  }
  /* Consultation mobile design ends  */

  /* Learning hub mobile design starts */
  .categories.tab-pane.padding-x-40 {
    padding: 0 !important;
    margin-top: 24px !important;
  }
  .section-without-padding {
    /*padding: 32px 20px;*/
    background-size: 160px;
  }
  .learning-hub-bg .slider-title {
  }
  .section-without-padding .slider-title span.heading7 {
    margin-top: 24px !important;
  }
  .section-without-padding .inner-subscriptions-titles .my-5 {
    margin: 20px 0 0 0 !important;
  }
  .categories .learninghub-banner-section {
    padding: 30px 16px;
    min-height: 350px;
    max-height: 370px;
  }
  .learninghub-banner-section .mb-32 {
    margin-top: 120px;
  }
  .learninghub-banner-section .col-4 {
    flex: 0 0 100%;
    line-height: 21px;
    max-width: 100% !important;
    padding: 0;
    margin-top: 16px !important;
  }
  .bottom-button-links {
    padding: 0 20px !important;
  }
  .bottom-button-links .bottom-buttons-tabs {
    width: 150px;
  }
  .bottom-button-links .bottom-buttons-tabs .custom-new-button {
    width: 150px;
  }
  #learninghubtop .w-100.mb-5 {
    margin: 0 16px !important;
    width: auto !important;
  }
  .learninghub-video-section {
    padding: 0px;
    margin: 16px 16px 0 16px;
  }
  .learninghub-video-section .col-sm-6 {
    padding: 10px;
    width: 50%;
    float: left;
  }
  #postsection {
    width: 100%;
  }
  .learninghub-video-section .learninghub-video-image {
    min-height: 86px;
    position: relative;
  }
  .learninghub-video-section .heading7 {
    font-size: 14px;
  }
  .learninghub-video-section .blackboxplayicon {
    width: 33px;
    height: 33px;
  }

  .inprogress-video-section {
    padding: 0px;
    margin: 16px 16px 0 16px;
  }
  .inprogress-video-section .col-sm-6 {
    padding: 10px;
    width: 50%;
    float: left;
  }
  #inprogresssection {
    width: 100%;
  }
  .inprogress-video-section .learninghub-video-image {
    min-height: 250px !important;
    position: relative;
  }
  .inprogress-video-section .heading7 {
    font-size: 14px;
  }
  .inprogress-video-section .blackboxplayiconinprogress {
    width: 33px;
    height: 33px;
  }
  .nav-pills.owl-carousel {
    width: 88%;
    margin: 30px auto 0 auto;
  }
  .nav-pills.owl-carousel .owl-nav button.owl-next,
  .nav-pills.owl-carousel .owl-nav button.owl-prev {
    display: block;
    top: -3px;
  }
  .nav-pills.owl-carousel .owl-nav button.owl-next {
    right: -22px;
  }
  .nav-pills.owl-carousel .owl-nav button.owl-prev {
    left: -22px;
  }
  /* Learning hub mobile design ends */
  /* Classes mobile design starts */
  .classes-banner-section {
    margin: 0;
  }

  /* Classes mobile design ends */
  /* Help and contact mobile design starts */
  .helpandcontact-bg .whitebox-section {
    padding: 16px;
    width: 100%;
  }
  .helpandcontact-bg .inner-subscriptions-titles {
    padding: 0 !important;
  }
  .helpandcontact-bg .slider-title {
    padding: 0 !important;
    margin-bottom: 24px;
  }
  /* Help and contact mobile design ends */

  /* manage profile mobile design starts */
  .manage-read-bg .whitebox-section,
  .manage-edit-bg .whitebox-section {
    width: 100%;
    padding: 16px;
  }
  .manage-read-bg .parent-profile-pic {
    margin-left: 10px;
  }
  .manage-edit-bg .parent-profile-name,
  .manage-read-bg .parent-profile-name {
    line-height: 29px;
  }
  .manage-read-bg .col-md-3.p-0.boadytext6.vertically-center.pull-right {
    width: 100px;
    position: absolute;
    right: 0px;
    top: 60px;
  }
  .mobile-50 .col-md-6 {
    width: 50%;
  }
  .manage-edit-bg .parent-profile-name input {
    width: 100%;
  }
  .manage-edit-bg .dropdown {
    width: 140px;
    position: relative;
    right: 0;
  }
  .manage-edit-bg .row {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .manage-edit-bg .row .col-md-6 {
    margin: 24px 0 0 0 !important;
    padding: 0 !important;
  }
  .manage-edit-bg .children-profile-pic {
    margin: 20px 0 !important;
  }
  .manage-edit-bg .children-profile-name {
    margin: 20px 0 20px 11px !important;
  }
  .col-md-3.vertically-center.pull-right {
    margin-top: 18px;
  }
  /* manage profile mobile design ends */
  .comment_width_inprogress {
/*    width: 70% !important; */
  }
}
.othertextarea {
  color: #131313;
  font-size: 14px;
}
.color-link {
  color: rgb(206, 49, 49);
}
.parent-profile-name-mandatetext {
  color: rgb(206, 49, 49);
  font-size: 12px;
  position: absolute;
  top: 10px;
  font-family: var(--font-italian);
  font-weight: 500;
  left: 100%;
  width: 100%;
}
.optional {
  color: #ce3131;
  font-size: 12px;
  margin: 0 0px 0 8px;
  vertical-align: super;
}
.section-for-ads {
  /*height: 100px;*/
  /*background: #C4C4C4;*/
  /* min-width: 320px;*/
  margin: 15px auto;
  max-width: 400px;
}
.ads-section .section-inner {
  padding: 50px 3%;
}
.section-for-ads img {
  margin: auto;
  display: block;
  cursor: pointer;
}

.sorting-box-consultation {
  background: transparent;
  border: 0;
}
.sorting-box-consultation .selectmenu {
}
.search-input-consultation input {
  font-family: var(--font-italian);
}
.reject-consultation {
}
.reject-consultation .custom-new-button {
  margin: 0;
  float: left;
}
.card-consultation {
  width: 100%;
  left: 0 !important;
}
.dashboard-section {
  /*background: url(../img/web/dashboard-img.png) no-repeat;*/
  /*margin-bottom: 50px;*/
  padding-bottom: 20px;
  background-size: 28%;
}
.dashboard-coach-details-img {
  width: 135px;
  height: 135px;
  background: #e3e3e3;
  border-radius: 50%;
  margin: auto;
  overflow: hidden;
  /*  margin-left: -25%; */
}
.dashboard-coach-details-img img {
  width: 70%;
  margin: auto;
  float: none;
  display: block;
  padding-top: 10px;
}
#owl-learninghub-new.owl-carousel .owl-stage,
#owl-announcement.owl-carousel .owl-stage,
#owl-classes.owl-carousel .owl-stage,
#owl-featured-learninghub1.owl-carousel .owl-stage,
#owl-featured-learninghub2.owl-carousel .owl-stage {
  left: -80px;
}
.maxwidth-300 {
}
.dashboard-inner {
  padding: 35px 0;
  background: var(--primary);
  min-height: 209px;
  border-radius: 0px;
}
.toggle.btn-sm {
  min-width: 100px;
  min-height: 35px;
  margin: auto;
  float: none;
  display: block;
}
.vaccation-mode {
  padding: 20px 0;
}
.select-no-slot {
  width: 100%;
  height: 50px;
  padding: 15px 0;
  display: inline-table;
}
.select-no-slot input {
  width: 50px;
  height: 50px;
  border: 0;
  background: #e5e5e5;
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
  float: none;
  display: block;
}
.vaccation-mode .btn-sm {
  border-radius: 0px;

  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  font-family: var(--font-italian);
}

.vaccation-mode .toggle.btn-sm {
  width: 100px !important;
  max-width: 100px !important;
  min-height: 35px !important;
  margin: auto;
  float: none;
  display: block;
}
.vaccation-mode .btn-sm.toggle-on {
  padding: 9px 80px 5px 0px;
  right: 35%;
}
.vaccation-mode .btn-sm.toggle-off {
  padding: 8px 0px 5px 80px;
  left: 35%;
}
#password_rules ul li.complete {
  color: #5db406;
}
.toggle-form-email {
  width: inherit;
}
.gotoregisterclick,
.gotologinclick {
  cursor: pointer;
  color: #fff;
}
#password_rules {
  color: #fff;
}
.see-all-btn-coach {
  padding: 25px 25px 0;
  cursor: pointer;
  transition: all 0.5s;
}
.see-all-btn-coach i {
  transition: all 0.5s;
}
.see-all-btn-coach:hover {
/*  color: #086AA3;*/
}
.see-all-btn-coach:hover i {
/*  color: #086AA3;*/
  transform: translateX(10px);
}
.see-all-btn-lb {
  padding: 25px 25px 0;
  cursor: pointer;
  transition: all 0.5s;
}
.see-all-btn-lb i {
  transition: all 0.5s;
}
.see-all-btn-lb:hover {
/*  color: #EF0107;*/
}
.see-all-btn-lb:hover i {
/*  color: #EF0107;*/
  transform: translateX(10px);
}
.see-all-btn-class {
  padding: 25px 25px 0;
  cursor: pointer;
  transition: all 0.5s;
}
.see-all-btn-class i {
  transition: all 0.5s;
}
.see-all-btn-class:hover {
  color: #18A0F0;
}
.see-all-btn-class:hover i {
  color: #18A0F0;
  transform: translateX(10px);
}
.pl-40 {
  padding-left: 40px;
}
.show-hide-pass {
  position: absolute;
  right: 10px;
  top: 10px;
}
.play-btn button {
  background: white;
  border: 1px solid var(--primary);
  color: var(--primary);
}
.play-btn button:hover {
  background: white;
  border: 1px solid var(--primary);
  color: var(--primary) !important;
}
.cross-btn {
    position: absolute;
    right: 1px;
    background: #000;
    color: #fff;
    padding: 2px 9px;
    border-radius: 50%;
    cursor: pointer;
    margin: -10px -12px 0 0;
}
.editamateur {
  padding: 10px 20px;
  width: 100%;
  font-size: 12px;
  /*background: #fff;*/
}
.editamateur:hover {
  /*color: #000 !important;*/
}
.quicksearch {
  padding: 10px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  font-family: var(--font-italian);
  margin: 0px 30px;
}
.dropzone .dz-preview.dz-image-preview {
  width: 96%;
}
.dropzone .dz-preview .dz-image {
  margin: 0 auto;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

.datepicker {
  z-index: 99999 !important;
}
.date .bootstrap-datetimepicker-widget {
  z-index: 99999999 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.coach-names {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.action-icons-for-media {
  font-size: 25px;
  color: var(--primary);
  margin-left: 10px;
}
.action-icons-for-media.disabled {
  color: #dcdcdc;
  pointer-events: none;
  cursor: not-allowed;
}
.classes-image {
  width: 200px;
  height: 200px;
  background: black;
  object-fit: cover;
}
.category-image-main {
  width: 200px;
  height: 200px;
  background: black;
  object-fit: cover;
}
#owl-classes {
  opacity: 1;
}
.banner-add-delete:hover:before,
.profile-pic-add-delete:hover:before,
.proLogo-add-delete:hover:before,
.proWaterMark-add-delete:hover:before {
  background: #0000009e;
  width: 100%;
  height: 100%;
  z-index: 101;
  position: absolute;
  content: "\f055";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: white;
  font-size: 60px;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
}
.add-first-image:before
 {
  background: #0000009e;
  width: 100%;
  height: 100%;
  z-index: 101;
  position: absolute;
  content: "\f055";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: white;
  font-size: 60px;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
}
.dz-preview.dz-error.dz-complete.dz-image-preview {
  display: none;
}
.modal-open .modal#addstudent {
  /*z-index: 10509 !important;  */
}
.customTooltip {
  max-width: 500px !important;
  min-width: 500px !important;
}
.customTooltipEdit {
  min-width: 480px !important;
}
.customTooltip img {
  width: 500px !important;
  /*    height: 200px;*/
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
}
.customTooltip-top {
  max-width: 500px !important;
  min-width: 500px !important;
  margin-top: -248.012px!important;
}

.customTooltip-top img {
  width: 500px !important;
  /*    height: 200px;*/
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
}
.consult-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: -170px !important;
}
.consult-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.consult-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
bottom: 65%!important;
}
.analyse-tip {
  max-width: 500px !important;
  min-width: 500px !important;
/*  top: -225px !important;*/
}
.analyse-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.analyse-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
bottom: 80px;
}

.classes-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: -325px !important;
}
.classes-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.classes-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
bottom: 30%!important;
}
.announcement-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: -340px !important;
}
.announcement-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.announcement-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
bottom: 30px;
}

.coachprofile-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: -420px !important;
}
.coachprofile-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.coachprofile-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
}
.coachprofile-tip .introjs-arrow.left {
  bottom: 6px!important;
}
.addstudent-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: -425px !important;
}
.addstudent-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.addstudent-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
}
.learninghub-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: -270px !important;
}
.learninghub-tip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.learninghub-tip .introjs-arrow.left-bottom {
/*  display: none !important;*/
bottom: 42%!important;
}
/*.consultation-third{
  left: 150px!important;
}*/
.consultation-third{
  max-width: 500px !important;
  min-width: 500px !important;
  top: -170px !important;
  left: -190px!important;
}
.consultation-third img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.consultation-third .introjs-arrow.left-bottom {
/*  display: none !important;*/
bottom: 65%!important;
}
.welcome-tip {
  max-width: 500px !important;
  min-width: 500px !important;
  margin-left: -250px;
  top: -100px !important;
}
.display-add-info span {
  /*border-bottom: 1px solid #000;*/
  cursor: pointer;
}
.coach-logo {
  height: 120px;
  object-fit: contain;
}
.border-before:before {
  content: "";
  height: 90%;
  border: 1px solid #dee2e6;
  left: -5px;
  margin-top: 70px;
  float: left;
  position: absolute;
}
.profile-size {
  height: 143px;
  object-fit: contain;
}
.profile-size img {
  height: 143px;
  object-fit: contain;
  width: 100%;
}
.introjs-tooltiptext {
  padding: 0px !important;
}
.introjs-tooltiptext h5 {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  padding: 20px !important;
}
.introjs-tooltip-header {
  /* position: absolute!important;
    width: 100%!important;*/
}
.importvideoTip {
  max-width: 500px !important;
  min-width: 500px !important;
  top: 0px !important;
}
.importvideoTip img {
  width: 500px !important;
  height: 200px;
  object-fit: cover;
}
.importvideoTip .introjs-arrow.left-bottom {
  display: none !important;
}
.progress-section-show-hide {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  background: #292929d4;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.percentage-progress-bar {
  height: 45px;
  width: 40%;
  min-width: 320px;
  border-radius: 0;
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #80808000;
  border: 2px solid white;
  padding: 6px;
}
.percentage-progress-bar .progress-bar {
  height: 30px;
}
.percentage-progress-bar-content {
  position: absolute;
  top: -120px;
}
.loading-percentage-count {
  text-align: right;
}
.top-icon {
  display: inline-block;
  padding: 25px;
  background: #f4f7ff;
  border-radius: 50%;
}
.top-icon img {
  width: 50px;
}
.share-info .heading6 {
  font-size: 18px;
}
.share-info .boadytext5 {
  ine-height: 22px;
}
.send-btn {
  display: inline-block;
  position: absolute;
  width: 53px;
  right: 16px;
  background: var(--primary);
  padding: 13px 10px 8px 10px;
  cursor: pointer;
}
.copy-link-text {
  display: inline-block;
  position: absolute;
  right: 16px;
  padding: 14px;
  background: var(--primary);
  color: #fff;
  cursor: pointer;
}
.fb-share i {
  font-size: 20px;
  padding: 15px 20px;
  background: #f4f7ff;
  border-radius: 50%;
  color: var(--primary);
}
.twitter-share i {
  font-size: 20px;
  padding: 15px 17px;
  background: #f4f7ff;
  border-radius: 50%;
  color: var(--primary);
}
.linked-share i {
  font-size: 20px;
  padding: 15px 17px;
  background: #f4f7ff;
  border-radius: 50%;
  color: var(--primary);
}
.add-category-btn {
  position: absolute;
  right: -40px;
  top: 1px;
  font-size: 36px;
}
#btn-record-webm {
  background-color: #459a5d;
  width: 100%;
  color: #fff;
}
.introjs-tooltip {
  border-radius: 8px !important;
}
.introjs-tooltiptext img{
  border-radius: 8px 8px 0px 0px!important;
}
.introjs-disabled {
  color: #9e9e9e !important;
}
@media screen and (max-width: 768px) {
  .padding-x-40 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.resend-btn {
  position: absolute;
  top: -30px;
  right: 0;
}
.addImageDisabled {
  pointer-events: none;
}
.introjs-tooltipbuttons {
  /*    background-color: var(--primary)!important;*/
}
.introjs-bullets ul li a {
  margin-top: 1px !important ;
}
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  border: 1px solid #f4f4f4 !important;
  text-decoration: none;
  text-shadow: none !important;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #f4f4f4;
  border-radius: 0px !important;
  zoom: 1;
  display: inline;
  padding: 10px 30px !important;
}
.introjs-bullets ul li a.active {
  width: 8px !important;
  height: 8px !important;
  background-color: var(--primary) !important;
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
  width: 8px !important;
  background: #999;
  text-decoration: none;
  outline: 0;
  height: 8px !important;
}
.introjs-tooltip-title {
  font-size: 23px !important;
  display: none !important;
}
.introjs-tooltip {
  /*    background:#e5f1fb!important;*/
}
.introjs-skipbutton {
  position: absolute !important;
  background-color: #000 !important;
  border-radius: 50% !important;
  color: #fff !important;
  top: -23px !important;
  right: -23px !important;
  z-index: 9;
}
.introjs-bullets {
  position: absolute !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  align-items: center !important;
  margin-top: 18px !important;
}
.introjs-tooltip-header {
  min-height: 0px !important;
  padding: 0px !important;
}
.introjs-bullets ul {
}
.introjs-tooltip.customTooltip.introjs-floating {
  border-radius: 8px !important;
}
.introjs-nextbutton {
  background: var(--primary) !important;
  color: #fff !important;
}
.introjs-button:focus {
  box-shadow: none !important;
}
.introjs-tooltipbuttons {
  border-top: 1px solid #f4f4f4 !important;
}
.student-name-short {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .register-section {
    padding: 26px 0 90px;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 1060px) and (orientation: landscape) {
  .register-section {
    padding: 26px 0 90px;
  }
}
.link-intro-popup {
}

/*footer code start*/
.footer {
        background: #172030;
    border-width: medium 3px 3px;
    border-top: 3px solid #f00000;
    max-width: 100vw;
    padding-bottom: 26px;
    position: relative;
    width: 100%;
    padding-top: 51px;
}

.footer__inner {
    max-width: 1354px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.footer-logos {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    padding-bottom: 24px;
}
.footer-logos__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}
.footer-logos__link {
    margin-right: 24px;
}
.footer-logos__link {
    margin-right: 12px;
}
.footer-logos__link svg {
    margin-bottom: 10px;
    vertical-align: bottom;
}

.footer-logos__link--adidas>svg, .footer-logos__link--emirates>svg {
    width: 120px;
}
.footer-logos__link--visit-rwanda>svg {
    margin-left: -20px;
    width: 160px;
}
.footer-logos__link--ar>svg {
    width: 131px;
}
.footer-logos__link--acronis>svg {
    width: 115px;
}
.footer-logos__link--ball>svg {
    width: 75px;
}
.footer-logos__link--etoro>svg {
    width: 115px;
}
.footer-logos__link--konami>svg {
    width: 65px;
}
.footer-logos__link--prime>svg, .footer-logos__link--therabody>svg {
    width: 95px;
}
.footer-logos__link--socios>svg {
    width: 130px;
}
.footer-logos__link--sportsbet>svg {
    width: 90px;
}
.footer-logos__link--statsports>svg {
    width: 130px;
}
.footer-logos__link--pl>svg, .footer-logos__link--uc>svg {
    width: 115px;
}
.footer-logos__link--pl>svg, .footer-logos__link--uc>svg {
    width: 115px;
}
.footer-logos__link--cadbury>svg {
    width: 80px;
}
.footer-logos__link--camden-brewery>svg {
    width: 60px;
}
.footer-logos__link--extramarks>svg, .footer-logos__link--lavazza>svg {
    width: 90px;
}
.footer-logos__link--extramarks>svg, .footer-logos__link--lavazza>svg {
    width: 90px;
}
.footer-logos__link--octopus-energy>svg {
    width: 120px;
}
.footer-logos__link--prime>svg, .footer-logos__link--therabody>svg {
    width: 95px;
}
.footer-logos--mobile {
    display: none;
    visibility: hidden;
}
.footer-logos__link path, .footer-logos__link polygon, .footer-logos__link polyline, .footer-logos__link rect {
    fill: #5a6371;
}
.footer-logos__link:focus path, .footer-logos__link:focus polygon, .footer-logos__link:focus polyline, .footer-logos__link:focus rect, .footer-logos__link:hover path, .footer-logos__link:hover polygon, .footer-logos__link:hover polyline, .footer-logos__link:hover rect {
    fill: #fff;
}
/*footer code end*/




.newtopsection-bg-new {
 background-image: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/banner_bg.jpg);
  position: relative;
  width: 100%;
  height: auto;
  background-size: cover;
  display: block;
  color: white;
}

.newtopsection-bg-new:before {
  content: "";
  background: linear-gradient(90deg,var(--primary),var(--primary) 600px,var(--primary) 601px,rgba(51,71,107,0));
  bottom: 0;
 display: block;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 width: 100%;
    height: auto;
}
.learninghub-section.news-section .slider-title{
  background: #EF0107;
    padding: 20px;
    color: white;
    margin-left: -20px;
}
.classes-section.news-section .slider-title{
    background: #18A0F0;
    padding: 20px;
    color: white;
    margin-left: -20px;
}

.coach-section.news-section .slider-title{
    background: #086AA3;
    padding: 20px;
    color: white;
    margin-left: -20px;
}
.see-all-btn-coach a,
.see-all-btn-coach a:hover,
.see-all-btn-coach:hover,
.see-all-btn-coach{
      color: white;    
}
/*.sidebar .logo:after {
    content: 'RESPECT | DISCIPLINE | HUMILITY';
    font-size: 13px;
    color: #023474;
    width: 100%;
    position: absolute;
    height: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}*/
.full-width-bg {
    background-color: var(--primary)!important;
    color: #fff!important;
    cursor: default!important;
    position: fixed;
    width: 240px;
    bottom: 0;
}
.full-width-bg p {
    color: #fff!important;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .register-section{
    padding: 26px 0 90px;
   }
   /*.hide-on-tabs{
    display: none!important;
   }*/


}
@media only screen and (min-device-width: 480px) and (max-device-width: 1060px) and (orientation:landscape) {
  .register-section{
    padding: 26px 0 90px;
   }
   /*.hide-on-tabs{
    display: none!important;
   }*/
}
.link-intro-popup{
      /* background: var(--primary); */
    color: var(--primary);
    /* padding: 5px 9px; */
    /* border-radius: 4px; */
    margin-left: 5px;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 800;
}
.no-student-icon{
  font-size: 40px;
    text-align: center;
    width: 100%;
    color: var(--primary);
    margin-top: 30px;
}
.no-record-outer{
  position: relative;
    height: 0px;
    display: block;
    margin: 5px 0 48px;
}
.no-student-text{
  width: 100%;
    text-align: center;
    display: block;
    position: relative;
    font-size: 18px;
    padding-top: 5px;
}
.introjs-helperLayer{
  z-index: 9999!important;
}
/*
.introjs-tooltipReferenceLayer{
  z-index: 9999!important;
}*/
#video-modal{
      z-index: 999999999!important;
}
.replay-screen-icon{
    position: absolute;
    right: 0;
    font-size: 30px;
    color: var(--primary);
    top: 10px;
  }
  .replay-screen-icon button{
    color: var(--secondary);
  }
.replay-screen-icon .fa-circle-info{
  background: transparent;
}

  /* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .announcementss:before{
    top: 55px!important;
  }
  .learninghub-gb-section:before{
    top: 55px!important;
    left: 0px!important;
  }
/*  .consultation:before{
    top: 55px!important;
    left: 0px!important;
  }*/
  .classes-bg:before{
    top: 55px!important;
    left: 0px!important;
  }
    
}

/*ipad landscape*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
 {
 /* .announcementss:before{
    top: 55px!important;
    left: 0px!important;
  }
  .learninghub-gb-section:before{
    top: 55px!important;
    left: 0px!important;
  }
  .consultation:before{
    top: 55px!important;
    left: 0px!important;
  }
  .classes-bg:before{
    top: 55px!important;
    left: 0px!important;
  }*/

}
/*new home page ui css start*/
.home-banner-section{
  background:linear-gradient(0deg, #00000078, #00000078), url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/hero_banner.jpg);
  background-size: cover;
  background-position: center top;
  color: white;
  background-repeat: no-repeat;
}
.banner-image{
    background: #fff;
    border-radius: 50%;
    width: 90px;
    margin: 0 auto;
    height: 90px;
}
.banner-image img{
    width: 85px;
    padding: 19px 13px 10px 18px;
}
.banner-button{
    padding: 14px 0 11px;
    background: var(--secondary);
    max-width: 185px;
    margin: 0 auto;
    color: var(--primary)!important;
/*    border: 2px solid var(--primary);*/
    margin-top: 23px;
/*    border-radius: 4px;*/
    display: block;
}
.banner-button-fill{
  padding: 14px 0 11px;
    background-color:var(--secondary);
    max-width: 185px;
    margin: 0 auto;
    color: var(--primary)!important;
/*    border: 2px solid #fff;*/
    margin-top: 23px;
/*    border-radius: 4px;*/
    display: block;
}
.banner-image-one img{
    padding: 22px 13px 10px 18px!important;
}
.banner-image-two{
  border:2px solid var(--primary) ;
}
.banner-image-two img{
    padding: 21px 17px 13px 22px!important;
    width: 82px!important;
}
.banner-image-three img{
    padding: 20px 14px 10px 17px!important;
}
.record-color-text{
  color: #0b4b73!important;
}
.consult-color-text{
  color: var(--secondary)!important;
}
.announcement-color-text{
  color: var(--primary)!important;
}
.class-color-text{
   color: #bfbd13!important;
}
.home-module{
  padding-bottom: 40px;
}
.up-on-hover{
  transition: 0.3s all ease-in-out;
}
.up-on-hover:hover {
  border-radius: 10px;
    box-shadow: -5px 4px 11px -1px rgb(0 0 0 / 7%), 5px -4px 11px rgb(0 0 0 / 15%);
    /* box-shadow: 0 24px 64px 0 rgb(0 0 0 / 6%); */
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
    transition: .15s cubic-bezier(.2,.6,.6,1);
}
/*new home page ui css end*/
.down-arrow{
  color: var(--primary);
  font-size: 22px;
  padding:0px 0 0 10px;
  cursor: pointer;
}
#logout-consultation-popup{
  z-index: 9999999999!important;
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
  .announcementss:before{
    top: 55px!important;
  }
  .learninghub-gb-section:before{
    top: 55px!important;
    left: 0px!important;
  }
/*  .consultation:before{
    top: 55px!important;
    left: 0px!important;
  }*/
  .classes-bg:before{
    top: 55px!important;
    left: 0px!important;
  }
}
.new-fullscreen-outer{
  height: 100vh;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 320px;
  max-width: 320px;
  float: none;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-loader-btn{
  position: relative;
}

.button--loading.disabled a{
  background: #DCDCDC;
  border: 1px solid #DCDCDC;
  pointer-events: none;
}
.button--loading.disabled{
  background: #DCDCDC !important;
  border: 1px solid #DCDCDC;
  pointer-events: none;
}
.button--loading .button__text {
  visibility: hidden;
  opacity: 0;
}

.button--loading::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

.ripple {
  position: relative!important;
  text-decoration: none!important;
  overflow: hidden!important;
}

.ripple > span {
  position: absolute;
  background: #2ea2f654;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 50%;
  animation: rippleffect 0.5s linear infinite;
}

@keyframes rippleffect {
  0% {
    height: 0;
    width: 0;
  }
  100% {
    height: 500px;
    width: 500px;
  }
}
.subcategory-title{
  padding-left: 50px!important;
}
.custom-coach-txt{
    text-align: center!important;
    margin: 5px 0px 0 0;
}
.custom-red-btn{
      background: #ff3635;
}
@media only screen and (min-device-width: 350px) and (max-device-width: 900px) and (orientation:landscape) {

.sidebar .logo {
    padding: 5px 30px !important;
  }
}
.rejectconsultation-icon{
  position: absolute;
  right: 0;
  top:0;
  padding:4px 10px;
  border-radius: 50%;
/*  background: var(--primary);*/
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
select.form-control{
  position: relative;
    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.verified-email{
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 900;
    padding: 5px 10px;
    background: #6ace1c;
    border-radius: 4px;
    margin: -8px 0 0px 0;
}
.unverified-email{
    position: absolute;
    right: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 900;
    padding: 5px 10px;
    border-radius: 4px;
    margin: -8px 0 0px 0;
    background:#dc3545; 
}
#resendVerifyEmail{
  color: #fff;
}
.resend-btn-inner{
    position: relative;
    top: 6px;
    font-size: 13px;
    color: #fff;
    font-weight: 900;
    padding: 8px 10px;
    border-radius: 4px;
    background: #dc3545;
    cursor: pointer; 
    display: inline-block;
    color: #000;
}
#profile-pic-upload .modal-popup-close{
  position: absolute;
    right: 10px;
    /* top: 42%!important; */
    margin-top: -13px;
    width: 40px;
    height: 40px;
    padding: 9px 11px;
    background-color: black;
    border-radius: 50%;
    cursor: pointer;
}
#profile-pic-upload .modal-popup-close img{
     filter: invert(1);
}
  .confirmcorpbutton{position: absolute;
    right: 20px;
    bottom: 20px;}

 .cancelcorpbutton{
    position: absolute;
    right: 240px;
    bottom: 20px;
 }   
#profile-pic-upload .modal-content{
      padding: 60px 0 90px;
}
.addImageDisabled:before{
  content: 'Verify your email Id to upload your profile image';
position: absolute;
color: white;
font-size: 11px;
text-align: center;
letter-spacing: 1px;
font-weight: 800;
padding: 0 13px;
text-transform: capitalize;
    font-family: var(--font-italian);
}
.navbar-brand{
  width: 120px!important;
}
#totalconsultation .dataTables_wrapper .dataTables_filter {
  float: none !important;
  text-align: center !important;
  display: flex;
}
#totalconsultation .dataTables_wrapper .dataTables_filter label {
  width: 75%;
  margin-bottom: 20px !important;
}
#totalconsultation .dataTables_filter input {
  width: 50% !important;
}
.email_btn {
  position: absolute;
}
.table_alignto_amail_btn {
  position: relative;
  padding-top: 50px;
}
.assign_coach{
  cursor: pointer;
  background: var(--primary);
  color: #fff;
  border-radius: 29px;
  font-weight: 900;
  display: inline-block;
}
.assihn_coach1 {
  padding: 10px 20px;
  width: 100%;
}
.thumbnail_img {
  position: relative;
  display: block;
  width: 100%;
  height: 75px;
  background: url('https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/common-bg.jpg') center center / cover no-repeat;
  border-radius: 0;
}
.thumbnail_icon {
  font-size: 30px;
  color: #ffc107;
  position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 transition: color 0.3s ease;
}
.sch-xmark {
  float: right;
  font-size: 24px;
  background: #000;
  color: #fff;
  padding: 7px 12px;
  border-radius: 50%;
  cursor: pointer;
}
.modal_cross_btn {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 8px 12px;
  border-radius: 50%;
  display: flex;
}
.display_back_video {
  border: 2px solid #dcdcdc;
  background: #fbfafa;
}
.display_back_video_inner {
  border: 2px solid #dcdcdc;
  background: #efefef;
  height: 100%;
}
.font-display {
  font-size: 13px;
}
.emoji_img img {
  width: 20px;
}
.emoji_box {
  cursor: pointer;
  margin-top: -2px;
}
.logout-button-txt{
  color: var(--tertiary);
  font-weight: var(--font-medium);
}
.disiciple-text-wrapper{
/*  width: 40%;*/                       
}
/*@media screen and (max-width: 1230px) {
  .disiciple-text-wrapper{
        width: 42%;
  }
}

@media screen and (max-width: 1063px) {
  .disiciple-text-wrapper{
        width: 42%;
  }
}*/
/* @media screen and (max-width: 768px) {
  .disiciple-text-wrapper{
        width: 100%;
  }
} */
.thumbnail_icon {
  font-size: 20px;
  color: #fff;
  padding: 10px 12px 10px 15px;
  background: #ffc107;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s ease;
}
.rejectconsultation-text {
  position: absolute;
  right: -20px;
  top: 30px;
  padding: 4px 10px;
  border-radius: 50%;
  color: var(--primary);
  font-weight: 700;
  cursor: pointer;
}
.discipline_img_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
/*  font-size: 18px;*/
}
.discipline_img_text img {
  width: 30px;
}
.italian_font_style{
  font-family: var(--font-italian);
  margin-bottom: 16px;
}
.italian_font_style label{
  margin-bottom: 0px;
  
}
.data-dark-text{
    font-size: 18px;
/*    margin-left: 5px;*/
}
.label-light-text{
  text-transform: uppercase;
  color: #404040;
}
.bg-primary-main{
  background-color: var(--primary)!important;
}
.detail-popup-label{
    font-family: 'Italian Plate No2';
    color: #646464;
}
.detail-popup-data{
font-family: 'Italian Plate No2';
    font-size: 19px;
    line-height: 26px;
}
/*.detail-pop-row{
      display: flex;
    justify-content: space-between;
    gap: 10px;
}*/
.detail-pop-col{
    background: #f4f4f4;
    padding: 10px 15px;
    height: 100%;
}
.detail-pop-row .col-md-4{
  padding: 0 10px!important;
}
.video-thumbnail-wrapper{
  position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.detail-pop-drill-row{
  display: flex;
    gap: 12px;
    align-items: center;
}
.detail-pop-drill-row .guide_play_icon{
    width: 80px;
    margin: 0;
    height: 65px;
}
@media screen and (min-width : 768px) and (max-width: 1244px) {
  .ipad-view {
   display: flex !important;
   flex-direction: row !important;
  }
}
.tab_section{
  display: inline-block;
  cursor: pointer;
}
.tab_title{
  font-size: 13px;
  margin-top: 10px;
  font-weight: 800;
  color: #808080;
  transition: 0.3s all;
}
.tab_title.active{
color: var(--primary);
font-size: 15px;
}
.tab_section:hover .tab_title{
color: var(--primary);
font-size: 15px;
}
.user_details_tabs{
  padding-bottom: 15px;
  border-bottom: 1px solid #bbb;
}
.video_modal_cross_mark {
  position: absolute;
  top: -22px;
  right: -5px;
  padding: 2px 14px;
  border-radius: 50%;
  font-size: 30px;
}
.report_white_box{
  background: #f3f2f5;
  padding: 20px;
  text-align: center;
  /* border-radius: 8px; */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.row_count_select{
  border: 0.5px solid #7d7d7d;
  height: 54px;
  padding-right: 20px !important;
  background-position: calc(100% - 11px) calc(1em + 7px), calc(100% - 7px) calc(1em + 7px), calc(100% - 1.4em) 0.8em!important;
  border-radius: 8px;
}
.date_box{
  background: #fff;
  cursor: pointer;
  padding: 15px 10px;
  border: 0.5px solid #7d7d7d;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary) !important;
  font-family: 'Italian Plate No2';
  text-transform: uppercase;
}
@media (max-width: 450px) {
  .confirmcorpbutton {
    /* right: 6px; */
    width: 175px !important;
  }
  .cancelcorpbutton {
    /* right: 210px; */
    width: 175px !important;
  }
  .make-col-space-0{
    padding: 0;
  }
  .make-col-l-space-0{
    padding-left: 0;
  }
  .date_box{
    font-size: 12px;
  }
  .mob_get_reportbtn, .practiseSessionbtn{
    width: 150px !important;
  }
}
.dt-buttons {
  display: block;
  margin-bottom: 15px;
}
.dt-buttons .buttons-copy,
.dt-buttons .buttons-excel,
.dt-buttons .buttons-pdf,
.dt-buttons .buttons-print {
  padding: 5px 10px;
  font-size: 16px;
}
.dt-buttons .buttons-copy {
  margin-right: 5px;
}
.dt-buttons .buttons-excel,
.dt-buttons .buttons-pdf,
.dt-buttons .buttons-print {
  margin: 0 5px;
}
.reportbtn_excelbtn {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.new_action_btn{
  padding: 9px 28px!important;
  margin: 0;
  border: 1px solid #000!important;
  background: var(--primary);
  color: var(--secondary);
}
@media (max-width: 400px) {
  .mobfont_for_excel_and_report, .practiseSessionbtn {
    font-size: 13px !important;
  }
}
.report_detail_table th, .practise_session_table th{
    font-size: 16px !important;
    text-align: left;
    background: var(--primary);
    vertical-align: middle;
    padding: 13px 25px;
    text-wrap: nowrap;
    color: #fff;
    text-align: center;
    font-weight: 600 !important;
    border: 0.5px solid #fff !important;
}
.report_detail_table > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(2n+1) > th, 
.practise_session_table > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #fff;
   text-align: center;
}
.report_detail_table > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(2n+1) > th,
.practise_session_table > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #F9F9F9;
   text-align: center;
}
.pagination ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
  justify-content: center;
  align-items: center;
}
.pagination ul li{
  color: #9d9d9d;
  list-style: none;
  line-height: 35px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
}
.pagination ul li.numb{
  list-style: none;
  height: 35px;
  width: 35px;
  margin: 0 3px;
  line-height: 35px;
  border-radius: 50%;
}
.pagination ul li.numb.first{
  margin: 0px 3px 0 -5px;
}
.pagination ul li.numb.last{
  margin: 0px -5px 0 3px;
}
.pagination ul li.dots{
  font-size: 22px;
  cursor: default;
}
.pagination ul li.btn{
  padding: 0 20px;
  border-radius: 50px;
}
.pagination li.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover{
  color: #fff;
  background: var(--primary);
}
.pagination_next,.pagination_perv{
  background: var(--primary);
  color: #fff!important;
  padding: 0 12px;
  border-radius: 4px;
} 
.select2-container--default .select2-selection--multiple .select2-selection__rendered,.select2-selection__rendered{
  padding: 0px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li,.select2-container--default .select2-search--inline .select2-search__field{
  padding: 0 5px!important;
}
.select2-container--default .select2-selection--multiple{
    border: 2px solid #7d7d7d!important;
    padding: 5px 10px;
    min-height: 54px !important;
    height: auto;
    overflow: hidden;
    resize: vertical;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder{
  color: #000;
}
.select2-container .select2-search--inline .select2-search__field{
  margin-top: 9px!important;
  font-size: 16px !important;
  font-weight: 600;
  color: var(--primary) !important;
  font-family: 'Italian Plate No2';
    text-transform: uppercase;
}
.select2-container--default .select2-selection--single{
    padding: 11px!important;
    border: 2px solid #7d7d7d!important;
    height: 54px!important;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary) !important;
    font-family: 'Italian Plate No2';
    text-transform: uppercase;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 54px!important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #000!important;
}
.select2-container{
  width: 100%!important;
}
.individualselection .select2-container--default .select2-selection--single,.category_select_drop .select2-container--default .select2-selection--single{
    padding: 5px!important;
    border: 2px solid #7d7d7d!important;
    height: 40px!important;
}
.individualselection .select2-container--default .select2-selection--single .select2-selection__arrow, .category_select_drop .select2-container--default .select2-selection--single .select2-selection__arrow{
   height: 40px!important;
}
.location_list, .userLocation {
  display: none !important;
}
.invite-card-wrapper img{
  filter: invert(1);
}
.invite-card-wrapper{
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dashboard-coach-title.coach-names{
  width: 100%;
}
.view-details-popup{
  background: #fff;
  z-index: 1;
  color: #000;
}
.cursor_on_hover {
  cursor: pointer;
}
.name_diaplay_width {
  width: 70%;
}
.displaying_name_section_oncard {
  display: flex;
  align-items: center;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .comment_width_inprogress {
    width: 40% !important;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .comment_width_inprogress {
    width: 35% !important;
  }
}
.bargraph {
  display: none;
  margin-bottom: 25px;
}



/*Suraj code start*/

.card_header{
display: flex;
gap: 15px;
margin-top: 5px;
}

.submitted_date{
background: var(--secondary);
padding: 5px 8px 1px 8px;
border-radius: 5px;
display: flex;
align-items: center;
font-size: 16px !important;
line-height: 20px !important;
}

.main_header{
background: var(--primary);
padding: 16px;
justify-content: start;
gap: 16px;
}

.user_name{
color: white;
font-weight: 600 !important;
}

.main_header_col{
padding: 0 !important;
}

.id_text{
color: rgba(255, 255, 255, 1);
opacity: 50% !important;
display: flex;
align-items: center;
letter-spacing: 0px !important;
font-size: 16px !important;
margin-bottom: 0px !important;
font-weight: 600;
}

.middle_section{
display: flex;
justify-content: space-between;
}


.comments_section{
border-top: 0.5px solid grey;
padding-top: 16px;
}


.analyse_button{
width: 100% !important;
border-radius: 4px;
font-size: 24px;
padding: 16px 64px;
font-weight: 800 !important;
}

.analyse_video_section{
/*padding-top: 15px !important;*/
}

.reject_icon{
padding: 24px;
font-size: 35px;
}


.learninghub-video-image {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}

.heading_text{
color: rgba(0, 0, 0, 0.5) !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0px !important;
}

.age_content label{
font-weight: 600 !important;
}

.consultation_content label{
font-weight: 600 !important;
}


.id_number_text{
font-weight: 600;
font-size: 16px !important;
}

.img_icon{
width: 85px;
height: 85px;
border-radius: 50%;
padding: 8px;
}

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

.disciplines_icons{
background: var(--primary);
border-radius: 50%;
width: 45px;
height: 45px;
}

.discipline_bkg img{
height: 45px;
width: 45px;
padding: 8px;
filter: invert(1);
}

.main_section{
padding: 16px;
}

.discipline_content{
margin-bottom: 24px !important;
}

.age_content{
margin-bottom: 24px !important;
}

.consultation_content{
margin-bottom: 24px !important;
}

.discipline_icon_col{
margin-top: 5px;
}

.comments_box{
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
padding: 16px !important;
margin-left: 0px !important;}




@media only screen and (min-device-width: 768px){


.user_name{
display: block !important;
letter-spacing: 0 !important;
width: 85% !important;
}

.comment_text{
width: 100% !important;
}

.learninghub-video-image{
height: 100%;
min-height: 100%;
max-height: 100%;
}


.disiciple-text-wrapper{
display: inline-flex;
gap: 20px;
width: 100% !important;
}




}






@media only screen and (max-device-width: 576px){

.middle_section{
flex-wrap: wrap !important;
}

.discipline_content{
flex: 0 0 100% !important;
max-width: 100% !important;
}

.age_content{
flex: 0 0 50% !important;
max-width: 50 !important
}

.consultation_content{
flex: 0 0 50% !important;
max-width: 50% !important;
}

.user_name{
font-size: 25px !important;
/*width: 85% !important;*/
word-break: break-word;
} 


.img_icon{
width: 20% !important;
height: 100% !important;
}


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

.card_header{
display: block !important;
width: 80% !important;
}

.submitted_date{
display: inline-block;
}


.id_text, .date_top_margin_mob{
margin-top: 10px !important;
}

.disiciple-text-wrapper{
display: inline-flex;
gap: 10px!important;
width: 100% !important;
}

.reject_icon{
padding: 19px !important;
}

.heading_text{
font-size: 14px !important;
}

}


@media only screen and (max-device-width: 767px){

.user_name{
width: 80% !important;
}

.disiciple-text-wrapper{
display: inline-flex;
gap: 20px;
width: 100% !important;
}


}


.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
   display: none;
}

.add-read-more.show-more-content .read-more {
   display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {
   font-weight: bold;
   margin-left: 2px;
   color: blue;
   cursor: pointer;
}

/*.truncate{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.invisible{
display: none;
}*/


.italian_font_style .read-more-wrap{
margin-bottom: 5px;
}
/*Suraj code ends*/

.inprogress_loading_before_response span[class^="dot-"], .completed_loading_before_response span[class^="dot-"], .rejected_loading_before_response span[class^="dot-"]{
  opacity: 0;
}

.dot-one{
  animation: dot-one 2s infinite linear
}
.dot-two{
  animation: dot-two 2s infinite linear
}
.dot-three{
  animation: dot-three 2s infinite linear
}
@keyframes dot-one{
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}

@keyframes dot-two{
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}

@keyframes dot-three{
  0%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  75%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.report_white_box_total {
  padding: 12px;
}

.member {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 8px 0px;
}

.member .pic {
  overflow: hidden;
  width: 100%;
}

.member .pic img {
  width: 164px;
  height: 110px;
  border-radius: 8px 8px 0 0;
  object-fit: cover;
  object-position: top;
}

.coach_boxes_report {
  background: var(--primary);
  padding: 16px;
  border-radius: 0 0 8px 8px;
}

.new_btn_design {
  background: #fff;
  border: 0.5px solid #7d7d7d;
  font-weight: 600;
  /* border-radius: 4px; */
}

.new_action_btn_excel{
  padding: 11px 0px!important;
  margin: 0;
  background: #fff;
  color: var(--primary);
  border: 0.5px solid #7d7d7d;
  font-family: 16px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: var(--font-italian);
  text-transform: uppercase;
}

.rounded-table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.rounded-table thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}
.rounded-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.rounded-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
} 

.row-box-font {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary) !important;
  font-family: 'Italian Plate No2';
  text-transform: uppercase;
}

.chart-container {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

#barChart {
  /* min-width: 900px; */
}

.border-text {
  border: 1px solid #544372;
  margin: 12px 0px;
}
body.menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.refund-amount{
  pointer-events: auto!important;
}
.search_field {
  border-left: 0.5px solid #000 !important;
  border-top: 0.5px solid #000 !important;
  border-bottom: 0.5px solid #000 !important;
  border-radius: 0.25rem 0 0 0.25rem !important;
}
#search-btn {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}
.practiseSessionbtn:hover {
  background: var(--primary) !important;
  color: #fff;
}
.students-section {
  background: #F3F2F5;
  padding: 32px;
}
.icon_btn {
  color: #fff;
  background: var(--primary);
  font-weight: 400;
  text-align: center;
  padding: 6px 12px;
  display: block;
  width: 100px;
}
.icon_display {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.start-recording-btn {
  background: #3E9D3E !important;
  color: #fff !important;
  font-size: 16px;
  font-family: 'Italian Plate No2';
  text-transform: uppercase;
  cursor: pointer;
}
.start-recording-btn button {
  background: transparent;
  color: #fff;
}
.stop-recording-btn {
  background: #D53939 !important;
  color: #fff !important;
  font-size: 16px;
  font-family: 'Italian Plate No2';
  text-transform: uppercase;
  cursor: pointer;
}
.stop-recording-btn button {
  background: transparent;
  color: #fff;
}
.awaited-session {
  background: #E98203 !important;
  color: #fff;
}
.spinner-loading{
  position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.spinner-loading .spinner-border{
  width: 3rem;
  height: 3rem;
  border-width: 6px;
  color:var(--secondary)!important;
}