.bg_gray{
    /* position: relative;
    z-index: -99999; */
    background-color: #fff;
}

.fillAll{
    width: 100%;
    height: 100%;
}

.w_fill{
    width: 100%;
}

.h_fill{
    height: 100%;
}

.inline_block{
    display: inline-block;
}

.imgClick:hover{
    cursor: pointer;
}

.w_30percent{
    width: 33%;
}

.w_zero{
    width: 0px;
}

.w_50percent{
    width: 45%;
}

.h_70Percent{
    height: 70%;
}

.w_40percent{
    width: 40%;
}

.h_5percent{
    height: 5%;
}

.h_2percent{
    height: 2%;
}

.h_20percent{
    height: 20%;
}

.h_30percent{
    height: 30%;
}

.h_70percent{
    height: 70%;
}

.w_60percent{
    width: 60%;
}

.center{
    text-align: center;
}

.z_10{
    z-index: 10;
}

.left{
    text-align: left;
}

.wihte_border{
    border: 2px solid #dee2e6;
    padding: 0.1em;
    /* border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); */
}

.border_radius{
    /* border-radius: 4%; */
    border-radius: 0.5rem;
}

.pad_18percent{
    padding: 18.8% 0;
}

.pad_point5percent{
    padding: 0.5%;
}

.margin_1percent{
    margin: 1.5% 0;
}

.margin_3percent{
    margin: 3% 1%;
}

.line_height_2point5{
    line-height: 2.5;
}
.video_bg{
    position: fixed;
    z-index: -9999;
    /* -webkit-filter: grayscale(100%); */
}

.fixed{
    position: fixed;
}

.hide{
    display: none;
}

.absolute{
    position: absolute;
}

.relative{
    position: relative;
}

.margin_auto{
    margin: auto;
}

.margin_zero4percent{
    margin: 0 4% 4% 5%;
}

.pad_dot5em{
    padding: 0.5em;
}

.left_38{
    left: 38%;
}

.left_20{
    left: 20%;
}

.left_52{
    left: 52%;
}

.bottom_40{
    bottom: 40%;
}

.bottom_15{
    bottom: 15%;
}

.font_size_30{
    font-size: 30px;
}

.font_size_60{
    font-size: 60px;
}

.color_white{
    color: #fff;
}

.mouse_show{
    width: 20px;
    height: 20px;
    background-color: #000;        /* efefef */
    opacity: 50%;
    position: absolute;
    z-index: 2;
}

.img_bg{
    width: 100%;
    height: 100%;
    background-image: url("../Asset/select_layer_msg.PNG");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #dfdfdf;
    background-size: 100%;
}

.bottom_fu45{
    bottom: -45%;
}

body{
    height: 200%;
}

.radios_1{
    margin-left: 20%;
    width: 60%;
}

.img_answer:hover{
    transform: scale(2);
    transition-duration: 2s;
}

.img_answer:after{
    transform: scale(2);
    transition-duration: 2s;
}

.img_answer{
    transform: scale(1);
    transition-duration: 1.5s;
}


.show_percent{
    width: 55%;
    /* display: inline-block; */
    display: none;
    position: absolute;
    top: 38%;
    /* left: 4%; */
    right: 10%;
}


.btn_margin{
    margin: 2% 1% 1% 1%;
}


.bottom_fupoint75{
    bottom: -0.75rem;
}


.list-group {
    /* width: 100%;
    max-width: 460px; */
    
    width: 60%;
    margin-inline: 1.5rem;
  }
  
  .form-check-input:checked + .form-checked-content {
    opacity: .5;
  }
  
  .form-check-input-placeholder {
    border-style: dashed;
  }
  [contenteditable]:focus {
    outline: 0;
  }
  
  .list-group-checkable .list-group-item {
    cursor: pointer;
  }
  .list-group-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  .list-group-item-check:hover + .list-group-item {
    background-color: var(--bs-secondary-bg);
  }
  .list-group-item-check:checked + .list-group-item {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }
  .list-group-item-check[disabled] + .list-group-item,
  .list-group-item-check:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
  }
  
  .list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: .5rem;
  }
  .list-group-radio .form-check-input {
    z-index: 2;
    margin-top: -.5em;
  }
  .list-group-radio .list-group-item:hover,
  .list-group-radio .list-group-item:focus {
    background-color: var(--bs-secondary-bg);
  }
  
  /* .list-group-radio .form-check-input:checked + .list-group-item {
    background-color: var(--bs-body);
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px var(--bs-primary);
  } */

  .list-group-radio .form-check-input:checked + .list-group-item {
    background-color: var(--bs-body);
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px var(--bs-primary);
  }

  .list-group-radio .form-check-input[disabled] + .list-group-item,
  .list-group-radio .form-check-input:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .7;
  }

.form-check-input .submit:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.7;
}