.logo-preview {
    position: relative;
}
.user .profile .info {
    padding: 30px 60px;
    text-align: center;
    background-color: #fff;
    white-space: nowrap;
    background-color: #404040;
    color: #fff;
}
.info.logo-preview img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.logo-preview:hover .middle {
    opacity: 1;
}
.d-none {
    display: none !important;
}

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

.logo-preview .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.logo-preview:hover .middle{
    display: block;
}

.pointer{
    cursor: pointer !important;
}

li.dropdown-item:hover .pointer {
    color: #4b9ae5;
}

a.dt_image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #d8d5d5;
}

a.dt_image img:hover{
    opacity: 0.6;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 6px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.setposition {
    top: -5px;
    right: 12px;
}
.video-delete:hover .bgset{
    background: red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 5px;
}



table {
  counter-reset: section;
}

.counter-serial-no-list::before {
  counter-increment: section;
  content: counter(section) ;
}


/*Start Star CSS*/
.star-rating {
  
  display:flex;
  flex-direction: row-reverse;
  font-size:1.5em;
  justify-content:space-around;
  padding:0 .2em;
  text-align:center;
  width:5em;
  margin-left: 14px;
}

.labels {
    color: #767f84;
    font-size: 2.9rem;
    font-weight: 400;
    margin: 0 0px o.6rem;
}

.star-rating input {
  display:none;
}

.star-rating label {
  color:#ccc;
  cursor:pointer;
}

.star-rating :checked ~ label {
  color:#f90;
}

.star-rating label:hover,
.star-rating label:hover ~ label {
  color:#fc0;
}

/*End Star CSS*/