// button hover 
.primary-hover:hover{
    background-color: #4BA9FF;
}
.danger-hover:hover{
    background-color: #FFB8B8;
}
.warning-hover:hover{
    background-color: #FFC67A;
}
.success-hover:hover{
    background-color: #15E6A2;
}

.elex-border-secondary-light{
    border-color: #ced4da !important;
}
label,
.elex-dynamic-input-label{
    font-size: 14px;
}

// input radio/checkbox css
input[type=radio]:checked:before, input[type=checkbox]:checked:before{
    display: none;
}
.form-check-input{
    height: 16px !important;
    width: 16px !important;
}
// tooltip custom color
.tooltip-outline-default.tooltip {
    .tooltip-inner {
        border: none;
        box-shadow: 0px 0px 3px $primary;
        background: #fff; 
        color: #000;
        font-size: 0.7rem; 
    }
    .tooltip-arrow::before {
        display: none;
    }

    
}
// tooltip custom color
.tooltip-outline-default.tooltip {
    .tooltip-inner {
        border: none;
        box-shadow: 0px 0px 3px $primary;
        background: #fff; 
        color: #000;
        font-size: 0.7rem;
    }
    .tooltip-arrow::before {
        display: none;
    }
}
.elex-license-like-img-container:hover{
    box-shadow: 0px 0px 16px rgba(16, 81, 141, 0.6);
    transition: 0.3s ease;
}
    
.elex_dp_go_premium_color {
    color: #008000 !important;
  }
.tooltip-outline-primary.tooltip {
    .tooltip-inner {
        border: none;
        box-shadow: 0px 0px 3px $primary;
        background: #fff; 
        color: #000;
        font-size: 0.7rem;
    }
    .tooltip-arrow::before {
        display: none;
    }
}

.tooltip-outline-danger.tooltip {
    .tooltip-inner {
        border: none;
        box-shadow: 0px 0px 3px $danger;
        background: #fff;
        color: #000;
        font-size: 0.7rem;
    }
    .tooltip-arrow::before {
        display: none;
    }
}

.tooltip-outline-warning.tooltip {
    .tooltip-inner {
        border: none;
        box-shadow: 0px 0px 3px #FFC67A;
        background: #fff;
        color: #000;
        font-size: 0.7rem;
    }
    .tooltip-arrow::before {
        display: none;
    }
}

.tooltip-outline-success.tooltip {
    .tooltip-inner {
        border: none;
        box-shadow: 0px 0px 3px $success;
        background: #fff;
        color: #000;
        font-size: 0.7rem;
    }
    .tooltip-arrow::before {
        display: none;
    }
}

// elex bg color
.elex-light-blue-bg{
    background-color: #E7F4FF !important;
}
.elex-light-pink-bg{
    background-color:  #FFB6B859 !important;
}

// elex shadow
.elex-box-table-shadow{
    box-shadow: 0px 0px 6px #10518D40;

    svg:hover{
        path{
            stroke: $info;
        }
    }
}

// elex alert
.elex-dynamic-pricing-alert{
    background-color: #F8E2D7;
    border: 1px solid #F8641C;
    border-left: 4px solid #F8641C;
}

// side panel css
.elex-dynamic-pricing-side-panel {
    height: 100vh;
    position: sticky;
    top: 0;
    min-width: 165px;
    max-width: 165px;
    background: $dark;
    padding: 10px;
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
        li {
            padding: 5px 10px;
            a {
                color: #c4c4c4;
                text-decoration: none;
                font-size: 14px;
                font-weight: 300;
            }
        }
        li.active {
            a {
                color: #fff;
                font-weight: 500;
            }
        }
    }
}


// btn minimum width
.elex-dp-min-width-btn{
    min-width: 150px;
}

// import page upload remove btn
.elex-dp-import-file-display-title{
    color: #1592E6;
}   
.elex-dp-remove-import-input{
    height: 20px;
    width: 20px;
    display: flex;
    font-size: 12px;
    border: none;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: transparent;
    
}
.elex-dp-remove-import-input:hover{
    background-color: #1592E6;
    color: #fff;
}

