.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
   content: "";
   background-image: url('assets/media/playBtn.png');
   background-repeat: no-repeat;
   background-size: 30px;
   background-position: 55% calc(50% - 0px);
   border: none !important;
   box-shadow: none !important;
}

.avatar {
  border-radius: 10rem;
  width: 48px;
  height: 48px; }

.avatar-xxs {
  width: 22px;
  height: 22px; }

.avatar-xs {
  width: 34px;
  height: 34px; }

.avatar-sm {
  width: 40px;
  height: 40px; }

.avatar-lg {
  width: 56px;
  height: 56px; }

.avatar-xl {
  width: 64px;
  height: 64px; }



.input-line .form-control {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  -webkit-background-size: 0 1px, 100% 1px;
          background-size: 0 1px, 100% 1px;
  background-repeat: no-repeat;
  /* background-position: center bottom, center calc(100%); */
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)), -webkit-gradient(linear, left top, left bottom, from(#eaeff4), to(#eaeff4)); */
  /* background-image: -webkit-linear-gradient(#96c7ff, #96c7ff), -webkit-linear-gradient(#eaeff4, #eaeff4); */
  /* background-image: linear-gradient(#96c7ff, #96c7ff), linear-gradient(#eaeff4, #eaeff4); */
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }
  .input-line .form-control:focus, .input-line .form-control.focus {
    -webkit-background-size: 100% 1px, 100% 1px;
            background-size: 100% 1px, 100% 1px;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }

.borderimg {
  border-style: solid;
  border-width: 3px;
  border-color: #b7c1f0;
}