/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

.page-link{
    border: none !important;
}
.page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--falcon-pagination-active-color);
    background-color: #DABA53  !important;
    /* border-color:#f5f23e; */
}
.pagination{
    margin-top: 1rem;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #000  !important;
    /* border-color: var(--falcon-pagination-hover-border-color); */
}

.swal2-styled , .swal2-confirm {
    background-color: #DABA53  !important;
    margin: 0 1rem;

}
.swal-confirm-button-warning {
    background-color: #DABA53  !important;
    color: #fff !important;
}
.swal-delete-confirm {
    background-color: #FF0000    !important;
    color: #fff !important;
}

.swal2-cancel{
    margin-right: 1rem;
}
.swal2_title{
    color: #000 !important;
}
.theme_btn_color{
    background-color: #DABA53 !important;
    color: #000 !important;
}

.btn-primary:hover, .theme_btn_color:hover,.swal-delete-confirm:hover,.swal-confirm-button-warning:hover{
    /* background-color: #DABA53 !important; */
    background-color: #000 !important;

    /* border-color:#f5f23e !important; */
    color: #fff !important;

}



.btn.active {
    background-color: #DABA53 !important;
}
.theme_btn_color.active {
    background-color: #000 !important;
    color: #FFFFFF !important;
}
.nav-pills .nav-item .nav-link:not(.active) {
    color: gray;
}
.theme_icon_color{
    color: #DABA53;
    /* font-weight: 700; */
}

.theme_billing_color{
    color: #DABA53;
    font-weight: 500 !important;
    font-size: 1.56rem !important;
}

.theme_login_color{
    color: #DABA53;
    font-weight: 700 !important;
}


.dropzone .dz-remove {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    color: #DABA53;
    z-index: 1000;
    cursor: pointer;
    opacity: 1;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    margin-top: 6rem;
    width: 70%;
    /* margin-left: 7rem; */
}
/* #exercise_update_form .dropzone .dz-preview .dz-image{
    border-radius: 20px;
    overflow: hidden;
    width: 100% !important;
    height: auto !important;
    position: relative;
    display: block;
    z-index: 10;
}


#exercise_update_form .dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    margin-top: 10rem;
    width: 70%;
    margin-left: 12rem;
} */

.body_header_color{
    background-color: #000000 !important;
}

.seacrh_input_design{
    background-color: #fff;
    border: none;
    font-size: 12px;
    opacity: 0.5;
}
.search_outer{
    background-color: #fff; border: none;
    border-radius: 5px;
}
/* #image-dropzone{
 pointer-events: none;
} */

.h5_theme{
    font-size: 1.56rem !important;
    color: #000000 !important;

}
.dz-image-preview .dz-remove{
    pointer-events: all;
}
.a_blk{
    color: #000 !important;
}
.filter_container {
    display: block;
    position: relative;
    /* padding-left: 35px;
    margin-bottom: 12px; */
    cursor: pointer;
    font-size: 15px;

    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
  }
  
  .filter_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
.checkmark {
    position: absolute;
    top: 0.2rem;
    left: 0;
    height: 15px;
    width: 15px;
    border: #DABA53 1px solid;
    /* border-radius: 50%; */
  }


  .filter_container input:checked ~ .checkmark {
    background-color: #DABA53;
    /* content: '✔'; */
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: '\2713';
    color: #000000;
    font-size: 1.6em;
    display: none;
    margin-top:-15px
  }
  
  /* Show the indicator (dot/circle) when checked */
  .filter_container input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  /* .filter_container .checkmark:after {
       top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
  }
   */


  

  .plyr--full-ui.plyr--video .plyr__control--overlaid{
    background-color: #DABA53 !important;
  }

  .plyr--full-ui.plyr--video .plyr__control--overlaid:hover{
    background-color: #000 !important;
  }

  .plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2;
    color: #DABA53 !important;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
    color: #DABA53 !important;
}


.plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true], .plyr__menu__container label.plyr__control input[type=radio]:checked + span {
    background-color: #DABA53 !important;
    color :#000

}



.exercise_list_icon {
    right: -15px !important;
    margin-top: -15px;
}
   
.exercise_card {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    padding-bottom: 20px;
    border-radius: 20px;
    background: #fff;
    height: 325px;
}
.exercise_card:hover{
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    background-color: #000;
    padding-bottom: 20px;
    border-radius: 20px;
}
.exercise_card:hover p {
    color: #fff;
}
.customer_exercise_add_icon{
    margin-right: 8px;
}
.dataTables_wrapper .dataTables_info{
    margin-top: 1rem !important;
}
/* .was-validated .select2-selection--multiple, .form-select.is-invalid {
    border-color: var(--falcon-form-invalid-border-color) !important;
    padding-right: calc(1.5em + 0.625rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e63757'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e63757' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.15625rem) center;
    background-size: calc(0.75em + 0.3125rem) calc(0.75em + 0.3125rem);
} */
/* .select2-selection--multiple{

} */

th,td,label{
   color: #000 !important; 
}
.dropdown-indicator:after{
    right: 15px !important;
}
.table{
    color: #000000 !important;
    --falcon-table-striped-color: #000000 !important;
}
.dlt-btn:hover .delete_black{
    display:none;
} 
.delete_white{
    display:none
}
.dlt-btn:hover .delete_white{
    display:block  !important;
}
.theme_btn_white_color:hover{
    color: #000000 !important;
    background: #ffff !important;
}

.theme_btn_white_color{
  background: #DABA53 !important;
  color: #000 !important;

}

.left_side_scroll::-webkit-scrollbar-thumb {
    background: #7C7C7C;
}
.left_side_scroll::-webkit-scrollbar {
    width:10px;
}

.left_side_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #000;
}
.btn_mtp{
    position:fixed;
    bottom:30px;
    
}
.exercise_img{
    /* height: 100%; */
    /* width:100%; */
    /* aspect-ratio:2; */
}
.img_wrapper{
   /* min-height: 115px;
   width: 228px !important;
    height: 180px !important;
     */
}
/* .exercise_drag{
    z-index: 1100;
} */
.side_menu_font{
    font-weight: bold;

}
.user_data_table{
    font-size: 15px;
    font-weight: 600;
    color: #000000 !important;
}
.needs-validation .error {
    font-size: 75%;
    color: #e63757 !important;
}

.language_btn{
    /* border: 1px solid #DABA53 !important;
    outline-color: #DABA53 !important; */
    /* border-radius: 5px; */
    /* border-radius: var(--falcon-border-radius); */
    padding: 5px 8px !important;
}

.plan_list_highlight{
    background-color: rgb(218 186 83 / 66%);
}

/* .input_user_data > input{
    width: 10rem;
    padding-left
} */
.select2-container--classic .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #888888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}

.select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}