.user-profile-image{width: 100px;height: 100px;object-fit: cover;}
.profile-img-file-input{display: none;}
.profile-photo-edit {cursor: pointer;position: relative;}
.profile-photo-edit .camera {    position: absolute;z-index: 99;
    bottom: 0;
    right: 10px;
    font-size: 24px;}
.report-icon{font-size: 40px;}

.draggable-table div{
    display: contents;
}
.draggable-table tr{
    cursor: grab;
}

.acitivity-timeline .acitivity-item:before{    border-left: 1px dashed #683eb7 !important }

.acitivity-timeline .acitivity-item:last-child::before {
    border-color: transparent !important;
}
.dot{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }

  .img-thumbnail {
    height: 100% !important;
    object-fit: contain;
}

.form-check .form-check-input.custom{
    width: 20px;
    height: 20px;
}
.form-check-input.custom:checked {
    background-color: #3b314e;
    border-color: #ffffff;

}


.form-check.custom{
    padding-left: 0;
}


.checkout-progress{
margin-bottom: 10px;
}

.checkout-progress .step{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e6e6e6;
    color: #29abe2;
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
}

.step.current{
    background-color: #29abe2;
    color: #ffffff;
}


.poll-layout{

}
.poll-layout .navbar{
background: #d4f2ff  !important;
}
.poll-layout ul.navbar-nav{
    background: #fff;
    border-radius: 40px;
}

.poll-layout .navbar-landing .navbar-nav .nav-item .nav-link{
    color: #29abe2;
    border-radius: 40px;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 400;
}
.poll-layout .navbar-landing .navbar-nav .nav-item .nav-link:hover{
    color: #fff !important;
    background: #29abe2;
}
.poll-layout .navbar-landing{
    padding:0 !important;
}

.poll-layout .navbar-landing .btn-soft-primary{
    background: #29abe2;
    color: #fff;
}


.poll-layout .card-primary{
    background: #29abe2;
    border: 1px solid #29abe2;
}

.btn-custom {
    background-color: #29abe2 !important;
    color: #fff !important;
    border: 1px solid #29abe2 !important;
}
.text-custom {
    color: #29abe2 !important;
}

.poll-layout .custom-footer{
    background-color: #d4f2ff ;
}

.poll-layout .footer-list li a,.poll-layout .footer-list li a:hover {
    color: #000;
}

.card-custom{
    background: #29abe2 !important;
    color: #fff !important;
}


.profile-wid-bg.red::before{
    background: linear-gradient(to top, #29abe2, #8f3146)
}

.red.nav-pills .nav-link.active {
    background-color:#00405b  !important
}

span.dot{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
}

.navbar-menu .navbar-nav .nav-link{
    font-size: 0.9rem !important;
}
.file-answer{
    width: 100px;
    margin:10px
}

.avatar-title img {
    max-height: 100%;
    object-fit: cover;
}

.warning-border{
    border-left: 5px solid #e4cf1d !important;
}
.danger-border{
    border-left: 5px solid #fc0202  !important;
}

.user-avatar img{width:100px;height: 100px !important;}

.warning-bg{
    background-color: #e4cf1d !important;
}
.danger-bg{
    background-color: #fc0202 !important;
}

.ad-image{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .ad-title{color: #bf203a;}
  .ad-box{
    background: #bf203a;
      padding: 10px;
      border-radius: 9px;
  }
  .ad-box .ad-title a{
    color: #fff !important;
    font-size: 22px;
  }
  .ad-box p {
    color: #ffffff !important;
    min-height: 150px;
    font-size: 13px;
  }
  .ad-btn{
    background: #fff !important;
      color: #bf203a !important;
      border: 1px solid #fff;
      padding: 10px 24px;
      border-radius: 30px;
  }

  .file-name{
    margin: 10px;
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 7px;
  }