.wc_af_sub-section-title {
    width: 90%;
    margin:1.75rem 0.75rem 0;
    padding: 0.275rem;
    background: #fff;
    box-sizing: border-box;
}

.wc_af_sub-section-title .wc_af_sub-section {
    margin: 0;
    padding: .5rem 1rem;
}

.wc_af_sub-section-title .wc_af_sub-section .woocommerce-help-tip {
    vertical-align: inherit;
    padding-left: 1.75rem;
}

.woocommerce table.form-table.opmc_wc_af_table {
    width: 90%;
    margin: 0 0.75rem 0 1.75rem;
}

.woocommerce .opmc_wc_af_table tr > th, .opmc_wc_af_table tr > td {
    padding-left: 1rem;
    padding-top: 1.75rem;
    vertical-align: top;
}

.opmc_wc_af_table td.forminp-slider{
    width: 500px;
    max-width: 100%;
}

.forminp-multiselect select[multiple] option:checked,
.forminp-multiselect select[multiple]:focus option:checked {
    background-color: #2a8ff7 !important;
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(#2a8ff7, #2a8ff7);
}
.forminp-multiselect select[multiple]:disabled option:checked{
    background-color: rgb(208, 208, 208) !important;
    background: linear-gradient(rgb(208, 208, 208), rgb(208, 208, 208));
    color: gray !important;
}

/* switch checkbox */
.form-table label.opmc-toggle-control {
display: block !important;
position: relative;
padding-left: 100px;
margin:0 0 25px !important;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.opmc-toggle-control input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.opmc-toggle-control input:checked ~ .opmc-control {
background-color: dodgerblue;
}
.opmc-toggle-control input:checked ~ .opmc-control:after {
left: 35px;
}
.opmc-toggle-control input:checked ~ .opmc-control:before {
content: "Enabled";
color: green;
transition: all 0.15s ease-in-out;

}
.opmc-toggle-control .opmc-control {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 58px;
border-radius: 25px;
background-color: darkgray;
transition: background-color 0.15s ease-in;
}
.opmc-toggle-control .opmc-control:after {
content: "";
position: absolute;
left: 3px;
top: 50%;
width: 20px;
height: 20.5px;
border-radius: 25px;
background: white;
transition: left 0.15s ease-in;
transform: translateY(-50%);
}
.opmc-toggle-control .opmc-control:before{
content: "Disabled";
position: absolute;
left: calc(100% + 10px);
top: 50%;
transform: translateY(-50%);
color: gray;
transition: all 0.15s ease-in-out;
font-size: 12px;
pointer-events: none;
}
/* score-slider */
.score-slider {
position: relative;
width: 100%;
}
.score-bar {
background: rgb(90,198,125);
background: linear-gradient(90deg, rgba(90,198,125,1) 0%, rgba(205,119,57,1) 50%, rgba(185,74,72,1) 100%);
height: 1rem;
width: 80%;
margin: 0 auto;
position: relative;
border-radius: 3rem;
}
.score-bar-label{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 0 0;
}
.score-value{
    position: absolute;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: .5rem solid rgba(90,198,125,1);
    border-radius: 5rem;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    left: 0;
    transition: all 0.5s ease-in-out;
}
.score-value .score-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    font-weight: 700;
}
/*Related to debug log */

table#debug_t,tr#debug_tr,th#debug_th,td#debug_td{
  border:1px solid #dddddd;
  border-collapse:collapse;
  text-align: center;
}
.tbl-header{
  width:calc(100% - 17px);
  width:-webkit-calc(100% - 17px);
  width:-moz-calc(100% - 17px);
}