.text-bold,
.bold {
    font-weight: bold;
}
.fw-bold {
    font-weight: bold;
}
.fw-100 {
    font-weight: 100;
}
.fw-200 {
    font-weight: 200;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fw-900 {
    font-weight: 900;
}
.fw-1000 {
    font-weight: 1000;
}

.fs-lg {
    font-size: large !important;
}
.fs-sm {
    font-size: small !important;
}

.fs-8 {
    font-size: 8px !important;
}
.fs-9 {
    font-size: 9px !important;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-17 {
    font-size: 17px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-19 {
    font-size: 19px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-21 {
    font-size: 21px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-23 {
    font-size: 23px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-26 {
    font-size: 26px !important;
}
.fs-27 {
    font-size: 27px !important;
}
.fs-28 {
    font-size: 28px !important;
}
.fs-29 {
    font-size: 29px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-31 {
    font-size: 31px !important;
}
.fs-32 {
    font-size: 32px !important;
}
.fs-33 {
    font-size: 33px !important;
}
.fs-34 {
    font-size: 34px !important;
}
.fs-35 {
    font-size: 35px !important;
}

/* .h-10 {
    height: 10px !important;
}
.h-20 {
    height: 20px !important;
}
.h-30 {
    height: 30px !important;
}
.h-35 {
    height: 35px !important;
}
.h-40 {
    height: 40px !important;
} */
.h-50 {
    height: 50px !important;
}
.h-60 {
    height: 60px !important;
}
.h-70 {
    height: 70px !important;
}
/* .h-100 {
    height: 100px !important;
} */

.wd-10 {
    width: 10px !important;
}

.wd-20 {
    width: 20px !important;
}
.wd-30 {
    width: 30px !important;
}
.wd-40 {
    width: 40px !important;
}
.wd-50 {
    width: 50px !important;
}
.wd-60 {
    width: 60px !important;
}
.wd-70 {
    width: 70px !important;
}
.wd-80 {
    width: 80px !important;
}
.wd-90 {
    width: 90px !important;
}
.wd-100 {
    width: 100px !important;
}
.wd-100-p {
    width: 100% !important;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.hidden{
    display: none !important;
}

.op-1{opacity: 0.1;}
.op-2{opacity: 0.2;}
.op-3{opacity: 0.3;}
.op-4{opacity: 0.4;}
.op-5{opacity: 0.5;}
.op-6{opacity: 0.6;}
.op-7{opacity: 0.7;}
.op-8{opacity: 0.8;}
.op-9{opacity: 0.9;}
.op-10{opacity: 1;}

.modal{
    z-index: 999999999999999999999;
   }
.bd-0 {border-radius: 0px!important;}
.pl-0 {padding-left: 0px!important;}
.pl-1 {padding-left: .25rem!important;}
.pl-2 {padding-left: .5rem!important;}
.pl-3 {padding-left: 1rem!important;}
.pl-4 {padding-left: 1.5rem!important;}
.pl-5 {padding-left: 3rem!important;}
.pr-0 {padding-right: 0px!important;}
.pr-1 {padding-right: .25rem!important;}
.pr-2 {padding-right: .5rem!important;}
.pr-3 {padding-right: 1rem!important;}
.pr-4 {padding-right: 1.5rem!important;}
.pr-5 {padding-right: 3rem!important;}
.p-0  {padding: 0rem!important;}

.ml-1 {margin-left: .25rem!important;}
.ml-2 {margin-left: .5rem!important;}
.ml-3 {margin-left: 1rem!important;}
.ml-4 {margin-left: 1.5rem!important;}
.ml-5 {margin-left: 3rem!important;}
.mr-1 {margin-right: .25rem!important;}
.mr-2 {margin-right: .5rem!important;}
.mr-3 {margin-right: 1rem!important;}
.mr-4 {margin-right: 1.5rem!important;}
.mr-5 {margin-right: 3rem!important;}
.m-0  {margin: 0rem!important;}
.img-contain{object-fit: contain;}
.img-cover{object-fit: cover;}
.img-fill{object-fit: fill;}
.pointer{
  cursor: pointer !important;
}
.pull-right{
  float: right !important;
}
.pull-left{
  float: left !important;
}


.set-table{
  border: 1px solid #e9ecef !important;
}
.set-warning-border{
  border-left: 5px solid #ffb400 !important;
}
.set-heading-success-text{
  color: #70d27c;
}
.set-success-border{
  border-left: 5px solid #70d27c !important;
}
.set-heading-warning-text{
  color: #ffb400;
}
.set-image{
  max-width: 80px;
  cursor: pointer;
  object-fit: contain;
}
.set-title{
  font-size:13px;
  color: black;
}
.set-subtitle{
  margin-left: 100px;
}
.set-div-bbottom{
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.chat-icon{
  font-size: 16px;
}
.modal-fixed-div{
  max-height: 300px;
  overflow-y: scroll;
}
.set-input{
  max-width: 60px;
  border: 1px solid #dee1e7;
  padding-left: 10px;
  outline:none !important;
  font-size:12px;
  height:35px;
}
.set-inputnote{
  border: 1px solid #dee1e7;
  padding-left: 10px;
  outline:none !important;
  font-size:12px;
  height:35px;
}
.set-sub-input{
  margin-top: 10px;
}
.div-border{
  border: 1px solid #e9ecef;
}
.div-border-top{
  border-top: 1px solid #e9ecef;
}


/* Chat */


.chat-search-box {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
    padding: .75rem 1rem;
}

.chat-search-box .input-group .form-control {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    border-right: 0;
}

.chat-search-box .input-group .form-control:focus {
    border-right: 0;
}

.chat-search-box .input-group .input-group-btn .btn {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    margin: 0;
}

.chat-search-box .input-group .input-group-btn .btn i {
    font-size: 1.2rem;
    line-height: 100%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .chat-search-box {
        display: none;
    }

}


/************************************************
	************************************************
									Users Container
	************************************************
************************************************/

.users-container {
    position: relative;
    padding: 1rem 0;
    /* border-right: 1px solid #c1c3c5; */
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}


/************************************************
	************************************************
											Users
	************************************************
************************************************/

.users {
    padding: 0;
}

.users .person {
    position: relative;
    width: 100%;
    padding: 10px 1rem;
    cursor: pointer;
    border-bottom: 1px solid #f0f4f8;
}

.users .person:hover {
    background-color: #ffffff;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eff5), to(#ffffff));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(right, #e9eff5, #ffffff);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, #e9eff5, #ffffff);
    /* FF3.6 */
    background-image: -ms-linear-gradient(right, #e9eff5, #ffffff);
    /* IE10 */
    background-image: -o-linear-gradient(right, #e9eff5, #ffffff);
    /* Opera 11.10+ */
    background-image: linear-gradient(right, #e9eff5, #ffffff);
}

.users .person.active-user {
    background-color: #ffffff;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(#ffffff));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(right, #f7f9fb, #ffffff);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, #f7f9fb, #ffffff);
    /* FF3.6 */
    background-image: -ms-linear-gradient(right, #f7f9fb, #ffffff);
    /* IE10 */
    background-image: -o-linear-gradient(right, #f7f9fb, #ffffff);
    /* Opera 11.10+ */
    background-image: linear-gradient(right, #f7f9fb, #ffffff);
}

.users .person:last-child {
    border-bottom: 0;
}

.users .person .user {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.users .person .user img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.users .person .user .status {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #e6ecf3;
    position: absolute;
    top: 0;
    right: 0;
}

.users .person .user .status.online {
    background: #9ec94a;
}

.users .person .user .status.offline {
    background: #c4d2e2;
}

.users .person .user .status.away {
    background: #f9be52;
}

.users .person .user .status.busy {
    background: #fd7274;
}

.users .person p.name-time {
    font-weight: 600;
    font-size: .85rem;
    display: inline-block;
}

.users .person p.name-time .time {
    font-weight: 400;
    font-size: .7rem;
    text-align: right;
    color: #8796af;
}

.only-mobile-display{
  visibility: hidden;
}
@media (max-width: 767px) {
    .users .person .user img {
        width: 30px;
        height: 30px;

    }
    .only-mobile-display{
      visibility: visible;
    }
    .chatbox-sm{
      display: none;
    }

    .users .person p.name-time .time {
        display: none;
    }
}


/************************************************
	************************************************
									Chat right side
	************************************************
************************************************/

.selected-user {
    width: 100%;
    padding: 0 15px;
    min-height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e6ecf3;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.selected-user span {
    line-height: 100%;
}

.selected-user span.name {
    font-weight: 700;
}

.chat-container {
    position: relative;
    padding: 1rem;
}

.chat-container li.chat-left,
.chat-container li.chat-right {
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-bottom: 40px;
}

.chat-container li img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.chat-container li .chat-avatar {
    margin-right: 20px;
}

.chat-container li.chat-right {
    justify-content: flex-end;
}

.chat-container li.chat-right > .chat-avatar {
    margin-left: 20px;
    margin-right: 0;
}

.chat-container li .chat-name {
    font-size: .75rem;
    color: #999999;
    text-align: center;
}

.chat-container li .chat-text {
    padding: 1.2rem 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fbfbfb;
    font-weight: 300;
    line-height: 150%;
    position: relative;

}

.chat-container li .chat-text:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 10px;
    left: -20px;
    border: 10px solid;
    border-color: transparent #fbfbfb transparent transparent;
}

.chat-container li.chat-right > .chat-text {
    text-align: right;
}

.chat-container li.chat-right > .chat-text:before {
    right: -20px;
    border-color: transparent transparent transparent #fbfbfb;
    left: inherit;
}

.chat-container li .chat-hour {
    padding: 0;
    margin-bottom: 10px;
    font-size: .75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 15px;
}

.chat-container li .chat-hour > span {
    font-size: 16px;
    color: #9ec94a;
}

.chat-container li.chat-right > .chat-hour {
    margin: 0 15px 0 0;
}

@media (max-width: 767px) {
    .chat-container li.chat-left,
    .chat-container li.chat-right {
        flex-direction: column;
        margin-bottom: 30px;
    }
    .chat-container li img {
        width: 32px;
        height: 32px;
    }
    .chat-container li.chat-left .chat-avatar {
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }
    .chat-container li.chat-left .chat-hour {
        justify-content: flex-end;
    }
    .chat-container li.chat-left .chat-name {
        margin-left: 5px;
    }
    .chat-container li.chat-right .chat-avatar {
        order: -1;
        margin: 0 0 5px 0;
        align-items: center;
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
    }
    .chat-container li.chat-right .chat-hour {
        justify-content: flex-start;
        order: 2;
    }
    .chat-container li.chat-right .chat-name {
        margin-right: 5px;
    }
    .chat-container li .chat-text {
        font-size: .8rem;
    }
}

.chat-form {
    padding: 15px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid white;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.chat-card {
    border: 0;
    background: #e6eaea;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2rem;
    box-shadow: none;
}
.users-list{
  max-height: 480px;
  overflow-y: scroll;
}
.chatdiv{
  max-height: 425px;
  height: 425px;
  overflow-y: scroll;
}
.stay-connect{
  background: #f7f7f7;
}
.bg-white{
  background: white !important;
}
.bg-black{
  background: black !important;
}
.admin-bg{
  background: bisque;
}
.bordered{
  border:1px solid lightgrey;
}

.h-200{
  height:200px;
}
.workout-builder-section::webkil-scrollbar{
  display: none;
}
.zactra-label{
  font-weight:normal;
  font-size:14px;
}
.table-zactra th,.table-zactra td{
  font-size:12px;
}
.border-bottom-none{
  border-bottom:none;
}
.outline-none{
  outline:none;
}
.btn-supperset{
  outline: none;
  height: 34px;
  font-size: 11px;
  background: white;
  border: 1px solid #d9d9d9
}

.h-120{
  height:120px;
}

.superset-display-media{
  max-width:100%;
   width:80px;
   object-fit: contain;
}

.save-button-suppersets{
  outline:none;
  border:none;
  background:#8de72f;
  font-size:13px;
  border: 1px solid #8de72f;
  color: white;
  font-weight:bold;
}
.chat-img{
  border-radius: 0px !important;
  width: 320px !important;
  height: 240px !important;
  object-fit: contain !important;
}
.exercise-details-video{
  min-height:197px;
}
.p-r{
  position:relative;
}

span.exercise-absolute-wright{
  position: absolute;
  top: 10px;
  margin-left:10px;
  font-size:10px;
}
.overflow-x-hidden{
  overflow-x: hidden !important;
}
.h-m-500{
  min-height:500px;
}
.bg-rebeccapurple{
  background: rebeccapurple !important;
}
.bg-green{
  background: green !important;
}
.chat-text{
  color: #3a3333 !important;
}
.skill-div-border{
  border: 1px solid gray !important;
}
.table-bordered{
  border: 1px solid gray !important;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.skill-date-bg-yellow{
  background: yellow !important;
}
.skill-total-bg-lightgoldenrodyellow{
  background: lightgoldenrodyellow !important;
}
.skill-headings-bg{
  background: lightgreen !important;
}
.skill-bg-orange{
  background: orange !important;
}
.text-black{
  color: black !important;
}