// main section css
.elex-dynamic-pricing-main {
    overflow: hidden;
    .elex-dynamic-pricing-main-links {
        min-width: 1300px;
        .elex-dynamic-pricing-main-link{
            position: relative;
            margin:0 .8rem;
            padding: .5rem 0;
            text-align: center;
            flex:1;
            font-weight: 500;
            color: $dark;
            text-decoration: none;
        }
        .elex-dynamic-pricing-main-link.active{
            border-bottom: 3px solid $primary;
            color: $primary;
        }
        
    }
    .elex-dynamic-pricing-main-setting-links{
        min-width: unset;
    }

    .elex-dynamic-pricing-rules-header{
        position: relative;
    }
    .elex-dynamic-pricing-rules-header::after{
        content: '';
        position: absolute;
        width: 50%;
        left: 0;
        bottom: -2px;
        border-radius: 1px;
        height: 2px;
        background-color: $info;
    }

    .elex-dynamic-pricing-rules-execution-table{
        th,td{
            padding: 0.8rem 0.8rem;
        }
    }
    .elex-dynamic-pricing-other-option-tab-box{
        height: 350px;
    }
}


*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  /* Track */
*::-webkit-scrollbar-track {
    background:  $light; 
    border-radius: 4px;
  }
   
  /* Handle */
*::-webkit-scrollbar-thumb {
    background: $primary; 
    border-radius: 6px;
    border: 2px solid #fff;
  }

// elex table
.elex-ab-email-setting-trigger-table{
    min-width: 800px;
    tr{
        th.elex-dp-table-td-check{
            width: 20px;
        }
        th.elex-dp-table-td-name{
            width: auto;
        }
        .elex-dp-table-td-quantity{
            width: 150px;
        }
        .elex-dp-table-td-checkon{
            width: 200px;
        }
        .elex-dp-table-td-type{
            width: 150px;
        }
        .elex-dp-table-td-total{
            width: 150px;
        }
        .elex-dp-table-td-action{
            width: 100px;
        }
    }
}

.elex-dynamic-pricing-other-option-tabs{
    min-width: 255px;
            .nav-link{
                color: #000;
                svg{
                    width: 16px;
                    path{
                        stroke: #000;
                        fill: none;
                    }
                }
            }
            .nav-link.active{
                color: #fff;
                svg{
        
                    path{
                        stroke: #fff;
                    }
                }
            }
}


// popup css
.elex-dynamic-pricing-popup {
    position: fixed;
    z-index: 9;
    height: 100%;
    width: 100%;
    top: 0;
    right: -100%;
    backdrop-filter: blur(6px);
    transition: 0.6s ease-in-out;
    .elex-dynamic-pricing-popup-content{
        height: 100%;
        overflow-y: auto;
        padding-bottom: 20px;

        .elex-border-tr-0{
            td{
                border: none !important;
            }
        }
    }


    .elex-dynamic-pricing-popup-tab-box{
        min-height: 400px;

        .elex-dynamic-pricing-popup-tabs{
            min-width: 255px;
            .nav-link{
                color: #000;
                svg{
                    width: 16px;
                    path{
                        stroke: #000;
                        fill: none;
                    }
                }
            }
            .nav-link.active{
                color: #fff;
                svg{
        
                    path{
                        stroke: #fff;
                    }
                }
            }
        }
    }
    
}
.elex-dynamic-pricing-popup.active {
    right: 0px;
    transition: 0.6s ease-in-out;
}



.aw-result-box{
    display: none;
  }
.elex-dynamic-pricing-show-details-btn *,
.elex-dynamic-pricing-hide-details-btn *{
    cursor: pointer;
}

.min-width-100{
  min-width: 100%;
} 

.span-w-100~.select2-container{
  width: 100% !important;
}


// switch button css
.elex-switch-btn {
    position: relative;
    display: inline-block;
    width: 60px;
    min-width: 60px;
    height: 26px;
    input {
        display: none;
    }
    .elex-switch-icon {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #A3A3A3;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-radius: 34px;
    }
    .elex-switch-icon:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border-radius: 50%;
    }
    input:checked+.elex-switch-icon {
        background-color: #00BBFF;
    }
    input:focus+.elex-switch-icon {
        box-shadow: 0 0 1px #2196f3;
    }
    input:checked+.elex-switch-icon:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(34px);
    }
    /*------ ADDED CSS ---------*/
    .elex-switch-icon:after {
        content: "OFF";
        color: #000;
        font-weight: 600;
        display: block;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 70%;
        font-size: 10px;
    }
    input:checked+.elex-switch-icon:after {
        content: "ON"; 
        left: 30%;
    }
}
// end of switch button css